:root{--bg:#0f1226;--kort:#1a1f3d;--kant:#2c3468;--tekst:#eef1ff;--dempet:#9aa3d4;--bra:#4ade80;--feil:#fb7185;--aksent:#facc15;font-family:system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #1d2350, var(--bg) 60%);min-height:100vh;color:var(--tekst);justify-content:center;margin:0;display:flex}#app{width:min(620px,100%);padding:1rem 1rem 3rem}.topp{text-align:center;margin-bottom:1rem}.topp h1{color:var(--aksent);letter-spacing:.05em;margin:0;font-size:2rem}.nettlinje{color:var(--dempet);margin-top:.25rem;font-size:.8rem}.varsel{border:1px solid var(--feil);color:#ffd9e0;background:#3a1d2a;border-radius:10px;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.kort{background:var(--kort);border:1px solid var(--kant);border-radius:16px;margin-bottom:1rem;padding:1.1rem}.kort.midtstilt{text-align:center}.kort h2{margin:0 0 .75rem;font-size:1.35rem}.kort h3{color:var(--dempet);margin:0 0 .6rem;font-size:1rem}.hint{color:var(--dempet);margin:.5rem 0 0;font-size:.8rem}.felt{text-align:left;color:var(--dempet);margin-bottom:.9rem;font-size:.85rem;display:block}.felt input{border:2px solid var(--kant);width:100%;color:var(--tekst);background:#0b0e20;border-radius:10px;margin-top:.3rem;padding:.55rem .7rem;font-size:1.1rem;display:block}.kodeinn{text-align:center;letter-spacing:.4em;text-indent:.4em;font-weight:700;font-size:2rem!important}input:focus{outline:2px solid var(--aksent)}.boks{border:1px solid var(--kant);border-radius:12px;margin:0 0 .9rem;padding:.75rem}.boks legend{color:var(--dempet);padding:0 .4rem;font-size:.8rem}.boks[disabled]{opacity:.65}.valgrad{flex-wrap:wrap;gap:.5rem;display:flex}.valgrad.loddrett{flex-direction:column}.brikke{border:2px solid var(--kant);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:baseline;gap:.4rem;padding:.5rem .7rem;font-size:.9rem;display:flex}.brikke.bred{flex-direction:column;align-items:flex-start;gap:.1rem}.brikke.bred .hint{margin:0}.brikke.valgt{border-color:var(--aksent);background:#2a2f57}.brikke input{accent-color:var(--aksent)}.brikke .tegn{color:var(--aksent);font-size:1.1rem;font-weight:700}input[type=range]{width:70%;accent-color:var(--aksent);vertical-align:middle}output{margin-left:.5rem;font-weight:700}.knapperad{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.knapperad.loddrett{flex-direction:column}.knapperad.loddrett button{width:100%}button{background:var(--aksent);color:#1a1204;cursor:pointer;border:none;border-radius:10px;padding:.65rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:700}button.stor{padding:.75rem 1.4rem;font-size:1.1rem}button:hover{filter:brightness(1.1)}button.sekundar{border:1px solid var(--kant);color:var(--dempet);background:0 0}.kode{letter-spacing:.25em;text-indent:.25em;color:var(--aksent);border:2px dashed var(--kant);cursor:pointer;background:#0b0e20;border-radius:14px;padding:.6rem;font-size:3rem;font-weight:800}.kode.kopiert{border-color:var(--bra);color:var(--bra)}.spillerliste{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.spillerliste li{background:#0b0e20;border-radius:8px;padding:.45rem .7rem;font-size:.95rem}.spillerliste em{color:var(--dempet);font-size:.8rem;font-style:normal}.botvalg{margin-top:.7rem}.botvalg .hint{margin:.4rem 0 0}.arena{text-align:center}.fremdrift{color:var(--dempet);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.emoji{font-size:4.5rem;line-height:1;animation:2.5s ease-in-out infinite sving}@keyframes sving{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(3deg)}}.navn{margin-top:.3rem;font-size:1.25rem;font-weight:700}.type{background:var(--kant);vertical-align:middle;color:var(--dempet);border-radius:999px;padding:.15rem .6rem;font-size:.7rem}.hpbar{background:#0b0e20;border-radius:999px;max-width:320px;height:12px;margin:.7rem auto .3rem;overflow:hidden}.hpfyll{background:linear-gradient(90deg, var(--bra), var(--aksent));height:100%;transition:width .3s}.hptekst{color:var(--dempet);font-size:.8rem}.klokke{color:var(--dempet);margin-top:.5rem;font-weight:700}.klokke.haster{color:var(--feil)}.oppgave{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-top:1.1rem;display:flex}.oppgave label{font-size:1.9rem;font-weight:700}.oppgave input[type=number]{text-align:center;border:2px solid var(--kant);width:130px;color:var(--tekst);background:#0b0e20;border-radius:10px;padding:.3rem .5rem;font-size:1.7rem}.tilbakemelding{min-height:1.4rem;margin:.75rem 0 0;font-weight:700}.tilbakemelding.bra,.loggrad.bra{color:var(--bra)}.tilbakemelding.feil,.loggrad.feil{color:var(--feil)}.loggrad.info{color:var(--dempet)}.stilling{counter-reset:p;gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.stilling li{background:#0b0e20;border-radius:8px;justify-content:space-between;padding:.45rem .7rem;font-size:.95rem;display:flex}.stilling li.deg{border:1px solid var(--aksent)}.stilling b{color:var(--aksent)}.stor-stilling li{padding:.6rem .9rem;font-size:1.1rem}.logg{gap:.2rem;padding:0 .3rem;font-size:.85rem;display:grid}.kort-samling{flex-wrap:wrap;justify-content:center;gap:.4rem;margin:1rem 0;display:flex}.fangst{font-size:2rem}.figur,.figurbilde{margin:0 auto;display:block}.figur.animert,.figurbilde.animert{animation:2.6s ease-in-out infinite sving}.arena{position:relative;overflow:hidden}.arenainnhold{z-index:1;position:relative}.arenainnhold .navn,.arenainnhold .hptekst,.arenainnhold .klokke,.arenainnhold .fremdrift{text-shadow:0 1px 4px #0b0e20,0 0 8px #0b0e20}.arenainnhold .oppgave{background:#0b0e20cc;border-radius:14px;width:fit-content;margin-inline:auto;padding:.5rem .8rem}.arenainnhold .tilbakemelding:not(:empty){background:#0b0e20cc;border-radius:10px;width:fit-content;margin-inline:auto;padding:.2rem .6rem}.slosseplass{pointer-events:none;z-index:0;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.slosser{flex-direction:column;flex:none;align-items:center;gap:.2rem;display:flex}.slosser.venstre{margin-left:-34px}.slosser.hoyre{margin-right:-34px}.slossfigur{opacity:1;filter:drop-shadow(0 4px 10px #00000073)}.smellboks{opacity:.6}.slossmerke{opacity:.9;background:#0b0e20d9;font-weight:700}.slossmerke.legendarisk{box-shadow:0 0 10px var(--sjelden)}.slossfigur{flex:none}.slossfigur.venstre{animation:1.6s ease-in-out infinite hugg-venstre}.slossfigur.hoyre{animation:1.6s ease-in-out infinite hugg-hoyre;transform:scaleX(-1)}.smell{align-self:center;font-size:3.2rem;animation:1.6s ease-in-out infinite smell}@keyframes hugg-venstre{0%,to{transform:translate(0)rotate(-4deg)}45%{transform:translate(22px)rotate(7deg)}}@keyframes hugg-hoyre{0%,to{transform:scaleX(-1)translate(0)rotate(-4deg)}45%{transform:scaleX(-1)translate(22px)rotate(7deg)}}@keyframes smell{0%,to{opacity:.25;transform:scale(.55)}50%{opacity:1;transform:scale(1.15)}}@media (prefers-reduced-motion:reduce){.slossfigur,.smell,.figur.animert{animation:none}}.merke{border:1px solid var(--sjelden,var(--kant));color:var(--sjelden,var(--dempet));vertical-align:middle;border-radius:999px;padding:.15rem .6rem;font-size:.7rem}.sekkknapp{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.sekkikon{vertical-align:middle;flex:none}.sekkknapp .teller{background:var(--kant);color:var(--tekst);border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.sjeldenhetstittel{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:baseline;margin:1.2rem 0 .5rem;font-size:.9rem;display:flex}.sjeldenhetstittel:first-child{margin-top:0}.sjeldenhetstittel .hint{margin:0}.sekkrutenett{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.6rem;display:grid}.sekkort{border:2px solid var(--sjelden,var(--kant));text-align:center;background:#0b0e20;border-radius:12px;padding:.5rem .3rem .4rem;position:relative}.sekkort.tom{border-color:var(--kant);opacity:.45}.sekknavn{color:var(--dempet);margin-top:.2rem;font-size:.72rem}.silhuett{height:84px;color:var(--kant);place-items:center;font-size:2.5rem;font-weight:800;display:grid}.sekkort .antall{color:var(--sjelden,var(--aksent));font-size:.75rem;font-weight:700;position:absolute;top:5px;right:7px}.fangstbanner{background:linear-gradient(90deg, #2a2f57, var(--kort));border:1px solid var(--aksent);border-radius:14px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.5rem .9rem;animation:.35s ease-out sklinn;display:flex}.fangstbanner b{color:var(--aksent)}@keyframes sklinn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.vunnetrad{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.75rem 0;display:flex}.vunnet{border:1px solid var(--kant);background:#0b0e20;border-radius:10px;padding:.3rem}.forlatknapp{z-index:10;background:var(--kort);border:1px solid var(--kant);color:var(--dempet);padding:.6rem 1.15rem;font-size:.95rem;position:fixed;bottom:1rem;left:1rem;box-shadow:0 4px 14px #00000073}.forlatknapp:hover{border-color:var(--feil);color:var(--feil);filter:none}@media (width<=420px){.forlatknapp{padding:.5rem .9rem;font-size:.85rem;bottom:.6rem;left:.6rem}}.lagrettekst{min-height:1.3em;color:var(--bra);margin:.6rem 0 0;font-weight:700}.lagrettekst.blink{animation:.35s ease-out sklinn}.sekkkode{letter-spacing:.15em;margin:.2rem 0 0;font-family:ui-monospace,monospace;font-size:1.6rem}.figurrute{aspect-ratio:1;width:128px;color:var(--tekst);border:3px solid var(--sjelden,var(--kant));cursor:pointer;background:#141833;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;margin:0 auto 1rem;padding:.4rem;display:flex}.figurrute:hover{background:#20264a}.figurrute-tom{color:var(--dempet);font-size:2.6rem;line-height:1}.figurrute-tekst{font-size:.95rem;font-weight:700}.figurrute-navn{color:var(--sjelden,var(--dempet));font-size:.7rem}.velgerbakgrunn{z-index:50;padding:max(1rem, env(safe-area-inset-top)) 1rem 1rem;background:#050714bf;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.velger{text-align:center;width:min(620px,100%)}.velgerrutenett{margin-top:.8rem}.sekkort.velgbar{font:inherit;color:inherit;cursor:pointer}.sekkort.velgbar:hover{transform:translateY(-2px)}.sekkort.velgbar.valgt{outline:3px solid var(--aksent);outline-offset:2px}.minifigur{vertical-align:middle;margin-right:.3rem;display:inline-block}.minifigur .figur{display:inline-block}.forklaring{font-size:.92rem;line-height:1.5}.forklaring h3{color:var(--aksent);margin:1.1rem 0 .4rem}.forklaring p{margin:0}.forklaring .ingress{font-size:1rem}.forklaring ol,.forklaring ul{margin:0;padding-left:1.3rem}.forklaring li{margin-bottom:.3rem}.forklaring li::marker{color:var(--aksent);font-weight:700}