/* Informasjonssidene deler designspråk med selve spillet: samme skrivebords-
   bakgrunn, samme messingaksent, Fraunces i overskriftene, Space Grotesk i
   grensesnittet og Source Serif 4 i ingressene. Fontene lastes fra hver side. */
:root{
  --desk:#0F2E24;
  --desk-deep:#0A211A;
  --paper:#F6F3EA;
  --ink:#1C1913;
  --brass:#C9A227;
  --brass-soft:#E4C766;
  --brass-hover:#D4B33F;
  --muted:#AEB9B2;
  --body:#D8E0D8;
  --line:#ffffff1c;
  --radius:10px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:100vh;
  background:
    radial-gradient(1200px 600px at 50% -10%, #17453634 0%, transparent 60%),
    var(--desk);
  color:var(--paper);
  font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;
  line-height:1.68;
  padding:clamp(26px,5vw,54px) clamp(16px,4vw,30px) 80px;
  -webkit-font-smoothing:antialiased;
}
.infoshell{
  width:min(1140px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:250px minmax(0,760px);
  gap:clamp(28px,5vw,64px);
  align-items:start;
  justify-content:center;
}

/* ---------- Sidemeny ---------- */
.infonav{
  position:sticky;
  top:clamp(26px,5vw,44px);
  display:grid;
  gap:16px;
}
.infobrand{
  display:inline-block;
  padding:0 2px;
  font-family:'Fraunces',serif;
  font-weight:900;
  font-size:1.5rem;
  letter-spacing:-.02em;
  color:var(--paper);
  text-decoration:none;
}
.infobrand:hover{color:var(--brass-soft)}
.infobrand .dot{color:var(--brass)}
/* Versjonsmerket står til høyre for ordmerket, i punktumets messinggule. */
.infobrand .infoversion{
  margin-left:6px;
  font-size:.5em;
  font-weight:700;
  letter-spacing:0;
  color:var(--brass);
  vertical-align:.35em;
}
.infonavlist{
  display:grid;
  gap:6px;
  padding:9px;
  border:1px solid var(--line);
  border-radius:13px;
  background:#071b1480;
  box-shadow:0 18px 45px #04120c66;
}
.infonavlink{
  display:block;
  padding:11px 13px;
  border:1px solid transparent;
  border-radius:9px;
  color:#ccd6d0;
  font-weight:700;
  font-size:.88rem;
  text-decoration:none;
  transition:background .16s ease,color .16s ease;
}
.infonavlink:hover{color:var(--paper);background:#ffffff0d}
.infonavlink[aria-current="page"]{
  color:var(--ink);
  background:var(--brass-soft);
  border-color:#f1dc84;
}
.backgame{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  padding:13px 16px;
  border-radius:var(--radius);
  background:var(--brass);
  color:var(--ink);
  font-weight:700;
  font-size:.92rem;
  text-decoration:none;
  box-shadow:inset 0 1px #ffffff66,0 10px 24px #04120c55;
  transition:background .16s ease;
}
.backgame:hover{background:var(--brass-hover)}
.backgame svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* ---------- Innhold ---------- */
main{min-width:0}
h1{
  font-family:'Fraunces',serif;
  font-weight:900;
  font-size:clamp(1.9rem,4.4vw,2.6rem);
  letter-spacing:-.015em;
  line-height:1.12;
  margin-bottom:12px;
}
h2{
  margin:40px 0 4px;
  padding-top:22px;
  border-top:1px solid var(--line);
  font-family:'Fraunces',serif;
  font-weight:900;
  font-size:1.28rem;
  line-height:1.3;
  color:var(--brass-soft);
}
h3{
  margin:24px 0 4px;
  font-family:'Fraunces',serif;
  font-weight:700;
  font-size:1.04rem;
  color:var(--paper);
}
p,ul{margin:9px 0;color:var(--body)}
ul{padding-left:22px}
li{margin:5px 0}
a{
  color:var(--brass-soft);
  text-underline-offset:3px;
  text-decoration-color:#c9a22788;
}
a:hover{color:var(--paper);text-decoration-color:var(--brass)}
.lead{
  margin:0 0 6px;
  font-family:'Source Serif 4',Georgia,serif;
  font-size:clamp(1.04rem,1.7vw,1.16rem);
  line-height:1.62;
  color:#e6ebe4;
}
.updated{
  display:inline-block;
  margin:6px 0 20px;
  padding:5px 12px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:.76rem;
  font-weight:700;
  letter-spacing:.04em;
}
.creditlist{
  display:grid;
  gap:7px;
  margin:12px 0;
  padding-left:0;
  list-style:none;
}
.creditlist li{
  margin:0;
  padding:10px 13px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#071b1466;
  font-size:.9rem;
  line-height:1.55;
}
footer{
  margin-top:52px;
  padding-top:20px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:.84rem;
}

/* ---------- Mobil ----------
   Sidemenyen legger seg over innholdet som en rad med piller, og
   lenkeknappen tilbake til spillet blir like bred som innholdet. */
@media (max-width:860px){
  body{padding:22px 16px 60px}
  .infoshell{grid-template-columns:1fr;gap:24px}
  .infonav{position:static;gap:12px}
  .infobrand{font-size:1.35rem}
  .infonavlist{display:flex;flex-wrap:wrap;gap:6px}
  .infonavlink{flex:1 1 auto;padding:10px 12px;text-align:center;font-size:.82rem}
  h2{margin-top:32px;padding-top:18px}
}
@media (max-width:430px){
  .infonavlink{flex:1 1 100%}
  .creditlist li{padding:9px 11px;font-size:.86rem}
}