:root{--c:90 170 255;--tekst:#dbeaff;--achtergrond-boven:#040a1c;--achtergrond-onder:#071232;--mono:Consolas, "Cascadia Code", monospace;--goed:#3ecf8e;--fout:#ff6b6b;--vuur:#ff9f43;--common:#9aa3b2;--rare:#4f8cff;--epic:#c46bff;--legendary:#ffcf33;--accent:rgb(var(--c));--rand:rgb(var(--c) / .3);--vlak:rgb(var(--c) / .08);--zacht:color-mix(in srgb, rgb(var(--c)) 35%, #93a4c0);color:var(--tekst);background:var(--achtergrond-boven);font-family:system-ui,-apple-system,Segoe UI,sans-serif}body{background:radial-gradient(circle at 20% 15%, rgb(var(--c) / .2), transparent 38%), radial-gradient(circle at 85% 45%, rgb(var(--c) / .15), transparent 40%), radial-gradient(circle at 30% 90%, rgb(var(--c) / .18), transparent 38%), linear-gradient(180deg, var(--achtergrond-boven), var(--achtergrond-onder));background-attachment:fixed;min-height:100vh;margin:0}.app{max-width:820px;margin:0 auto;padding:16px}button{font:inherit;font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--tekst);background:var(--vlak);border:1px solid rgb(var(--c) / .5);cursor:pointer;border-radius:3px;padding:10px 16px}button code,button pre,.opties button,.blok,.regel{text-transform:none;letter-spacing:normal}button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 8px rgb(var(--c) / .35)}button:disabled{opacity:.5;cursor:default}input{font:inherit;color:var(--tekst);background:var(--vlak);border:1px solid var(--rand);border-radius:3px;padding:8px}pre,code{font-family:var(--mono)}pre{white-space:pre-wrap;margin:0}.code{background:var(--code-achter);border:1px solid var(--code-rand);color:var(--code-tekst);border-radius:3px;margin:12px 0;padding:12px}.kop{z-index:1;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:16px;padding:12px 16px;display:flex;position:relative}.kop .sys-kop{width:100%;margin-bottom:0}.kop-rij{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.kop-rij>div{align-items:center;gap:5px;display:flex}.kop .naamrij{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.kop .lv{font-family:var(--mono);color:rgb(var(--c));text-shadow:0 0 6px rgb(var(--c) / .6)}.kop .tandwiel{padding:6px;display:flex}.vinkje{font-family:var(--mono);color:rgb(var(--c))}.kop .level{flex:1}.xpbalk,.lesbalk{background:var(--vlak);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.xpbalk div,.lesbalk div{background:var(--accent);height:100%;transition:width .3s}.streak{color:var(--zacht);font-weight:700}.streak:not(.actief) svg{filter:grayscale()}.streak.actief{color:var(--vuur)}.melding-balk{border:1px solid rgb(var(--c) / .55);background:rgb(var(--c) / .12);color:var(--tekst);box-shadow:0 0 12px rgb(var(--c) / .3);border-radius:3px;margin-bottom:16px;padding:10px 12px}.melding-balk .sys-label{font-family:var(--mono);text-shadow:0 0 6px rgb(var(--c))}.unit ol{gap:8px;padding:0;list-style:none;display:grid}.les-knop.klaar{border-color:var(--goed)}.les-kop{align-items:center;gap:12px;margin-bottom:16px;display:flex}.lesbalk{flex:1;margin-top:0}.intro{color:var(--zacht)}.opties,.puzzel-stapel,.puzzel-antwoord,.code-regels{gap:8px;margin:12px 0;display:grid}.puzzel-antwoord{border:1px dashed var(--rand);border-radius:10px;min-height:48px;padding:8px}.opties button,.blok,.regel{text-align:left}.blok code{white-space:pre-wrap;overflow-wrap:anywhere}.opties .juist{border-color:var(--goed)}.opties .onjuist{border-color:var(--fout)}.regel{gap:12px;display:flex}.regel.gekozen{border-color:var(--accent)}.regelnummer{color:var(--zacht);min-width:2ch}.stappen{padding-left:20px}.stappen .label{color:var(--zacht)}.knoppen{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.editor{border:1px solid var(--code-rand);border-radius:3px;overflow:hidden}.console{background:var(--code-achter);border:1px solid var(--code-rand);color:var(--code-tekst);border-radius:3px;max-height:300px;margin:12px 0;padding:12px;overflow:auto}.console form{gap:8px;margin-top:8px;display:flex}.console input{flex:1}.console input,.console button{color:var(--code-tekst)}.tests{padding:0;list-style:none}.tests li{padding:4px 0;font-size:13px}.tests .uitslag{font-family:var(--mono)}.tests .geslaagd{color:var(--goed)}.tests .gefaald{color:var(--fout)}.melding,.verschil{color:var(--tekst);margin-top:6px}.verschil{grid-template-columns:1fr 1fr;gap:12px;display:grid}.feedback{border-radius:12px;margin-top:16px;padding:14px}.feedback.goed{border:1px solid var(--goed);background:#12291f}.feedback.fout{border:1px solid var(--fout);background:#2d1717}.juist{margin:8px 0}.samenvatting{text-align:center;padding-top:40px}.samenvatting .groot{color:var(--accent);font-size:2.5rem;font-weight:700}.levelup{color:var(--goed);font-weight:700}.bestand-knop{margin-left:8px;display:inline-block}.bestand-knop input{margin-top:6px;display:block}.foutscherm{text-align:center;padding:40px}code.inline{background:var(--code-achter);border:1px solid var(--code-rand);border-radius:3px;padding:1px 6px;font-size:.95em}.systeem-melding{transform-origin:top;margin:10px 0;padding:10px 12px;animation:.25s ease-out melding-open}.systeem-melding .sys-kop{margin-bottom:0}.systeem-melding strong{color:#fff}@keyframes melding-open{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.systeem-melding{animation:none}}.naamscherm{text-align:center;padding-top:60px}.naamscherm form{justify-content:center;gap:8px;margin-top:16px;display:flex}.kop .titel{color:var(--zacht);font-size:.9em}.naam{font-weight:700}.naam-verloop{color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.naam-bewegend{animation:3s linear infinite naam-schuif}@keyframes naam-schuif{0%{background-position:0 0}to{background-position:200% 0}}.thuis-knoppen{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0;display:grid}.groot-knop{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;padding:18px;font-size:1.1rem;display:flex}.groot-knop small{color:var(--zacht);font-size:.85rem}.thuis-midden{position:relative}.rechterkolom{flex-direction:column;gap:12px;margin-bottom:16px;display:flex}.avatar-vak{box-sizing:border-box;flex-direction:column;align-items:center;gap:8px;padding:12px;display:flex}.avatar-vak button{position:relative}.avatar-vak .stip{background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px}@media (width>=1400px){.thuis-midden>.rechterkolom{width:220px;margin-bottom:0;position:absolute;top:0;left:calc(100% + 16px)}}.vandaag{padding:12px 16px}.vandaag div{padding:3px 0}.vandaag .week{color:var(--zacht);margin-top:6px}.unit.dicht h2{color:var(--zacht)}.eindscherm{text-align:center;padding-top:24px}.eindscherm .groot{color:var(--accent);margin:4px 0;font-size:2.5rem;font-weight:700}.groot-balk{max-width:420px;height:12px;margin:8px auto 16px}.beloningen{flex-wrap:wrap;justify-content:center;gap:10px;margin:12px 0;display:flex}.beloningen h2{width:100%;color:var(--zacht);margin:0;font-size:1rem}.beloning{border:1px solid var(--rand);background:var(--vlak);border-radius:8px;padding:8px 12px}.kist-big{border-color:var(--rare)}.kist-mega{border-color:var(--legendary);box-shadow:0 0 10px #ffcf3366}.eindscherm .knoppen{justify-content:center}.eind-kop{transform-origin:top;margin-bottom:8px;padding:10px 12px;animation:.25s ease-out backwards melding-open}.eind-kop .sys-kop{margin-bottom:0}.eindscherm .systeem-melding{animation-fill-mode:backwards}.eindscherm .beloning{transform-origin:top;animation:.25s ease-out backwards melding-open}.achievement-melding{border-color:var(--legendary);box-shadow:0 0 8px #ffcf3333}.achievement-melding.waarde-mega{clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.xpbalk.xp-gloed{filter:drop-shadow(0 0 4px rgb(var(--c) / .6));animation:.75s ease-in-out 2 xp-gloed}@keyframes xp-gloed{50%{filter:drop-shadow(0 0 10px rgb(var(--c) / 1))}}@media (prefers-reduced-motion:reduce){.eind-kop,.eindscherm .beloning,.xpbalk.xp-gloed{animation:none}}.z-common{--z:var(--common)}.z-rare{--z:var(--rare)}.z-epic{--z:var(--epic)}.z-legendary{--z:var(--legendary)}.app.niveau-kist:has(.kistrol){max-width:none;padding:16px 2vw}.app.niveau-kist:has(.kistrol)>.kop{max-width:820px;margin-left:auto;margin-right:auto}.kistrol{--kaart:clamp(110px, 12.5vw, 215px);--stap:calc(var(--kaart) + 14px)}.kist-titel{text-align:center;font-family:var(--mono);letter-spacing:6px;background:linear-gradient(90deg,#3dc8ff,#b56cff,#ff4fd8,#ffd84a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:8px 0 16px;font-size:clamp(18px,2.2vw,32px);font-weight:700}.kistrol .rol{cursor:pointer;background:#00000059;border-top:3px solid;border-bottom:3px solid;border-image:linear-gradient(90deg,#3dc8ff,#b56cff,#ff4fd8,#ffd84a) 1;margin:6px 0 16px;padding:clamp(26px,4vh,48px) 0;position:relative;overflow:hidden}.kistrol .band{will-change:transform;gap:14px;width:max-content;display:flex;position:relative;left:50%}.kistrol .kaart{width:var(--kaart);height:calc(var(--kaart) * 1.3);background:linear-gradient(180deg, color-mix(in srgb, var(--z) 45%, transparent), color-mix(in srgb, var(--z) 12%, transparent));border:1px solid var(--z);border-bottom:5px solid var(--z);font-family:var(--mono);color:#fff;text-shadow:0 0 6px var(--z);border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:12px;font-weight:700;display:flex}.kistrol .kaart svg{filter:drop-shadow(0 0 8px var(--z))}.kistrol .kaart svg:not(.avatar){width:45%;height:auto}.kistrol .kaart small{letter-spacing:2px;font-size:clamp(12px,1.2vw,18px)}.kistrol .kaart.winnaar{box-shadow:0 0 26px var(--z), 0 0 56px var(--z);transform:scale(1.08)}.kistrol .markering{z-index:3;background:#fff;width:4px;margin-left:-2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 14px #fff,0 0 30px #ffd84a}.kistrol .markering:before,.kistrol .markering:after{content:"";border:12px solid #0000;position:absolute;left:-10px}.kistrol .markering:before{border-top-color:#ffd84a;top:0}.kistrol .markering:after{border-bottom-color:#ffd84a;bottom:0}.onthulling{text-align:center;border:2px solid var(--z);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--z) 40%, transparent), color-mix(in srgb, var(--z) 18%, transparent) 40%, #0a051e80 75%);max-width:900px;box-shadow:0 0 40px color-mix(in srgb, var(--z) 55%, transparent), inset 0 0 40px color-mix(in srgb, var(--z) 22%, transparent);border-radius:8px;margin:16px auto;padding:clamp(22px,3.5vh,40px) 14px;animation:.5s ease-out onthul;position:relative;overflow:hidden}.onthulling>*{position:relative}.onthulling .stralen{background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--z) 55%, transparent) 0 5deg, transparent 5deg 15deg);opacity:.5;animation:12s linear infinite draai;position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#000 0,#0000 60%);mask:radial-gradient(circle,#000 0,#0000 60%)}.onthulling .vonk{background:var(--z);width:6px;height:6px;box-shadow:0 0 8px var(--z);border-radius:50%;animation:2.4s ease-in-out infinite zweef;position:absolute}.onthulling>svg:not(.avatar){width:clamp(70px,7.5vw,108px);height:auto}.onthulling .zeldzaamheid{font-family:var(--mono);letter-spacing:8px;color:#fff;text-shadow:0 0 10px var(--z), 0 0 22px var(--z);margin-top:6px;font-size:clamp(1.1rem,2vw,1.8rem);font-weight:700}.onthulling .voorwerp-naam{background:linear-gradient(90deg, color-mix(in srgb, var(--z) 40%, #fff), #fff, color-mix(in srgb, var(--z) 55%, #fff));color:#0000;filter:drop-shadow(0 0 10px var(--z));-webkit-background-clip:text;background-clip:text;margin:12px 0 4px;font-size:clamp(1.8rem,3.8vw,3rem);font-weight:800}.onthulling .voorwerp-soort{color:var(--tekst);font-family:var(--mono);font-size:clamp(13px,1.3vw,18px)}.onthulling .ico,.onthulling>svg{filter:drop-shadow(0 0 8px var(--z))}.onthulling.z-rare{box-shadow:0 0 20px color-mix(in srgb, var(--z) 40%, transparent), inset 0 0 20px color-mix(in srgb, var(--z) 15%, transparent)}.onthulling.z-rare .stralen{opacity:.25}.onthulling.z-common{box-shadow:none}.onthulling.z-legendary{animation:.5s ease-out onthul,1.6s ease-in-out .5s infinite goud-puls}.onthulling.z-legendary .stralen{opacity:.7;animation-duration:6s}.onthulling.z-legendary .zeldzaamheid{font-size:clamp(1.5rem,2.8vw,2.4rem)}@keyframes onthul{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes draai{to{transform:rotate(360deg)}}@keyframes zweef{0%,to{opacity:1;transform:translateY(0)scale(1)}50%{opacity:.5;transform:translateY(-14px)scale(.6)}}@keyframes goud-puls{0%,to{border-color:#b8860b;box-shadow:0 0 30px #ffcf3373,inset 0 0 30px #ffcf3333}50%{border-color:#ffe27a;box-shadow:0 0 60px #ffcf33e6,inset 0 0 50px #ffcf3359}}.niveau-kist{isolation:isolate;position:relative}.niveau-kist:before,.niveau-kist:after{content:"";z-index:-1;pointer-events:none;position:fixed}.niveau-kist:before{background:radial-gradient(circle at 50% 55%,#3a1366 0,#120726 45%,#05030d 80%);inset:0}.niveau-kist:after{opacity:.18;filter:blur(60px);background:conic-gradient(#ff4fd8,#7a5cff,#3dc8ff,#44ffb0,#ffd84a,#ff7a3d,#ff4fd8);animation:10s linear infinite draai;inset:-50%}.kist-knop.knop-hoofd{color:#fff;background:linear-gradient(90deg,#7a5cff,#ff4fd8);border-color:#fff6;font-weight:700;box-shadow:0 0 18px #ff4fd880}.kist-knop.knop-hoofd:hover:not(:disabled){background:linear-gradient(90deg,#8d73ff,#ff72e0)}.kistrol~.knoppen{justify-content:center;margin-top:0}@media (prefers-reduced-motion:reduce){.onthulling,.onthulling.z-legendary,.onthulling .stralen,.onthulling .vonk,.niveau-kist:after{animation:none}}.kist-lijst{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0;display:grid}.kist-kaart{background:var(--vlak);border-radius:3px;flex-direction:column;gap:6px;padding:14px;display:flex}.kist-kaart.kist-mega{border-color:var(--legendary)}.kist-icoon{display:flex}.boom-kop{justify-content:space-between;gap:12px;display:flex}.boom-totaal{color:var(--legendary);text-shadow:0 0 6px #ffcf3366}.boom-tabs{flex-wrap:wrap;gap:6px;margin:0 0 8px;display:flex}.boom-tabs button{background:rgb(var(--c) / .05);border-color:rgb(var(--c) / .4);color:var(--zacht);padding:6px 10px;font-size:12px}.boom-tabs button.aan{border-color:rgb(var(--c));color:#fff;background:rgb(var(--c) / .15);box-shadow:0 0 8px rgb(var(--c) / .4)}.boom-tabs b{color:var(--legendary);font-weight:400}.boom-veld{scrollbar-width:thin;scrollbar-color:rgb(var(--c) / .6) transparent;border:1px solid rgb(var(--c) / .25);background-image:linear-gradient(rgb(var(--c) / .06) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--c) / .06) 1px, transparent 1px);background-size:24px 24px;flex-direction:column;gap:14px;padding:18px 16px;display:flex;overflow-x:auto}.boom-rij{gap:16px;width:max-content;display:flex}.boom-stap{flex-direction:column;align-items:center;width:88px;display:flex;position:relative}.boom-lijn{z-index:0;width:104px;height:4px;position:absolute;top:28px;left:-60px}.boom-lijn line{stroke-width:3px;stroke:#1d3640}.boom-lijn.stand-gehaald line{stroke:var(--legendary)}.boom-lijn.stand-volgende line{stroke:rgb(var(--c) / .75)}.boom-lijn.stand-later line{stroke-dasharray:5 5}.boom-vak{z-index:1;border:2px solid;border-radius:0;place-items:center;width:48px;height:48px;margin:6px 0;padding:0;font-size:18px;display:grid;position:relative}.boom-vak.stand-gehaald{border-color:var(--legendary);color:#ffe27a;background:#2a2004;box-shadow:0 0 12px #ffcf3366}.boom-vak.stand-volgende{border-color:rgb(var(--c));background:linear-gradient(rgb(var(--c) / .1), rgb(var(--c) / .1)) var(--achtergrond-boven);color:rgb(var(--c))}.boom-vak.stand-later{color:#2f5563;background:#061218;border-style:dashed;border-color:#2c4450}.boom-vak.gekozen{outline-offset:2px;outline:2px solid #fff}.boom-vak.waarde-big{border-radius:10px}.boom-vak.waarde-mega{clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%);border-width:3px;width:58px;height:58px;margin:1px 0}.boom-vak.waarde-mega.gekozen,.boom-vak.waarde-mega:focus-visible{box-shadow:inset 0 0 0 3px #fff}.boom-naam{text-align:center;color:var(--zacht);overflow-wrap:anywhere;font-size:11px;line-height:1.25}.boom-vak.stand-gehaald+.boom-naam{color:#ffe9a8}.boom-vak.stand-later+.boom-naam{color:var(--zacht);opacity:.6}.boom-vak.stand-later .pixel-icoon{opacity:.4;filter:grayscale()}.boom-info{font-family:var(--mono);margin-top:12px;padding:10px 12px;font-size:13px}.boom-info strong{color:#ffe27a}.boom-info small{color:var(--zacht);margin-top:2px;display:block}.spullen-lijst{flex-wrap:wrap;gap:8px;display:flex}.spullen-lijst button{border-left:4px solid var(--z,var(--rand));align-items:center;gap:8px;display:inline-flex}.spullen-lijst .gekozen{border-color:var(--accent);box-shadow:0 0 8px rgb(var(--c) / .55)}.voorbeeld-naam{font-size:1.6rem}.glas{background:rgb(var(--c) / .07);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgb(var(--c) / .55);position:relative}.glas:before,.glas:after{content:"";border:2px solid rgb(var(--c));pointer-events:none;width:12px;height:12px;position:absolute}.glas:before{border-bottom:0;border-right:0;top:-3px;left:-3px}.glas:after{border-top:0;border-left:0;bottom:-3px;right:-3px}.sys-kop{font-family:var(--mono);color:rgb(var(--c));text-shadow:0 0 6px rgb(var(--c));margin-bottom:12px;font-size:13px}.niveau-systeem .sys-kop,.niveau-extra .sys-kop{animation:4s infinite flikker}@media (prefers-reduced-motion:reduce){.niveau-systeem .sys-kop,.niveau-extra .sys-kop{animation:none}}@keyframes flikker{0%,96%,to{opacity:1}97%{opacity:.3}98%{opacity:1}99%{opacity:.5}}.vlak-rustig{background:rgb(var(--c) / .05);border:1px solid rgb(var(--c) / .22);border-radius:3px;margin-bottom:12px;padding:14px}.knop-hoofd{background:rgb(var(--c) / .2);border-color:rgb(var(--c) / .7);color:#fff}.knop-hoofd:hover:not(:disabled){background:rgb(var(--c) / .3)}.niveau-systeem:after,.niveau-extra:after{content:"";z-index:10;pointer-events:none;background:repeating-linear-gradient(0deg, rgb(var(--c) / .05) 0 1px, transparent 1px 4px);position:fixed;inset:0}.niveau-rustig .glas{-webkit-backdrop-filter:none;backdrop-filter:none}.niveau-rustig .glas:before,.niveau-rustig .glas:after{content:none}.niveau-rustig .sys-kop{text-shadow:none;animation:none}.niveau-rustig button:hover:not(:disabled),.niveau-rustig button:hover{box-shadow:none}.leerpad .unit,.instellingen>section,.spullen-lijst,.naamscherm{margin:16px 0;padding:14px}.leerpad .unit h2,.spullen h2,.achievements h2,.instellingen h2{margin:0 0 12px;font-size:13px;font-weight:400}.spullen>h1,.achievements>h1,.instellingen>h1,.winkel>h1,.kisten>h1{margin:16px 0 8px;font-size:15px;font-weight:400}.les-knop{text-align:left;align-items:center;gap:8px;width:100%;display:flex}.unit.dicht{opacity:.7}.naamscherm{max-width:460px;margin:60px auto 0}.naamscherm h2{margin:0 0 8px;font-size:1.2rem}.winkel .kist-kaart button{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.opdracht>h2{margin:0 0 8px;font-size:1.1rem;font-weight:400}.opdracht>h2.opdracht-label{font-family:var(--mono);text-transform:uppercase;color:rgb(var(--c) / .85);letter-spacing:1px;font-size:12px}.blok-kop{font-family:var(--mono);color:rgb(var(--c) / .85);letter-spacing:1px;margin-bottom:6px;font-size:12px}.les .lesbalk{background:rgb(var(--c) / .1);height:6px;box-shadow:none;border-radius:3px}.les .lesbalk div{background:rgb(var(--c));box-shadow:none}.les .knoppen button{align-items:center;gap:8px;display:inline-flex}.niveau-rustig .systeem-melding{animation:none}.niveau-rustig .melding-balk,.niveau-rustig .systeem-melding{box-shadow:none}.avatar{display:block;overflow:visible}.podium .avatar,.avatar-vak .avatar,.onthulling>.avatar{margin:0 auto}.avatar-gloed{filter:drop-shadow(0 0 3px var(--gloed))}.avatar-zweef{animation:2.6s ease-in-out infinite avatar-zweef}@keyframes avatar-zweef{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.avatar-zweef{animation:none}}.avatar-indeling{grid-template-columns:1fr 1.5fr;align-items:start;gap:16px;margin-top:16px;display:grid}.podium{background:radial-gradient(circle at 50% 35%, rgb(var(--c) / .25), transparent 70%), rgb(var(--c) / .07);flex-direction:column;justify-content:center;align-items:center;padding:14px;display:flex}.podium .sys-kop{margin-bottom:8px}.avatar-tabs{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.avatar-tabs .gekozen{border-color:rgb(var(--c));color:#fff;background:rgb(var(--c) / .2)}.avatar-teller{color:var(--zacht);margin:6px 0}.avatar-raster{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.vakje{text-align:center;border:1px solid var(--z,var(--rand));flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:84px;padding:4px;font-size:12px;display:flex;position:relative}.vakje.z-rare,.vakje.z-epic{box-shadow:inset 0 0 6px color-mix(in srgb, var(--z) 45%, transparent)}.vakje.z-legendary{box-shadow:inset 0 0 8px color-mix(in srgb, var(--z) 60%, transparent), 0 0 6px color-mix(in srgb, var(--z) 40%, transparent)}.vakje.niets{--z:var(--rand);color:var(--zacht)}.vakje.niet{border-style:dashed;border-color:var(--rand);color:#3d4a66;background:0 0;font-size:16px}.vakje.niet.z-legendary{border-color:var(--legendary)}.vakje.aan{outline-offset:1px;outline:2px solid #fff}.nieuw-label{font-family:var(--mono);background:var(--accent);color:#000;padding:0 3px;font-size:9px;position:absolute;top:2px;right:2px}@media (width<=640px){.avatar-indeling{grid-template-columns:1fr}}.csharp-vak{--csharp:#a77bff;border:1px solid color-mix(in srgb, var(--csharp) 55%, transparent);border-left:4px solid var(--csharp);background:color-mix(in srgb, var(--csharp) 7%, transparent);border-radius:3px;margin:12px 0;padding:10px 12px}.csharp-vak .csharp-kop{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--csharp);margin:0 0 2px;font-size:12px;font-weight:400}.csharp-vak .code{margin:8px 0 0}.csharp-vak p{margin:8px 0 0;font-size:14px;line-height:1.45}.bestanden{margin:12px 0}.bestanden .bestanden-kop{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--zacht,inherit);margin:0 0 6px;font-size:12px;font-weight:400}.bestand{margin:12px 0}.bestand-tab{font-family:var(--mono);color:var(--code-tekst);background:var(--code-achter);border:1px solid var(--code-rand);border-bottom:0;border-top:2px solid var(--accent);border-radius:3px 3px 0 0;align-items:center;gap:8px;padding:5px 12px 6px;font-size:12px;display:inline-flex;position:relative;top:1px}.bestand-tab svg{flex:none}.bestand-nieuw,.bestand-veranderd{letter-spacing:.5px;background:var(--accent);color:#000;border-radius:2px;padding:1px 4px;font-size:9px}.bestand-inhoud{background:var(--code-achter);border:1px solid var(--code-rand);font-family:var(--mono);color:var(--code-tekst);border-radius:0 3px 3px;padding:8px 0;font-size:13px;line-height:1.55;display:flex;overflow-x:auto}.bestand-inhoud pre{font:inherit;white-space:pre;margin:0}.bestand-inhoud .bestand-nummers{box-sizing:content-box;text-align:right;width:34px;color:var(--code-nummer);-webkit-user-select:none;user-select:none;flex:none;padding-right:12px}.spelers>h1{margin:16px 0 8px;font-size:15px;font-weight:400}.speler-rij{box-sizing:border-box;text-align:left;cursor:pointer;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:6px 8px;display:flex}.speler-rij .plek{font-family:var(--mono);width:22px;color:rgb(var(--c))}.speler-rij .wie{flex:1}.speler-rij .wie>.unit{color:var(--zacht);font-size:.85rem;display:block}.speler-rij.ik{border-color:#ffffff8c}.speler-rij .lv{font-family:var(--mono);color:rgb(var(--c));text-shadow:0 0 6px rgb(var(--c) / .6)}.profiel{z-index:1;position:relative}.profiel>.sys-kop{margin:12px 0 8px}.profiel-rij{align-items:center;gap:18px;min-height:260px;display:flex}.profiel-rij .info{flex:1}.profiel-naam{font-size:1.4rem;font-weight:700}.profiel .titel{font-family:var(--mono);font-size:.85rem}.profiel .leerpad-kop{margin-top:12px;font-size:12px}.profiel .leerpad-waar{margin-top:4px}.profiel .units{gap:3px;margin-top:6px;display:flex}.profiel .units>span{background:rgb(var(--c) / .15);border-radius:2px;flex:1;height:8px}.profiel .units>.af{background:rgb(var(--c));box-shadow:0 0 6px rgb(var(--c) / .6)}.profiel .units>.bezig{background:linear-gradient(90deg, rgb(var(--c)) 50%, rgb(var(--c) / .15) 50%)}.profiel .vakjes{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;display:grid}.profiel .vakjes>div{padding:6px 8px}.profiel .vakjes .getal{font-family:var(--mono);color:rgb(var(--c));font-size:1.1rem}.kleurgolf{z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 15%, rgb(var(--c) / .2), transparent 38%), radial-gradient(circle at 85% 45%, rgb(var(--c) / .15), transparent 40%), radial-gradient(circle at 30% 90%, rgb(var(--c) / .18), transparent 38%), linear-gradient(180deg, var(--achtergrond-boven), var(--achtergrond-onder));clip-path:circle(0% at 0 0);animation:.55s ease-in-out .3s both kleurgolf;position:fixed;inset:0}@keyframes kleurgolf{0%{clip-path:circle(0% at 0 0)}to{clip-path:circle(150% at 0 0)}}:root,[data-codevak=standaard]{--code-std-achter:#040814;--code-achter:var(--code-std-achter);--code-goot:var(--code-std-achter);--code-rand:rgb(var(--c) / .18);--code-tekst:var(--tekst);--code-nummer:#3d4d68;--code-actief:rgb(var(--c) / .06);--code-cursor:rgb(var(--c));--code-selectie:rgb(var(--c) / .3);--code-kw:#c79bff;--code-str:#9fe6a0;--code-fn:#7cc8ff;--code-num:#ffcf7a;--code-com:#5f7396}:root[data-codevak] code.inline{color:var(--code-tekst)}.cv-kw{color:var(--code-kw)}.cv-str{color:var(--code-str)}.cv-fn{color:var(--code-fn)}.cv-num{color:var(--code-num)}.cv-com{color:var(--code-com);font-style:italic}[data-codevak=papier]{--code-goot:#fbf8f1;--code-achter:#fbf8f1;--code-rand:#d8d0bf;--code-tekst:#2b2b2b;--code-nummer:#b3aa98;--code-actief:#785a1e14;--code-cursor:#2b2b2b;--code-selectie:#4078f233;--code-kw:#a626a4;--code-str:#50a14f;--code-fn:#4078f2;--code-num:#c18401;--code-com:#a0a1a7}[data-codevak=zonsondergang]{--code-goot:#1e1030;--code-achter:linear-gradient(180deg, #1e1030, #2a1222);--code-rand:#5a2a4a;--code-tekst:#ffe9dc;--code-nummer:#7a4a6a;--code-actief:#ff8c6412;--code-cursor:#ff9a5c;--code-selectie:#ff9a5c40;--code-kw:#ff6f91;--code-str:#ffc96b;--code-fn:#ff9a5c;--code-num:#c39bff;--code-com:#8a6080}[data-codevak=cyberpunk]{--code-goot:#0a0a12;--code-achter:#0a0a12;--code-rand:#fcee0a;--code-tekst:#e8f6ff;--code-nummer:#5a5a7a;--code-actief:#00f0ff0f;--code-cursor:#00f0ff;--code-selectie:#00f0ff40;--code-kw:#ff2a6d;--code-str:#fcee0a;--code-fn:#00f0ff;--code-num:#ff9e2a;--code-com:#5a5a7a}[data-codevak=rood]{--code-goot:#170306;--code-achter:linear-gradient(180deg, #170306, #200609);--code-rand:#a3202f;--code-tekst:#ffe0e4;--code-nummer:#6e2a34;--code-actief:#ff465a14;--code-cursor:#ff465a;--code-selectie:#ff465a40;--code-kw:#ff465a;--code-str:#ffb0a0;--code-fn:#ffd2d8;--code-num:#ffa23d;--code-com:#7a3a44}[data-codevak=retro-terminal]{--code-goot:#140c02;--code-achter:repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 3px), #140c02;--code-rand:#4a3008;--code-tekst:#ffb000;--code-nummer:#6a4a10;--code-actief:#ffb0000d;--code-cursor:#ffb000;--code-selectie:#ffb00040;--code-kw:#ffd27a;--code-str:#ffc640;--code-fn:#ffe2a8;--code-num:#ff8a00;--code-com:#7a5410}[data-codevak=galaxy]{--code-goot:#0a0514;--code-achter:radial-gradient(1px 1px at 12% 20%, #fff, transparent), radial-gradient(1px 1px at 70% 12%, #fff, transparent), radial-gradient(1.5px 1.5px at 90% 62%, #e4d4ff, transparent), radial-gradient(1px 1px at 42% 88%, #fff, transparent), radial-gradient(1px 1px at 60% 40%, #c9b0ff, transparent), radial-gradient(1px 1px at 26% 66%, #fff, transparent), radial-gradient(1px 1px at 80% 85%, #fff, transparent), radial-gradient(1.5px 1.5px at 52% 22%, #fff, transparent), radial-gradient(ellipse at 88% 0%, #3a1366 0, transparent 55%), radial-gradient(ellipse at 0% 100%, #1a0f4a 0, transparent 50%), #0a0514;--code-rand:#4b2380;--code-tekst:#ece2ff;--code-nummer:#54407e;--code-actief:#a05aff17;--code-cursor:#b77bff;--code-selectie:#b77bff4d;--code-kw:#b77bff;--code-str:#5ee6ff;--code-fn:#ff8ad8;--code-num:#ffd76a;--code-com:#6a5a95}[data-codevak=sakura]{--code-goot:#1c0818;--code-achter:radial-gradient(ellipse 60% 70% at 100% 0%, #ff69aa38, transparent 70%), radial-gradient(ellipse 50% 60% at 0% 100%, #78288c40, transparent 70%), linear-gradient(180deg, #1c0818, #12050f);--code-rand:#ff8cc859;--code-tekst:#fbe8f2;--code-nummer:#74405f;--code-actief:linear-gradient(90deg, #ff78be24, #ff78be08 70%, transparent);--code-cursor:#ff8cc6;--code-selectie:#ff8cc647;--code-kw:#ff6fb1;--code-str:#9ee6b8;--code-fn:#ffbfdc;--code-num:#ffcf86;--code-com:#9a6a88}[data-codevak=matrix]{--code-goot:#000;--code-achter:#000;--code-rand:#0a3d12;--code-tekst:#39ff6a;--code-nummer:#0f5a1e;--code-actief:#14ff461a;--code-cursor:#39ff6a;--code-selectie:#39ff6a40;--code-kw:#b6ffc6;--code-str:#7dffa0;--code-fn:#e0ffe8;--code-num:#c6ff5a;--code-com:#1f7a33}[data-codevak=goud]{--code-goot:#15110a;--code-achter:linear-gradient(90deg, transparent, #ffc21a, #fff1b8, #ffc21a, transparent) top / 100% 2px no-repeat, linear-gradient(160deg, #15110a, #0b0906 60%);--code-rand:#c99a2e;--code-tekst:#f5ead2;--code-nummer:#6e5a30;--code-actief:#ffc8500f;--code-cursor:#ffd56b;--code-selectie:#ffd56b40;--code-kw:#ffc21a;--code-str:#e8d6a8;--code-fn:#ffd56b;--code-num:#ffa94d;--code-com:#6e5a30}:root:is([data-codevak=cyberpunk],[data-codevak=rood],[data-codevak=retro-terminal],[data-codevak=galaxy],[data-codevak=sakura],[data-codevak=matrix],[data-codevak=goud]) .cv-kw{font-weight:700}:root[data-codevak=cyberpunk] :is(.editor,.code,.console){border-left-width:4px}:root[data-codevak=retro-terminal] :is(.cm-content,.code,.console,code.inline){text-shadow:0 0 5px #ffb00066}:root[data-codevak=matrix] :is(.cm-content,.code,.console,code.inline){text-shadow:0 0 4px #39ff6a73}:root[data-codevak=sakura] .cm-lineNumbers .cm-activeLineGutter{color:#ff9fcb;background:#ff78be24;box-shadow:inset 2px 0 #ff7ab8}:root[data-codevak=sakura] .cm-cursor{box-shadow:0 0 6px #ff8cc6}:root[data-codevak=sakura] :is(.cm-editor,.code,.console){box-shadow:inset 0 1px #ffb4d726}:root[data-codevak=goud] .cv-kw{background:linear-gradient(90deg,#fff1b8,#ffc21a,#d8901a);color:#0000;-webkit-background-clip:text;background-clip:text}:root[data-codevak=goud] :is(.cm-editor,.code,.console){box-shadow:inset 0 0 0 1px #ffd26e1f}.thema-codevak{box-sizing:border-box;vertical-align:middle;background:var(--code-achter);border:1px solid var(--code-rand);border-radius:3px;flex-direction:column;flex:none;justify-content:center;gap:12%;padding:0 12%;display:inline-flex}.thema-codevak i{border-radius:1px;height:10%;min-height:2px;display:block}.thema-codevak i:first-child{background:var(--code-kw);width:45%}.thema-codevak i:nth-child(2){background:var(--code-str);width:75%;margin-left:12%}.thema-codevak i:nth-child(3){background:var(--code-fn);width:55%;margin-left:12%}.thema-codevak i:nth-child(4){background:var(--code-num);width:30%}[data-systeemkleur=cyaan]{--c:0 240 255;--tekst:#c8fbff;--achtergrond-boven:#02121a;--achtergrond-onder:#031c28;--code-std-achter:#010d13}[data-systeemkleur=oranje]{--c:255 165 70;--tekst:#fff1e3;--achtergrond-boven:#2a1506;--achtergrond-onder:#3a1d08;--code-std-achter:#1c0d03}[data-systeemkleur=penalty-rood]{--c:255 70 90;--tekst:#ffe0e4;--achtergrond-boven:#160408;--achtergrond-onder:#22070c;--code-std-achter:#0f0205}[data-systeemkleur=sakura]{--c:255 120 190;--tekst:#ffe6f3;--achtergrond-boven:#22061a;--achtergrond-onder:#320b28;--code-std-achter:#190313}[data-systeemkleur=zilver]{--c:215 225 240;--tekst:#f4f7fb;--achtergrond-boven:#0a0c10;--achtergrond-onder:#12151b;--code-std-achter:#06070a}[data-systeemkleur=goud]{--c:255 215 100;--tekst:#fff6d8;--achtergrond-boven:#2e2008;--achtergrond-onder:#40300c;--code-std-achter:#1f1505;--goud-tekst:linear-gradient(90deg, #fff1b8, #ffc21a, #d8901a);--goud-balk:linear-gradient(90deg, #a86e0a, #ffc21a, #fff1b8, #ffc21a);--goud-vulling:linear-gradient(160deg, #ffdc822e, #b4781414) padding-box;--goud-randen:linear-gradient(90deg, #fff1b8, #ffc21a 40%, #a86e0a) top / 100% 1px no-repeat border-box, linear-gradient(90deg, #a86e0a, #ffc21a 60%, #ffd56b) bottom / 100% 1px no-repeat border-box, linear-gradient(180deg, #fff1b8, #a86e0a) left / 1px 100% no-repeat border-box, linear-gradient(180deg, #ffc21a, #ffd56b) right / 1px 100% no-repeat border-box}[data-systeemkleur=matrix]{--c:57 255 106;--tekst:#c8ffd4;--achtergrond-boven:#000;--achtergrond-onder:#010a03;--code-std-achter:#000}[data-systeemkleur=standaard]{--c:90 170 255;--tekst:#dbeaff;--achtergrond-boven:#040a1c;--achtergrond-onder:#071232;--code-std-achter:#040814}.kistrol,.onthulling{--c:90 170 255;--tekst:#dbeaff;--accent:rgb(var(--c));--rand:rgb(var(--c) / .3);--vlak:rgb(var(--c) / .08);--zacht:color-mix(in srgb, rgb(var(--c)) 35%, #93a4c0);color:var(--tekst)}[data-systeemkleur=goud] .app .glas:where(:not(.kist-mega,.kist-big,.behaald,.achievement-melding)){background:var(--goud-randen), var(--goud-vulling);border-color:#0000}[data-systeemkleur=goud] .app .podium.glas{background:var(--goud-randen), radial-gradient(circle at 50% 35%, rgb(var(--c) / .25), transparent 70%) padding-box, var(--goud-vulling)}[data-systeemkleur=goud] .app .xpbalk div,[data-systeemkleur=goud] .app .lesbalk div{background:var(--goud-balk)}[data-systeemkleur=goud] .app:not(.niveau-rustig) .sys-kop,[data-systeemkleur=goud] .app:not(.niveau-rustig) .kop .titel{background:var(--goud-tekst);color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text}[data-systeemkleur=goud] .app:not(.niveau-rustig) button.glas{background:var(--goud-tekst), var(--goud-randen), var(--goud-vulling);color:#0000;-webkit-background-clip:text,border-box,border-box,border-box,border-box,padding-box;background-clip:text,border-box,border-box,border-box,border-box,padding-box}[data-systeemkleur=goud] .app:not(.niveau-rustig) button.glas small{color:#ffe2a0;-webkit-text-fill-color:#ffe2a0}.thema-systeem{box-sizing:border-box;vertical-align:middle;background:linear-gradient(180deg, var(--achtergrond-boven), var(--achtergrond-onder));border:2px solid rgb(var(--c));border-radius:3px;flex:none;justify-content:center;align-items:flex-end;gap:10%;padding:0 0 14%;display:inline-flex}.thema-systeem i{background:rgb(var(--c));border-radius:1px;width:30%;height:20%;display:block}