:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--bg-kort:#fff;--bg-dempet:#eceef2;--tekst:#14171f;--tekst-dempet:#5a6274;--kant:#d7dbe3;--aksent:#1f6feb;--aksent-tekst:#fff;--aksent-svak:#e4eeff;--rod:#d7443e;--rod-kant:#a32e29;--gul:#e8b93c;--gul-kant:#8a6d12;--brett:#22437a;--brett-hull:#f6f7f9;--filt:#1f6b45;--filt-linje:#165435;--tre:#d9bb87;--tre-linje:#a3814a;--tafl:#e8e2d4;--tafl-linje:#c2b79f;--tafl-spesial:#c9a227;--dam-lys:#e8e2d4;--dam-mork:#8a6d4a;--ok:#14663b;--ok-bg:#e3f5ec;--feil:#b3261e;--feil-bg:#fdeceb;--skygge:0 1px 2px rgba(20,23,31,.08), 0 4px 12px rgba(20,23,31,.06);--radius:10px;--radius-liten:6px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1218;--bg-kort:#171b24;--bg-dempet:#1e2430;--tekst:#e7eaf0;--tekst-dempet:#98a1b3;--kant:#2b3242;--aksent:#6ea8ff;--aksent-tekst:#0f1218;--aksent-svak:#1a2740;--rod:#e8615b;--rod-kant:#b8433d;--gul:#f2c74f;--gul-kant:#bf972c;--brett:#2e4f8a;--brett-hull:#0f1218;--filt:#145234;--filt-linje:#0d3a25;--tre:#5c4a30;--tre-linje:#8a6f47;--tafl:#2a2a26;--tafl-linje:#45443c;--tafl-spesial:#b08d1f;--dam-lys:#4a4640;--dam-mork:#241f19;--ok:#4ade80;--ok-bg:#10291d;--feil:#f87171;--feil-bg:#2a1414;--skygge:0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.3)}}*,:before,:after{box-sizing:border-box}body{color:var(--tekst);background:var(--bg);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}a{color:var(--aksent);text-underline-offset:2px;text-decoration-thickness:1px}h1{margin:0 0 .5rem;font-size:1.9rem;line-height:1.2}h2{margin:2rem 0 .75rem;font-size:1.25rem}h3{margin:0 0 .5rem;font-size:1.05rem}.dempet{color:var(--tekst-dempet)}.liten{font-size:.875rem}.topp{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;max-width:62rem;margin:0 auto;padding:.9rem 1.25rem;display:flex}.merke{color:var(--tekst);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:650;text-decoration:none;display:inline-flex}.merke-brikker{gap:3px;display:inline-flex}.merke-brikker .brikke{width:11px;height:11px}.meny{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;display:flex}.meny a{color:var(--tekst);align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.meny a:hover{color:var(--aksent)}.meny .meg .rangering{font-variant-numeric:tabular-nums;color:var(--tekst-dempet);font-size:.875rem}.side{max-width:62rem;margin:0 auto;padding:.5rem 1.25rem 3rem}.bunn{border-top:1px solid var(--kant);max-width:62rem;color:var(--tekst-dempet);margin:0 auto;padding:1.5rem 1.25rem 2.5rem;font-size:.875rem}.bunn a{color:var(--tekst-dempet)}.bunn p{margin:.35rem 0}.knapp{border-radius:var(--radius-liten);background:var(--aksent);color:var(--aksent-tekst);font:inherit;cursor:pointer;border:1px solid transparent;padding:.55rem 1.1rem;font-weight:550;text-decoration:none;display:inline-block}.knapp:hover{filter:brightness(1.08)}.knapp.liten{padding:.35rem .75rem;font-size:.875rem}.knapp.sekundaer{background:var(--bg-kort);color:var(--tekst);border-color:var(--kant)}.lenkeknapp{font:inherit;color:var(--tekst);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.lenkeknapp:hover{color:var(--aksent)}.innebygd{margin:0;display:inline}.merkelapp{background:var(--aksent);min-width:1.35rem;color:var(--aksent-tekst);text-align:center;border-radius:999px;padding:.05rem .4rem;font-size:.75rem;font-weight:650;line-height:1.5;display:inline-block}.merkelapp.rolig{background:var(--bg-dempet);color:var(--tekst-dempet);margin-left:.4rem}.varsel{border-radius:var(--radius-liten);border:1px solid var(--kant);background:var(--bg-kort);margin:1rem 0;padding:.7rem .9rem}.varsel.ok{border-color:var(--ok);background:var(--ok-bg);color:var(--ok)}.varsel.feil{border-color:var(--feil);background:var(--feil-bg);color:var(--feil)}.varsel.ok a,.varsel.feil a{color:inherit}.kort{background:var(--bg-kort);border:1px solid var(--kant);border-radius:var(--radius);box-shadow:var(--skygge);padding:1.1rem}.skjema{max-width:26rem}label{margin:0 0 .9rem;font-size:.9rem;font-weight:550;display:block}select{border:1px solid var(--kant);border-radius:var(--radius-liten);background:var(--bg);width:100%;color:var(--tekst);font:inherit;margin-top:.3rem;padding:.5rem .6rem;display:block}input[type=text]{border:1px solid var(--kant);border-radius:var(--radius-liten);background:var(--bg);width:100%;color:var(--tekst);font:inherit;margin-top:.3rem;padding:.5rem .6rem;display:block}input[type=email]{border:1px solid var(--kant);border-radius:var(--radius-liten);background:var(--bg);width:100%;color:var(--tekst);font:inherit;margin-top:.3rem;padding:.5rem .6rem;display:block}input:focus-visible{outline:2px solid var(--aksent);outline-offset:2px}select:focus-visible{outline:2px solid var(--aksent);outline-offset:2px}button:focus-visible{outline:2px solid var(--aksent);outline-offset:2px}a:focus-visible{outline:2px solid var(--aksent);outline-offset:2px}.helt{padding:1.5rem 0 .5rem}.ingress{color:var(--tekst-dempet);max-width:40rem;font-size:1.1rem}.bolk{margin:1.5rem 0}.noekkeltall{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));gap:.75rem;display:grid}.noekkeltall div{background:var(--bg-kort);border:1px solid var(--kant);border-radius:var(--radius);text-align:center;padding:.9rem}.noekkeltall strong{font-variant-numeric:tabular-nums;font-size:1.6rem;display:block}.noekkeltall span{font-size:.85rem}.startvalg{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;gap:1rem;display:grid}.startvalg .kort button{width:100%}.spillkort,.partiliste{margin:0;padding:0;list-style:none}.spillkort-rad a{background:var(--bg-kort);border:1px solid var(--kant);border-radius:var(--radius);color:var(--tekst);align-items:center;gap:1rem;padding:1rem;text-decoration:none;display:flex}.spillkort-rad a:hover{border-color:var(--aksent)}.spillkort-figur{gap:4px;display:inline-flex}.spillkort-figur .brikke{width:18px;height:18px}.spillkort-tekst{flex-direction:column;display:flex}.partiliste li{border:1px solid var(--kant);border-radius:var(--radius);background:var(--bg-kort);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.5rem;padding:.7rem .9rem;display:flex}.partikort-hoved{color:var(--tekst);flex-direction:column;gap:.15rem;min-width:0;text-decoration:none;display:flex}.mot{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.partikort-fot{font-size:.85rem}.endring{font-variant-numeric:tabular-nums;color:var(--feil);margin-left:.4rem;font-weight:650}.endring.opp{color:var(--ok)}.tabell{border-collapse:collapse;width:100%}.tabell th,.tabell td{text-align:left;border-bottom:1px solid var(--kant);padding:.5rem .6rem}.tabell th.tall,.tabell td.tall{text-align:right;font-variant-numeric:tabular-nums}.tabell tr.meg{background:var(--aksent-svak)}.regelliste{max-width:42rem;margin:0 0 1.25rem;padding-left:1.4rem}.regelliste li{margin-bottom:.55rem}.kort.tips,.kort.merknad{max-width:42rem;margin:1.5rem 0}.kort.tips{border-left:3px solid var(--ok)}.kort.merknad{border-left:3px solid var(--aksent)}.kort.tips h3,.kort.merknad h3{margin-bottom:.35rem}.kort.tips p,.kort.merknad p{margin:0}.varsel[role=note]{max-width:42rem}.brikke{border:1px solid transparent;border-radius:50%;flex:none;width:14px;height:14px;display:inline-block}.brikke.rod{background:var(--rod);border-color:var(--rod-kant)}.brikke.gul{background:var(--gul);border-color:var(--gul-kant)}.brikke.tom{background:0 0;border-color:transparent}.parti{max-width:34rem;margin:0 auto}.spillerbanner{border:1px solid var(--kant);border-radius:var(--radius);background:var(--bg-kort);align-items:center;gap:.5rem;margin:.5rem 0;padding:.55rem .8rem;display:flex}.spillerbanner.aktiv{border-color:var(--aksent);box-shadow:0 0 0 2px var(--aksent-svak)}.spillerbanner .brikke{width:18px;height:18px}.spillerbanner .navn{font-weight:550}.spillerbanner .poeng{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:650}.spillerbanner .rangering{font-variant-numeric:tabular-nums;color:var(--tekst-dempet);margin-left:auto}.spillerbanner .poeng~.rangering{margin-left:.6rem}.brettramme{justify-content:center;display:flex}.brett{grid-template-columns:repeat(var(--kolonner,7), 1fr);border-radius:var(--radius);width:min(100%,30rem);display:grid;overflow:hidden}.rute{aspect-ratio:1;cursor:default;background:0 0;border:none;place-items:center;margin:0;padding:0;display:grid}.rute.klikkbar{cursor:pointer}.rute .brikke{border-width:2px;width:78%;height:78%;box-shadow:0 0 0 2px rgba(255,255,255,.72),0 0 0 3px rgba(0,0,0,.3)}.rute.valgt{box-shadow:inset 0 0 0 3px var(--aksent)}.rute.mal:after{content:"";background:var(--aksent);opacity:.55;border-radius:50%;width:30%;height:30%;position:absolute}.rute{position:relative}.rute.vinner{box-shadow:inset 0 0 0 3px var(--aksent)}.brett.firepaarad{background:var(--brett);gap:.4rem;padding:.5rem}.rute.hull{background:var(--brett-hull);border-radius:50%}.brett.firepaarad .rute.klikkbar:hover{background:color-mix(in srgb, var(--brett-hull) 82%, var(--aksent))}.brett.firepaarad .rute.klikkbar:focus-visible{background:color-mix(in srgb, var(--brett-hull) 82%, var(--aksent))}.brett.othello{background:var(--filt);gap:1px;padding:1px}.rute.gronn{background:var(--filt);box-shadow:inset 0 0 0 1px var(--filt-linje)}.rute.gronn.klikkbar:hover{background:color-mix(in srgb, var(--filt) 80%, var(--aksent))}.brett.othello .rute.klikkbar:before{content:"";border:2px dashed color-mix(in srgb, var(--brett-hull) 70%, transparent);border-radius:50%;width:34%;height:34%;position:absolute}.brett.fempaarad{background:var(--tre);gap:0;padding:0}.rute.linjer{background:var(--tre);box-shadow:inset 0 0 0 1px var(--tre-linje)}.rute.linjer .brikke{width:84%;height:84%}.rute.linjer.klikkbar:hover{background:color-mix(in srgb, var(--tre) 80%, var(--aksent))}.brett.tablut{background:var(--tafl);gap:0;padding:0}.rute.lys{background:var(--tafl);box-shadow:inset 0 0 0 1px var(--tafl-linje)}.rute.konakis,.rute.hjorne{background:color-mix(in srgb, var(--tafl-spesial) 30%, var(--tafl));box-shadow:inset 0 0 0 1px var(--tafl-linje)}.rute.konakis:before,.rute.hjorne:before{content:"";border:2px solid var(--tafl-spesial);opacity:.6;width:28%;height:28%;position:absolute;transform:rotate(45deg)}.brett.dam{gap:0;padding:0}.rute.mork{background:var(--dam-mork)}.rute.dam-lys,.brett.dam .rute.lys{background:var(--dam-lys)}.brett.dam .rute.klikkbar:hover{background:color-mix(in srgb, var(--dam-mork) 75%, var(--aksent))}.brikke.konge:after,.brikke.dame:after{content:"";background:var(--brett-hull);opacity:.85;border-radius:2px;width:46%;height:46%;margin:27%;display:block}.brikke.konge:after{border-radius:50%}.partistatus{text-align:center;min-height:1.6rem;margin:.75rem 0;font-weight:550}.handlinger{text-align:center}@media (width<=26rem){.brett.firepaarad{gap:.25rem;padding:.3rem}.side{padding-left:.75rem;padding-right:.75rem}}@media (prefers-reduced-motion:no-preference){.rute .brikke{transition:background-color .12s ease-out}}