/* ══ Innstillinger: lekeplassens brytere og versjonen ═════════════════════ */
.bryter-rad{display:flex;gap:16px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--kant)}
.bryter-rad:last-child{border-bottom:0}
.bryter-rad .inn{flex:1;min-width:0}
.bryter-rad b{font:600 14.5px/1.35 var(--brod);color:var(--tekst)}
.bryter-rad p{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--tekst-3)}
.bryter{
  flex:none;position:relative;width:46px;height:28px;margin-top:1px;border-radius:14px;
  background:rgba(170,185,255,.1);border:1px solid var(--kant-2);transition:background .25s,border-color .25s
}
.bryter::after{
  content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:var(--tekst-2);transition:transform .35s var(--fjaer),background .25s
}
.bryter[aria-checked="true"]{background:linear-gradient(180deg,#E3EBFF,#B2C8FF);border-color:transparent}
.bryter[aria-checked="true"]::after{transform:translateX(18px);background:var(--aksent-mork)}
.lag-kropp .tomt b{color:var(--tekst-2);font-weight:600}
.versjon{margin:30px 0 0;font:500 11.5px/1.6 var(--mono);color:var(--tekst-3)}

/* ══ Innlogging: et glasskort over en tom himmel ══════════════════════════ */
body.utlogget .ark, body.utlogget .fangst, body.utlogget .fanget, body.utlogget .topp .rund{display:none}
.innlogging{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px 16px calc(20px + env(safe-area-inset-bottom,0px))}
.inn-kort{
  width:min(380px,100%);padding:30px 24px 20px;border-radius:28px;text-align:center;
  background:linear-gradient(180deg,rgba(26,32,68,.78),rgba(9,11,26,.9));border:1px solid var(--kant-2);
  backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);
  box-shadow:0 -1px 0 rgba(190,205,255,.14),0 40px 90px -30px rgba(0,0,0,.95);
  animation:visningInn .7s var(--fjaer) .5s both
}
.inn-kort svg{filter:drop-shadow(0 0 14px rgba(157,187,255,.85))}
.inn-kort h1{margin:12px 0 8px;font:700 26px/1.1 var(--display);letter-spacing:-.025em}
.inn-kort > p{margin:0;font-size:14.5px;line-height:1.5;color:var(--tekst-2);text-wrap:balance}
.inn-kort > p b{color:var(--tekst);font-weight:600}
.inn-kort .felt{margin-top:18px;text-align:center;font-size:16px}
.inn-kort .felt.kode{font:500 24px/1.2 var(--mono);letter-spacing:.32em;padding-left:calc(13px + .32em)}
.inn-kort .knapp.primar{width:100%;margin-top:12px}
.inn-beskjed{min-height:1.5em;margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--tekst-2)}
.inn-beskjed.feil{color:var(--fare)}
.inn-valg{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:4px}