@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-cyrillic-ext-wght-normal-DiMfzA-V.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-cyrillic-wght-normal-D5lnP6kL.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-latin-ext-wght-normal-Byk3UhVp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./caveat-latin-wght-normal-C1hSzPvX.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}:root{--tavla:#2c3b35;--tavla-mörk:#24312c;--krita:#f4f1e6;--krita-svag:#b9c0b4;--smudge:#f4f1e614;--kritgul:#f2d478;--kritblå:#a5d3e8;--kritrosa:#f0a8a0}body{color:var(--krita);background:radial-gradient(90rem 60rem at 85% -20%, #f4f1e60d, transparent 60%), radial-gradient(70rem 50rem at -10% 110%, #f4f1e60a, transparent 55%), radial-gradient(120% 90% at 50% 45%, var(--tavla) 55%, var(--tavla-mörk) 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Space Grotesk Variable,Space Grotesk,system-ui,sans-serif}html[data-tema=v2] body{color:#26221c;background:#f7f3ec radial-gradient(#d9d0c1 1px,#0000 1px) 0 0/26px 26px}html[data-tema=v4] body{color:#2b2e31;background-color:#9a9da1;background-image:radial-gradient(80rem 55rem at 80% -15%,#ffffff38,#0000 60%),radial-gradient(70rem 50rem at 10% 115%,#0000002e,#0000 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)' opacity='0.55'/%3E%3C/svg%3E");background-attachment:fixed}html[data-tema=v1] body{color:#e6e9f2;background:#0b0e16;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.skal{text-align:center;flex-direction:column;align-items:center;max-width:24rem;min-height:100dvh;margin:0 auto;padding:1.5rem 1.25rem 2.5rem;display:flex}.topp{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:2rem;margin-bottom:2.5rem;display:flex}.temaväxlare{gap:.3rem;display:inline-flex}.temaväxlare button{font:inherit;color:inherit;cursor:pointer;opacity:.55;background:0 0;border:1.5px solid;border-radius:999px;padding:.28rem .6rem;font-size:.72rem;font-weight:600;transition:opacity .12s}.temaväxlare button:hover{opacity:.85}.temaväxlare button.vald{opacity:1;background:var(--krita);border-color:var(--krita);color:var(--tavla-mörk)}.wordmark{gap:.3rem;display:inline-flex}.wordmark .markering{width:1.15rem;height:1.15rem}.chip{color:var(--krita-svag);background:0 0;border:1.5px solid #f4f1e64d;border-radius:999px;padding:.3rem .8rem;font-size:.78rem;font-weight:500}h1{letter-spacing:.01em;filter:url(#krita);margin:0 0 .5rem;font-family:Caveat Variable,Caveat,cursive;font-size:4.5rem;font-weight:600;line-height:1;transform:rotate(-1.5deg)}.ingress{color:var(--krita-svag);margin:0 0 2.25rem;font-size:1rem;line-height:1.55}.uppstart{flex-direction:column;gap:1rem;width:100%;display:flex}.kortrad{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.kort{font:inherit;text-align:left;color:var(--krita);cursor:pointer;background:0 0;border:2px solid #f4f1e652;border-radius:12px;flex-direction:column;gap:.35rem;padding:.9rem 1rem;transition:border-color .14s,background .14s;display:flex}.kort:hover{border-color:#f4f1e699}.kort.vald{border-color:var(--krita);background:var(--smudge)}.kort strong{font-size:.95rem}.kort span{color:var(--krita-svag);font-size:.8rem;line-height:1.4}.segment{border:2px solid var(--krita);background:0 0;border-radius:999px;display:flex;overflow:hidden}.segment button{font:inherit;color:var(--krita);cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem .25rem;font-size:.88rem;font-weight:500;transition:background .14s,color .14s}.segment button+button{border-left:2px solid var(--krita)}.segment button.vald{background:var(--krita);color:var(--tavla-mörk)}.status{justify-content:center;align-items:center;gap:.5rem;min-height:2rem;margin:0 0 1.25rem;font-size:1.05rem;font-weight:500;display:flex}.status .markering{width:1.3rem;height:1.3rem}.status.klart{font-weight:700}.tänker i{font-style:normal;animation:1.2s infinite blink}.tänker i:nth-child(2){animation-delay:.2s}.tänker i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.15}30%{opacity:1}}.brädyta{margin-bottom:1.75rem;position:relative}.bräde{grid-template-rows:repeat(3,6rem);grid-template-columns:repeat(3,6rem);display:grid}.brädlinjer,.vinstlinje{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brädlinjer path{fill:none;stroke:var(--krita);stroke-width:4px;stroke-linecap:round;opacity:.85;filter:url(#krita-linje);stroke-dasharray:100;stroke-dashoffset:100px;animation:.42s ease-out forwards rita}.brädlinjer path:nth-child(2){animation-delay:90ms}.brädlinjer path:nth-child(3){animation-delay:.18s}.brädlinjer path:nth-child(4){animation-delay:.27s}.vinstlinje path{fill:none;stroke:var(--krita);stroke-width:7px;stroke-linecap:round;opacity:.95;filter:url(#krita-linje);stroke-dasharray:100;stroke-dashoffset:100px;animation:.38s ease-out .12s forwards rita}.ruta{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .14s;display:flex}.ruta:hover:not(:disabled){background:var(--smudge)}.ruta:disabled{cursor:default;opacity:1}.ruta.vinnande{background:var(--smudge)}.ruta:nth-child(odd) .markering{transform:rotate(-2.5deg)}.ruta:nth-child(2n) .markering{transform:rotate(2deg)}.markering{filter:url(#krita);width:62%;height:62%}.markering path,.markering circle{fill:none;stroke-width:10px;stroke-linecap:round}.markering.x path{stroke:var(--kritgul)}.markering.o circle{stroke:var(--kritblå)}.markering.tecknad path,.markering.tecknad circle{stroke-dasharray:100;stroke-dashoffset:100px;animation:.24s ease-out forwards rita}.markering.tecknad .andra{animation-delay:.13s}@keyframes rita{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.markering.tecknad path,.markering.tecknad circle,.brädlinjer path,.vinstlinje path{animation-duration:1ms;animation-delay:0s}.tänker i,[data-tema=v2] .ruta.vinnande,[data-tema=v4] .ruta .markering.tecknad{animation:none}}[data-tema=v2] h1{letter-spacing:-.03em;filter:none;margin:0 0 .75rem;font-family:inherit;font-size:3rem;font-weight:700;transform:none}[data-tema=v2] .ingress,[data-tema=v2] .kort span,[data-tema=v2] .fot{color:#8c8478}[data-tema=v2] .chip{color:#8c8478;background:#f7f3ec;border:1px solid #d9d0c1}[data-tema=v2] .kort{color:#26221c;background:#f7f3ec;border:1.5px solid #d9d0c1;border-radius:14px}[data-tema=v2] .kort:hover{background:#f7f3ec;border-color:#8c8478}[data-tema=v2] .kort.vald{background:#f7f3ec;border-color:#26221c;transform:translate(-1px,-1px);box-shadow:3px 3px #26221c}[data-tema=v2] .segment{background:#f7f3ec;border:1.5px solid #26221c;border-radius:999px}[data-tema=v2] .segment button{color:#26221c}[data-tema=v2] .segment button+button{border-left:1.5px solid #26221c}[data-tema=v2] .segment button.vald{color:#f7f3ec;background:#26221c}[data-tema=v2] .ruta{border:0 solid #26221c;border-radius:0}[data-tema=v2] .ruta:nth-child(3n+1),[data-tema=v2] .ruta:nth-child(3n+2){border-right-width:3px}[data-tema=v2] .ruta:nth-child(-n+6){border-bottom-width:3px}[data-tema=v2] .ruta:hover:not(:disabled){background:#efe8dc}[data-tema=v2] .ruta.vinnande{background:#efe8dc;animation:.7s ease-in-out puls-v2}@keyframes puls-v2{0%,to{background:#efe8dc}50%{background:#d9d0c1}}[data-tema=v2] .markering{filter:none}[data-tema=v2] .ruta .markering{transform:none}[data-tema=v2] .markering path,[data-tema=v2] .markering circle{stroke-width:11px}[data-tema=v2] .markering.x path{stroke:#c8502e}[data-tema=v2] .markering.o circle{stroke:#1d6f66}[data-tema=v2] button.primär{color:#f7f3ec;background:#26221c;border:1.5px solid #26221c}[data-tema=v2] button.primär:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #8c8478}[data-tema=v2] button.sekundär{color:#26221c;border:1.5px solid #d9d0c1}[data-tema=v2] button.sekundär:hover:not(:disabled){border-color:#26221c}[data-tema=v2] .fel{color:#c8502e}[data-tema=v2] .temaväxlare button.vald{color:#f7f3ec;background:#26221c;border-color:#26221c}[data-tema=v2] button:focus-visible{outline-color:#26221c}[data-tema=v1] h1{letter-spacing:.04em;filter:none;margin:0 0 .25rem;font-family:inherit;font-size:2.2rem;font-weight:700;transform:none}[data-tema=v1] .ingress,[data-tema=v1] .kort span,[data-tema=v1] .fot{color:#8b93a7}[data-tema=v1] .chip{color:#8b93a7;background:#171b26;border:1px solid #262c3d}[data-tema=v1] .kort{color:#e6e9f2;background:#171b26;border:1px solid #262c3d;border-radius:12px}[data-tema=v1] .kort:hover{background:#1d2230;border-color:#262c3d}[data-tema=v1] .kort.vald{box-shadow:none;background:#1d2230;border-color:#5b8cff;transform:none}[data-tema=v1] .segment{background:#171b26;border:1px solid #262c3d;border-radius:8px}[data-tema=v1] .segment button{color:#e6e9f2}[data-tema=v1] .segment button+button{border-left:1px solid #262c3d}[data-tema=v1] .segment button.vald{color:#0b0e16;background:#5b8cff}[data-tema=v1] .bräde{gap:.5rem}[data-tema=v1] .ruta{background:#171b26;border:1px solid #262c3d;border-radius:10px}[data-tema=v1] .ruta:hover:not(:disabled){background:#1f2534}[data-tema=v1] .ruta.vinnande{background:#14351f;border-color:#2ea043}[data-tema=v1] .markering{filter:none}[data-tema=v1] .ruta .markering{transform:none}[data-tema=v1] .markering.tecknad path,[data-tema=v1] .markering.tecknad circle{stroke-dashoffset:0;animation:none}[data-tema=v1] .markering.x path,[data-tema=v1] .markering.o circle{stroke:#e6e9f2}[data-tema=v1] .vinnande .markering.x path,[data-tema=v1] .vinnande .markering.o circle{stroke:#7ee787}[data-tema=v1] .status.klart{color:#7ee787}[data-tema=v1] button.primär{color:#0b0e16;background:#5b8cff;border:1px solid #5b8cff;border-radius:8px}[data-tema=v1] button.primär:hover:not(:disabled){box-shadow:none;transform:none}[data-tema=v1] button.sekundär{color:#e6e9f2;border:1px solid #262c3d;border-radius:8px}[data-tema=v1] button.sekundär:hover:not(:disabled){border-color:#5b8cff}[data-tema=v1] .fel{color:#ff7b72}[data-tema=v1] .temaväxlare button.vald{color:#0b0e16;background:#5b8cff;border-color:#5b8cff}[data-tema=v1] button:focus-visible{outline-color:#5b8cff}[data-tema=v4]{--granit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23g)' opacity='0.4'/%3E%3C/svg%3E")}[data-tema=v4] h1{letter-spacing:.02em;filter:none;color:#6d7176;text-shadow:-1px -1px 1px #ffffffa6,1px 2px 2px #00000059;margin:0 0 .75rem;font-family:inherit;font-size:3rem;font-weight:700;transform:none}[data-tema=v4] .ingress,[data-tema=v4] .kort span,[data-tema=v4] .fot{color:#5c6165}[data-tema=v4] .chip{color:#40444a;background-color:#b4b7ba;background-image:var(--granit);border:none;box-shadow:inset 1px 1px 1px #ffffff80,1px 2px 3px #00000040}[data-tema=v4] .kort{background-color:#b4b7ba;background-image:var(--granit);color:#2b2e31;border:none;border-radius:4px;box-shadow:inset 1px 1px 2px #ffffff80,inset -2px -2px 3px #0000002e,3px 5px 8px #0000004d}[data-tema=v4] .kort:hover{background-color:#bcbfc2}[data-tema=v4] .kort.vald{background-color:#a5a9ad;transform:translateY(1px);box-shadow:inset 2px 3px 5px #0000004d,inset -1px -1px 2px #ffffff59,1px 2px 3px #0003}[data-tema=v4] .segment{background-color:#b4b7ba;background-image:var(--granit);border:none;border-radius:6px;box-shadow:inset 1px 1px 2px #ffffff80,3px 5px 8px #0000004d}[data-tema=v4] .segment button{color:#2b2e31}[data-tema=v4] .segment button+button{border-left:1px solid #0003}[data-tema=v4] .segment button.vald{color:#eceef0;background:#55595e;box-shadow:inset 2px 3px 4px #00000059}[data-tema=v4] .bräde{gap:.45rem}[data-tema=v4] .ruta{background-color:#a2a6aa;background-image:var(--granit);border:none;border-radius:3px;box-shadow:inset 1px 1px 2px #ffffff8c,inset -2px -2px 3px #00000038,3px 6px 9px #00000059}[data-tema=v4] .ruta:hover:not(:disabled){background-color:#aeb2b6}[data-tema=v4] .ruta.vinnande{background-color:#b6ac91;box-shadow:inset 1px 1px 2px #fff9,inset -2px -2px 3px #0003,3px 6px 11px #0006}[data-tema=v4] .markering{filter:url(#sten)}[data-tema=v4] .wordmark .markering,[data-tema=v4] .status .markering{filter:none}[data-tema=v4] .markering path,[data-tema=v4] .markering circle{stroke-width:14px}[data-tema=v4] .markering.x path{stroke:#a7756a}[data-tema=v4] .markering.o circle{stroke:#55595e}[data-tema=v4] .markering.tecknad path,[data-tema=v4] .markering.tecknad circle{stroke-dashoffset:0;animation:none}[data-tema=v4] .ruta .markering{transform:none}[data-tema=v4] .ruta .markering.tecknad{animation:.18s ease-out sten-läggs}@keyframes sten-läggs{0%{transform:scale(1.3)translateY(-6px)}}[data-tema=v4] button.primär{background-color:#55595e;background-image:var(--granit);color:#eceef0;border:none;border-radius:6px;box-shadow:inset 1px 1px 1px #ffffff40,3px 5px 8px #00000059}[data-tema=v4] button.primär:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 1px 1px 1px #ffffff40,4px 7px 11px #00000059}[data-tema=v4] button.sekundär{background-color:#b4b7ba;background-image:var(--granit);color:#2b2e31;border:none;border-radius:6px;box-shadow:inset 1px 1px 2px #ffffff80,3px 5px 8px #0000004d}[data-tema=v4] button.sekundär:hover:not(:disabled){background-color:#bcbfc2}[data-tema=v4] .fel{color:#a14b3f}[data-tema=v4] .temaväxlare button.vald{color:#eceef0;background:#55595e;border-color:#55595e}[data-tema=v4] button:focus-visible{outline-color:#40444a}.knapprad{justify-content:center;gap:.75rem;display:flex}button.primär,button.sekundär{font:inherit;cursor:pointer;border-radius:999px;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s}button.primär{background:var(--krita);border:2px solid var(--krita);color:var(--tavla-mörk)}button.primär:hover:not(:disabled){box-shadow:0 0 0 4px var(--smudge);transform:translateY(-1px)}button.sekundär{color:var(--krita);background:0 0;border:2px solid #f4f1e666}button.sekundär:hover:not(:disabled){border-color:var(--krita)}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:2px solid var(--krita);outline-offset:3px;border-radius:10px}.fel{color:var(--kritrosa);margin:.75rem 0 0;font-weight:500}.fot{color:var(--krita-svag);margin-top:auto;padding-top:2.5rem;font-size:.78rem}