:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--natt:#0f1018;--panel:#181a27;--panel-hog:#1f2233;--linje:#2a2f45;--text:#f2f3f7;--dim:#8d9ab2;--bla:#41a6f6;--rosa:#ff77a8;--gul:#ffcd75;--gron:#a7f070;--rod:#b13e53;--px:"Press Start 2P", ui-monospace, monospace;--display:"Bungee", "Familjen Grotesk", system-ui, sans-serif;--brod:"Familjen Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--natt);color:var(--text);font-family:var(--brod);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6}a{color:var(--bla)}.wrap{width:100%;max-width:1080px;margin:0 auto;padding-inline:20px}.marquee{border-bottom:1px solid var(--linje);background:linear-gradient(180deg, #1d2133 0%, var(--natt) 100%)}.marquee .wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.ordbild{font-family:var(--display);letter-spacing:.02em;color:var(--gul);text-shadow:0 0 18px #ffcd7559;font-size:20px}.ordbild span{color:var(--bla)}.marquee nav{gap:22px;font-size:14px;display:flex}.marquee nav a{color:var(--dim);text-decoration:none}.marquee nav a:hover{color:var(--text)}.hjalte{padding-block:64px 40px}.eyebrow{font-family:var(--px);letter-spacing:.12em;color:var(--bla);margin:0 0 22px;font-size:10px}h1{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;max-width:16ch;margin:0 0 20px;font-size:clamp(30px,5.2vw,52px);line-height:1.08}.ingress{color:var(--dim);max-width:58ch;margin:0 0 28px;font-size:19px}.ingress strong{color:var(--text);font-weight:600}.knappar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.knapp{font-family:var(--px);letter-spacing:.04em;background:var(--bla);color:#08111c;border-radius:3px;padding:15px 20px;font-size:11px;text-decoration:none;box-shadow:inset 0 -3px #00000059}.knapp:hover{background:#63b7f8}.knapp.sekundar{color:var(--dim);box-shadow:inset 0 0 0 1px var(--linje);background:0 0}.knapp.sekundar:hover{color:var(--text);box-shadow:inset 0 0 0 1px var(--dim)}.skarm{box-shadow:0 0 0 1px var(--linje), 0 30px 80px -40px #41a6f680;background:#05060c;border-radius:6px;margin-block:44px;position:relative;overflow:hidden}.skarm iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.skarm:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#0000002e 2px 3px);position:absolute;inset:0}.start{z-index:2;width:100%;color:var(--text);cursor:pointer;font-family:var(--brod);background:#05060cd1;border:0;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.start b{font-family:var(--px);color:var(--gul);font-size:13px}.start span{color:var(--dim);font-size:14px}.skarmtext{color:var(--dim);flex-wrap:wrap;gap:8px 20px;margin-top:-28px;font-size:14px;display:flex}kbd{font-family:var(--px);background:var(--panel-hog);border:1px solid var(--linje);color:var(--text);border-bottom-width:2px;border-radius:3px;padding:4px 6px;font-size:10px}section{border-top:1px solid var(--linje);padding-block:56px}h2{font-family:var(--display);letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(22px,3vw,30px)}.sektionstext{color:var(--dim);max-width:60ch;margin:0 0 32px}.spel{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.spelkort{background:var(--panel);border:1px solid var(--linje);border-radius:5px;flex-direction:column;gap:10px;padding:16px;display:flex}.logga{place-items:center;height:82px;display:grid}.logga svg{max-width:100%;height:auto;max-height:82px}.spelkort h3{margin:0;font-size:15px;font-weight:600}.spelkort p{color:var(--dim);margin:0;font-size:14px}.taggar{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:4px;display:flex}.tagg{font-family:var(--px);letter-spacing:.06em;background:var(--panel-hog);color:var(--dim);border-radius:2px;padding:5px 7px;font-size:8px}.tagg.tva{color:var(--rosa)}.steg{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;display:grid}.steg>div{flex-direction:column;gap:8px;display:flex}.steg h3{margin:0;font-size:16px;font-weight:600}.steg p{color:var(--dim);margin:0;font-size:15px}.steg .nr{font-family:var(--px);color:var(--bla);font-size:10px}.topplista{background:var(--panel);border:1px solid var(--linje);border-radius:5px;overflow:hidden}.topplista .rad{border-top:1px solid var(--linje);grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding:15px 18px;display:grid}.topplista .rad:first-child{border-top:0}.topplista .rad span:first-child{color:var(--dim);font-size:15px}.topplista .rad span:last-child{font-family:var(--px);color:var(--gul);font-variant-numeric:tabular-nums;font-size:11px}.avslut{text-align:center}.avslut h2{max-width:20ch;margin-inline:auto}.avslut .sektionstext{margin-inline:auto}.avslut .knappar{justify-content:center}footer{border-top:1px solid var(--linje);color:var(--dim);padding-block:30px 46px;font-size:14px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px 24px;display:flex}:focus-visible{outline:2px solid var(--bla);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}main.admin{max-width:1000px;margin:0 auto;padding:48px 20px 80px}.admin h1{font-family:var(--brod);letter-spacing:-.01em;max-width:none;margin:0 0 4px;font-size:26px}.admin .sub{color:var(--dim);margin:0 0 28px}.admin table{border-collapse:collapse;width:100%;font-size:14px}.admin th{text-align:left;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;padding:0 12px 8px 0;font-size:12px;font-weight:600}.admin td{border-top:1px solid var(--linje);vertical-align:top;padding:11px 12px 11px 0}.dot{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.ok{background:var(--gron)}.warn{background:var(--gul)}.bad{background:var(--rod)}.mono{color:var(--dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.empty{border:1px dashed var(--linje);color:var(--dim);text-align:center;border-radius:8px;padding:28px}