@font-face{font-family:Fredoka;font-style:normal;font-weight:400;font-display:swap;src:url(./Fredoka-400-17JuUzdy.woff2) format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-display:swap;src:url(./Fredoka-500-B0JifZgm.woff2) format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-display:swap;src:url(./Fredoka-600-C4zohCW5.woff2) format("woff2")}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-display:swap;src:url(./Fredoka-700-BOIZVyIN.woff2) format("woff2")}:root{--bg: #0a1130;--bg-grad-1: #131c52;--bg-grad-2: #070b22;--nebula-1: rgba(124, 58, 237, .3);--nebula-2: rgba(34, 211, 238, .18);--bg-2: #1a235e;--surface: rgba(26, 35, 92, .72);--surface-2: rgba(38, 49, 116, .78);--surface-vast: #161f4d;--text: #eaf0ff;--text-zacht:#b7c2ec;--muted: #7c89c4;--rand: rgba(150, 170, 255, .16);--primary: #22d3ee;--primary-fel: #5ee7fb;--primary-zacht:rgba(34, 211, 238, .18);--secondary: #e879f9;--accent: #fbbf24;--accent-zacht: rgba(251, 191, 36, .18);--good: #34d399;--good-zacht: rgba(52, 211, 153, .18);--bad: #fb7185;--bad-zacht: rgba(251, 113, 133, .18);--glow-primary: 0 0 18px rgba(34, 211, 238, .45);--glow-accent: 0 0 18px rgba(251, 191, 36, .5);--glow-zacht: 0 0 0 1px rgba(150, 170, 255, .12), 0 8px 30px rgba(4, 8, 30, .55);--kaart-bg: var(--surface-vast);--tekst: var(--text);--zacht: var(--text-zacht);--goed: var(--good);--fout: var(--bad);--accent-contrast: #06121f;--planeet-1: #34d399;--planeet-2: #60a5fa;--planeet-3: #fbbf24;--planeet-4: #fb7185;--planeet-5: #a78bfa;--planeet-6: #22d3ee;--vinger-lp: #fb7185;--vinger-lr: #fb923c;--vinger-lm: #fbbf24;--vinger-li: #34d399;--vinger-ri: #22d3ee;--vinger-rm: #60a5fa;--vinger-rr: #a78bfa;--vinger-rp: #e879f9;--vinger-duim: #94a3c8;--font-ui: "Fredoka", ui-rounded, "Nunito", "Segoe UI", system-ui, sans-serif;--font-typ: "Fredoka", ui-rounded, system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;--fs-xs: .82rem;--fs-sm: .96rem;--fs-md: 1.08rem;--fs-lg: 1.5rem;--fs-xl: 2.1rem;--fs-2xl: 3rem;--fs-oefen: clamp(1.7rem, 4.5vw, 2.6rem);--radius: 20px;--radius-sm: 12px;--radius-lg: 28px;--gap: 1rem;--gap-sm: .5rem;--gap-lg: 1.75rem;--schaduw: 0 10px 30px rgba(4, 8, 30, .5);--schaduw-lg: 0 18px 48px rgba(4, 8, 30, .6);--ring: 0 0 0 3px var(--primary-zacht), var(--glow-primary);--maxbreed: 1000px;--header-h: 66px}[data-thema=donker]{--bg: #03050f;--bg-grad-1: #0a1238;--bg-grad-2: #02030a;--nebula-1: rgba(124, 58, 237, .26);--nebula-2: rgba(34, 211, 238, .14);--bg-2: #0e1640;--surface: rgba(13, 20, 48, .74);--surface-2: rgba(20, 28, 64, .82);--surface-vast: #0d1430;--text: #eef2ff;--text-zacht:#aeb8e6;--muted: #6b76aa;--rand: rgba(140, 160, 255, .14)}[data-font=ruim]{letter-spacing:.02em}[data-font=ruim] .oefen-tekst,[data-font=ruim] .oefen-regel{letter-spacing:.07em;word-spacing:.14em}[data-font=mono]{--font-typ: var(--font-mono)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-md);line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(60vw 60vw at 80% -10%,var(--nebula-1),transparent 60%),radial-gradient(50vw 50vw at 5% 20%,var(--nebula-2),transparent 60%),linear-gradient(160deg,var(--bg-grad-1),var(--bg-grad-2))}body:after{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(1.6px 1.6px at 20px 30px,#fff,transparent),radial-gradient(1.4px 1.4px at 140px 80px,#cfe0ff,transparent),radial-gradient(1.2px 1.2px at 90px 160px,#fff,transparent),radial-gradient(1.8px 1.8px at 220px 50px,#fff,transparent),radial-gradient(1.2px 1.2px at 300px 140px,#bcd0ff,transparent),radial-gradient(1.4px 1.4px at 260px 220px,#fff,transparent);background-repeat:repeat;background-size:340px 260px;opacity:.55;animation:sterren-twinkel 4s ease-in-out infinite alternate}@keyframes sterren-twinkel{0%{opacity:.35}to{opacity:.7}}h1,h2,h3{line-height:1.15;margin:0 0 .4em;font-weight:700}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}p{margin:0 0 .8em}a{color:var(--primary)}button{font-family:inherit}.overslaan{position:absolute;left:-999px;top:0;z-index:100;background:var(--primary);color:#06121f;padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0;font-weight:700}.overslaan:focus{left:0}.app{min-height:100%;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;gap:.75rem;padding:0 clamp(.75rem,3vw,1.5rem);background:color-mix(in srgb,var(--surface-vast) 78%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--rand);box-shadow:0 4px 24px #04081e66}.header__logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.3rem;color:var(--text);background:none;border:0;cursor:pointer;padding:0}.header__logo .vlieg{font-size:1.5rem;filter:drop-shadow(var(--glow-primary))}.header__logo b{color:var(--primary);text-shadow:var(--glow-primary)}.header__spacer{flex:1}.header__stat{display:inline-flex;align-items:center;gap:.3rem;font-weight:600;font-size:var(--fs-sm);padding:.35rem .75rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--rand)}.hoofd{flex:1;width:100%;max-width:var(--maxbreed);margin:0 auto;padding:clamp(1rem,3vw,2rem)}.scherm{animation:opkomen .3s ease both}@keyframes opkomen{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes zweef{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.titelrij{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap;margin-bottom:var(--gap-lg)}.titelrij h1{margin:0}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;border-radius:999px;border:1px solid var(--rand);background:var(--surface-2);color:var(--text);font-weight:600;font-size:var(--fs-sm);cursor:pointer;transition:transform .1s ease,background .15s ease,box-shadow .15s ease,filter .15s ease}.knop:hover{filter:brightness(1.12);transform:translateY(-1px)}.knop:active{transform:translateY(1px) scale(.98)}.knop:focus-visible{outline:none;box-shadow:var(--ring)}.knop--primair{background:linear-gradient(135deg,var(--primary),#818cf8);border-color:transparent;color:#06121f;font-weight:700;box-shadow:var(--glow-primary)}.knop--primair:hover{box-shadow:0 0 26px #22d3ee99}.knop--groot{padding:1rem 1.7rem;font-size:var(--fs-md)}.knop--ghost{background:transparent;border-color:transparent}.knop--ghost:hover{background:var(--surface-2)}.knop--gevaar{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--bad),#e11d48)}.knop:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:none}.kaart{background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius);padding:var(--gap-lg);box-shadow:var(--glow-zacht);backdrop-filter:blur(10px)}.kaart-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.lkaart{display:flex;flex-direction:column;gap:.5rem;text-align:left;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius);padding:var(--gap);box-shadow:var(--glow-zacht);backdrop-filter:blur(10px);position:relative;overflow:hidden;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.lkaart:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--planeet, var(--primary));opacity:.9}.lkaart:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 16px 40px #04081e99,0 0 18px color-mix(in srgb,var(--planeet, var(--primary)) 45%,transparent);border-color:color-mix(in srgb,var(--planeet, var(--primary)) 50%,var(--rand))}.lkaart:focus-visible{outline:none;box-shadow:var(--ring)}.lkaart--aanrader{border-color:var(--planeet, var(--primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--planeet, var(--primary)) 60%,transparent),var(--glow-zacht)}.lkaart--slot{opacity:.6;cursor:default}.lkaart--slot:before{background:var(--muted)}.lkaart__kop{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.lkaart__niveau{font-size:var(--fs-xs);color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.lkaart__titel{font-weight:700;font-size:var(--fs-md)}.lkaart__meta{font-size:var(--fs-xs);color:var(--text-zacht)}.badge-nieuw{background:var(--accent);color:#2a1c00;font-weight:700;font-size:var(--fs-xs);padding:.15rem .55rem;border-radius:999px;box-shadow:var(--glow-accent)}.sterren{display:inline-flex;gap:3px;font-size:1.15rem;line-height:1}.sterren .ster{color:var(--muted);opacity:.4}.sterren .ster--vol{color:var(--accent);opacity:1;text-shadow:var(--glow-accent)}.balk{height:14px;border-radius:999px;background:#ffffff14;overflow:hidden;border:1px solid var(--rand)}.balk__vul{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:999px;transition:width .25s ease;box-shadow:var(--glow-primary)}.balk--goed .balk__vul{background:linear-gradient(90deg,var(--good),#22d3ee)}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--rand);font-size:var(--fs-xs);font-weight:600}.chip--goed{background:var(--good-zacht);border-color:transparent;color:var(--good)}.chip--accent{background:var(--accent-zacht);border-color:transparent;color:var(--accent)}.medaille{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;padding:var(--gap);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--rand);animation:opkomen .3s ease both}.medaille--uit{opacity:.35;filter:grayscale(1)}.medaille .emoji{font-size:2.2rem;filter:drop-shadow(var(--glow-accent))}.medaille .naam{font-weight:700;font-size:var(--fs-sm)}.medaille .uitleg{font-size:var(--fs-xs);color:var(--text-zacht)}.rij{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:.9rem 0;border-bottom:1px solid var(--rand)}.rij:last-child{border-bottom:0}.rij__label{font-weight:600}.rij__hint{font-size:var(--fs-xs);color:var(--muted)}select,input[type=text]{font:inherit;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--rand);background:var(--surface-vast);color:var(--text)}select:focus-visible,input[type=text]:focus-visible{outline:none;box-shadow:var(--ring)}.schakel{position:relative;width:54px;height:30px;flex:none}.schakel input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.schakel__dot{position:absolute;inset:0;border-radius:999px;background:#ffffff1f;border:1px solid var(--rand);transition:background .15s}.schakel__dot:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #00000080;transition:transform .15s}.schakel input:checked+.schakel__dot{background:var(--primary);box-shadow:var(--glow-primary)}.schakel input:checked+.schakel__dot:after{transform:translate(24px)}.schakel input:focus-visible+.schakel__dot{box-shadow:var(--ring)}.leeg{text-align:center;color:var(--muted);padding:var(--gap-lg)}.hint{font-size:var(--fs-sm);color:var(--text-zacht)}.toast-laag{position:fixed;left:0;right:0;bottom:1.2rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;z-index:60;pointer-events:none}.toast{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#06121f;padding:.7rem 1.1rem;border-radius:999px;font-weight:700;box-shadow:var(--glow-primary);animation:opkomen .25s ease both}.kbd{display:flex;flex-direction:column;gap:6px;align-items:center;user-select:none;padding:12px;background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius);box-shadow:var(--glow-zacht);backdrop-filter:blur(10px)}.kbd__rij{display:flex;gap:6px;justify-content:center}.kbd__toets{--kleur: var(--muted);min-width:40px;height:46px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--rand);background:var(--surface-vast);color:var(--text-zacht);font-size:var(--fs-sm);font-weight:600;position:relative;transition:transform .06s ease,background .1s ease,color .1s ease,box-shadow .1s ease}.kbd--kleuren .kbd__toets{border-bottom:3px solid var(--kleur)}.kbd__toets--breed{min-width:72px}.kbd__toets--spatie{min-width:230px}.kbd__toets.volgende{background:var(--primary);color:#06121f;border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--glow-primary)}.kbd--kleuren .kbd__toets.volgende{background:var(--kleur);color:#06121f;border-color:var(--kleur);box-shadow:0 0 16px color-mix(in srgb,var(--kleur) 60%,transparent)}.kbd__toets.shift-actief{background:var(--accent);color:#2a1c00;border-color:var(--accent);box-shadow:var(--glow-accent)}.kbd__toets.flits-goed{background:var(--good);color:#06121f}.kbd__toets.flits-fout{background:var(--bad);color:#fff}.kbd__merk{position:absolute;bottom:5px;width:12px;height:2px;border-radius:2px;background:var(--muted)}.kbd__toets[data-vinger=lp]{--kleur: var(--vinger-lp)}.kbd__toets[data-vinger=lr]{--kleur: var(--vinger-lr)}.kbd__toets[data-vinger=lm]{--kleur: var(--vinger-lm)}.kbd__toets[data-vinger=li]{--kleur: var(--vinger-li)}.kbd__toets[data-vinger=ri]{--kleur: var(--vinger-ri)}.kbd__toets[data-vinger=rm]{--kleur: var(--vinger-rm)}.kbd__toets[data-vinger=rr]{--kleur: var(--vinger-rr)}.kbd__toets[data-vinger=rp]{--kleur: var(--vinger-rp)}.kbd__toets[data-vinger=duim]{--kleur: var(--vinger-duim)}.spel{display:flex;flex-direction:column;gap:var(--gap)}.spel__hud{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.spel__hud .titel{font-weight:700;font-size:var(--fs-lg)}.spel__hud .spacer{flex:1}.spel__score{font-weight:700;font-size:var(--fs-lg);color:var(--primary);text-shadow:var(--glow-primary)}.spel__veld{position:relative;overflow:hidden;background:radial-gradient(80% 80% at 50% 0%,rgba(34,211,238,.06),transparent),var(--surface);border:1px solid var(--rand);border-radius:var(--radius);height:min(60vh,520px);width:100%;box-shadow:var(--glow-zacht)}.spel__invoer{text-align:center;font-size:var(--fs-lg);font-weight:700;letter-spacing:.1em;min-height:1.4em;color:var(--primary);text-shadow:var(--glow-primary)}@media (max-width: 560px){.kbd__toets{min-width:28px;height:40px;font-size:var(--fs-xs)}.kbd__toets--spatie{min-width:150px}.kbd{padding:8px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.dash-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin-bottom:var(--gap-lg);padding:clamp(1.25rem,4vw,2.25rem);background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius-lg);box-shadow:var(--glow-zacht);backdrop-filter:blur(10px);overflow:hidden}.dash-hero:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,var(--nebula-2),transparent 70%);pointer-events:none}.dash-hero__mascotte{font-size:clamp(3rem,10vw,4.5rem);line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5));animation:zweef 3.5s ease-in-out infinite}.dash-hero__begroeting{margin:0;font-size:var(--fs-2xl)}.dash-hero__onder{margin:0;color:var(--text-zacht)}.dash-verder{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:.4rem}.dash-verder__les{font-size:var(--fs-sm);color:var(--text-zacht)}.dash-verder__les b{color:var(--primary)}.dash-uitleg-knop{margin-top:.2rem}.dash-niveau{margin-bottom:var(--gap-lg)}.dash-niveau[data-niveau="1"]{--planeet: var(--planeet-1)}.dash-niveau[data-niveau="2"]{--planeet: var(--planeet-2)}.dash-niveau[data-niveau="3"]{--planeet: var(--planeet-3)}.dash-niveau[data-niveau="4"]{--planeet: var(--planeet-4)}.dash-niveau[data-niveau="5"]{--planeet: var(--planeet-5)}.dash-niveau[data-niveau="6"]{--planeet: var(--planeet-6)}.dash-niveau__kop{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--gap)}.dash-niveau__kop:after{content:"";flex:1;height:2px;margin-left:.5rem;background:linear-gradient(90deg,color-mix(in srgb,var(--planeet) 60%,transparent),transparent);border-radius:2px}.dash-niveau__planeet{font-size:1.5rem;line-height:1;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--planeet) 70%,transparent))}.dash-spellen{margin-top:var(--gap-lg)}.dash-spellen>h2{margin-bottom:var(--gap)}.dash-spellen .lkaart{align-items:center;text-align:center;--planeet: var(--secondary)}.dash-spel__emoji{font-size:2.6rem;line-height:1;margin-top:.2rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.dash-spel--slot{cursor:not-allowed}.oefen-vak{display:flex;flex-direction:column;gap:var(--gap-lg)}.oefen-stats{display:flex;align-items:center;gap:var(--gap);flex-wrap:wrap}.oefen-stats .balk{flex:1 1 160px;min-width:120px}.oefen-tekst{font-family:var(--font-typ);font-size:var(--fs-oefen);line-height:1.7;letter-spacing:.02em;background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius-lg);padding:1.5rem 1.75rem;word-break:break-word;white-space:pre-wrap;box-shadow:var(--schaduw, none);user-select:none}.oefen-teken{border-radius:4px;transition:color .08s ease,background .08s ease}.oefen-teken--goed{color:var(--good)}.oefen-teken--fout{color:var(--bad);background:var(--bad-zacht)}.oefen-teken--huidig{color:var(--primary);background:var(--primary-zacht);box-shadow:inset 0 -3px 0 0 var(--primary)}.oefen-teken--open{color:var(--text-zacht)}.oefen-teken--spatie{border-radius:4px}.oefen-teken--spatie.oefen-teken--open{background:var(--bg-2)}.oefen-teken--spatie.oefen-teken--huidig{background:var(--primary-zacht)}.oefen-teken--spatie.oefen-teken--fout{background:var(--bad-zacht)}.oefen-teken--mis{color:#fff;background:var(--bad);box-shadow:inset 0 -3px 0 0 var(--bad);animation:oefen-schud .28s ease}@keyframes oefen-schud{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.oefen-toetsenbord{display:flex;justify-content:center}.oefen-popup{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#04081e99;backdrop-filter:blur(4px);animation:opkomen .2s ease both}.oefen-popup__kaart{max-width:400px;text-align:center;display:flex;flex-direction:column;gap:var(--gap);background:var(--surface-vast);border:1px solid var(--rand);border-radius:var(--radius-lg);box-shadow:var(--schaduw-lg);padding:var(--gap-lg)}.oefen-popup__emoji{font-size:2.6rem}.oefen-popup__titel{margin:0}.oefen-popup__tekst{margin:0;color:var(--text-zacht)}.oefen-popup__tekst b{color:var(--text)}.oefen-popup__knoppen{display:flex;flex-direction:column;gap:.5rem}.oefen-legenda{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem 1rem;font-size:var(--fs-xs);color:var(--text-zacht)}.oefen-legenda__titel{font-weight:700;color:var(--text)}.oefen-legenda__groep{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.oefen-legenda__item{display:inline-flex;align-items:center;gap:.3rem}.oefen-legenda__dot{width:14px;height:14px;border-radius:50%;background:var(--kleur, var(--muted));border:1px solid rgba(0,0,0,.15);display:inline-block}.oefen-legenda__dot[data-vinger=lp]{--kleur: var(--vinger-lp)}.oefen-legenda__dot[data-vinger=lr]{--kleur: var(--vinger-lr)}.oefen-legenda__dot[data-vinger=lm]{--kleur: var(--vinger-lm)}.oefen-legenda__dot[data-vinger=li]{--kleur: var(--vinger-li)}.oefen-legenda__dot[data-vinger=ri]{--kleur: var(--vinger-ri)}.oefen-legenda__dot[data-vinger=rm]{--kleur: var(--vinger-rm)}.oefen-legenda__dot[data-vinger=rr]{--kleur: var(--vinger-rr)}.oefen-legenda__dot[data-vinger=rp]{--kleur: var(--vinger-rp)}.oefen-legenda__dot[data-vinger=duim]{--kleur: var(--vinger-duim)}.res-vak{display:flex;flex-direction:column;align-items:center;gap:var(--gap-lg);text-align:center;max-width:560px;margin:0 auto;padding-top:var(--gap-lg)}.res-sterren{display:flex;justify-content:center;gap:.4rem;font-size:clamp(3rem,12vw,5rem);line-height:1}.res-ster{filter:grayscale(1);opacity:.25;transform-origin:center}.res-ster--vol{filter:none;opacity:1;color:var(--accent);animation:res-pop .45s cubic-bezier(.18,.89,.32,1.28) both}@keyframes res-pop{0%{transform:scale(0) rotate(-25deg);opacity:0}60%{transform:scale(1.3) rotate(8deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}.res-aanmoediging{margin:0;font-size:var(--fs-xl);font-weight:800;color:var(--text)}.res-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap-sm)}.res-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--gap);width:100%}.res-stat{display:flex;flex-direction:column;gap:.2rem;padding:var(--gap);border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--rand)}.res-stat__getal{font-size:var(--fs-xl);font-weight:800;color:var(--primary);line-height:1.1}.res-stat__label{font-size:var(--fs-xs);color:var(--text-zacht);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.res-beloning{width:100%}.res-beloning__kop{font-size:var(--fs-sm);font-weight:700;color:var(--text-zacht);margin-bottom:var(--gap-sm)}.res-medailles{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}.res-medailles .medaille{min-width:130px;animation:res-pop .4s cubic-bezier(.18,.89,.32,1.28) both}.res-knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);width:100%}.res-leeg{max-width:460px;margin:var(--gap-lg) auto 0;text-align:center}.res-leeg__emoji{font-size:3rem;line-height:1;display:block;margin-bottom:var(--gap-sm)}.stats-samenvatting,.stats-grafiek-kaart,.stats-sectie{margin-bottom:var(--gap-lg)}.stats-sectie>h2,.stats-grafiek-kaart>h2{margin-bottom:var(--gap)}.stats-cijfer{display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center}.stats-cijfer__emoji{font-size:2rem;line-height:1}.stats-cijfer__getal{font-size:var(--fs-2xl);font-weight:800;line-height:1;color:var(--primary)}.stats-cijfer__label{font-size:var(--fs-sm);color:var(--text-zacht)}.stats-cijfer__extra{font-size:var(--fs-xs);color:var(--muted)}.stats-legenda{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin-bottom:var(--gap)}.stats-legenda__item{gap:.4rem}.stats-legenda__stip{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}.stats-legenda__stip--acc{background:var(--primary)}.stats-legenda__stip--wpm{background:var(--accent)}.stats-grafiek__houder{width:100%}.stats-grafiek{width:100%;height:auto;display:block;overflow:visible}.stats-grafiek__grid{stroke:var(--rand);stroke-width:.5}.stats-grafiek__as{fill:var(--muted);font-size:5px;font-family:var(--font-ui)}.stats-grafiek__lijn{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.stats-grafiek__lijn--acc{stroke:var(--primary)}.stats-grafiek__lijn--wpm{stroke:var(--accent)}.stats-grafiek__stip--acc{fill:var(--primary)}.stats-grafiek__stip--wpm{fill:var(--accent)}.stats-niveau-rij__naam{display:flex;flex-direction:column;gap:.1rem}.stats-niveau-rij__telling{white-space:nowrap}.stats-badges{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.instel-kaart{margin-bottom:var(--gap-lg)}.instel-kaart:last-child{margin-bottom:0}.instel-rij__tekst{display:flex;flex-direction:column;gap:.15rem;min-width:0}.instel-kaart select,.instel-bijnaam{min-width:180px;max-width:60%}.instel-voortgang>h2{margin-bottom:.4rem}.instel-voortgang .hint{margin-bottom:var(--gap)}.instel-knoppen{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.instel-knoppen .knop{flex:1 1 auto}.instel-knoppen .knop--gevaar{flex-basis:100%}.instel-verborgen{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 480px){.instel-kaart select,.instel-bijnaam{max-width:55%;min-width:140px}}.uitleg{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-lg)}.uitleg__balk{display:flex;align-items:center;justify-content:space-between}.uitleg__teller{font-size:var(--fs-sm);font-weight:700;color:var(--muted)}.uitleg__kaart{text-align:center;background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius-lg);padding:var(--gap-lg);box-shadow:var(--schaduw);display:flex;flex-direction:column;align-items:center;gap:var(--gap);animation:opkomen .25s ease both}.uitleg__emoji{font-size:3.4rem;line-height:1}.uitleg__titel{margin:0}.uitleg__tekst{margin:0;font-size:var(--fs-md);color:var(--text-zacht);max-width:48ch}.uitleg__visual{width:100%;display:flex;justify-content:center;overflow-x:auto}.uitleg__visual:empty{display:none}.uitleg__dots{display:flex;justify-content:center;gap:.5rem}.uitleg__dot{width:10px;height:10px;border-radius:50%;background:var(--bg-2);transition:background .15s,transform .15s}.uitleg__dot--actief{background:var(--primary);transform:scale(1.25)}.uitleg__knoppen{display:flex;align-items:center;justify-content:space-between;gap:var(--gap)}.uitleg__knoppen .js-volgende{margin-left:auto}@media (max-width: 560px){.uitleg__emoji{font-size:2.6rem}}.letterregen-veld{position:relative;overflow:hidden}.letterregen-letter{position:absolute;top:0;display:grid;place-items:center;width:2.4rem;height:2.4rem;font-size:1.5rem;font-weight:800;color:var(--accent-contrast, #1f1300);background:var(--accent);border-radius:50%;box-shadow:var(--schaduw);user-select:none;pointer-events:none;will-change:transform}.letterregen-letter--plof{animation:letterregen-plof .32s ease-out forwards}@keyframes letterregen-plof{0%{transform:scale(1);opacity:1}40%{transform:scale(1.5);background:var(--goed, #2e9e5b);color:#fff}to{transform:scale(.2);opacity:0}}.letterregen-ster{position:absolute;font-size:1.6rem;pointer-events:none;transform:translate(-50%,-50%);animation:letterregen-ster .5s ease-out forwards;z-index:3}@keyframes letterregen-ster{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(20deg)}to{opacity:0;transform:translate(-50%,-120%) scale(.6) rotate(40deg)}}@media (prefers-reduced-motion: reduce){.letterregen-letter--plof{animation:none;opacity:0}.letterregen-ster{animation:letterregen-ster-rustig .4s ease-out forwards}}@keyframes letterregen-ster-rustig{0%{opacity:0}30%{opacity:1}to{opacity:0}}.spel__eind{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(3px);animation:opkomen .2s ease both}.spel__eind-kaart{text-align:center;background:var(--surface);border:1px solid var(--rand);border-radius:var(--radius-lg);padding:var(--gap-lg);box-shadow:var(--schaduw-lg);max-width:360px}.spel__eind-emoji{font-size:3rem}.spel__eind-score{font-size:var(--fs-md)}.spel__eind-knoppen{display:flex;gap:var(--gap);justify-content:center;margin-top:var(--gap)}.spel__melding{position:absolute;left:50%;top:14%;transform:translate(-50%);background:var(--accent);color:#1f1300;font-weight:800;padding:.4rem .9rem;border-radius:999px;box-shadow:var(--schaduw);animation:melding-op .9s ease both;pointer-events:none;z-index:4}@keyframes melding-op{0%{opacity:0;transform:translate(-50%,10px)}20%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-24px)}}.spel__veld:focus-visible{outline:none;box-shadow:var(--ring)}.ballonnen-veld{position:relative;overflow:hidden}.ballonnen-ballon{position:absolute;top:0;left:0;width:4.4rem;height:5.4rem;display:grid;place-items:center;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.65),transparent 45%),var(--ballon-kleur, #ff6b6b);border-radius:48% 48% 50% 50%/42% 42% 58% 58%;box-shadow:var(--schaduw);user-select:none;pointer-events:none;will-change:transform}.ballonnen-draad{position:absolute;bottom:-.7rem;left:50%;width:2px;height:.7rem;background:#00000040;transform:translate(-50%)}.ballonnen-draad:before{content:"";position:absolute;top:-.32rem;left:50%;width:0;height:0;border-left:.28rem solid transparent;border-right:.28rem solid transparent;border-top:.34rem solid var(--ballon-kleur, #ff6b6b);transform:translate(-50%)}.ballonnen-woord{font-size:1.05rem;font-weight:800;color:#1f1300;text-shadow:0 1px 0 rgba(255,255,255,.55);letter-spacing:.02em}.ballonnen-ballon--knal{animation:ballonnen-knal .32s ease-out forwards}@keyframes ballonnen-knal{0%{transform:scale(1);opacity:1}35%{transform:scale(1.35);opacity:1}to{transform:scale(.1);opacity:0}}.ballonnen-ster{position:absolute;font-size:1.3rem;pointer-events:none;transform:translate(-50%,-50%) rotate(var(--hoek, 0deg)) translateY(0);animation:ballonnen-spat .55s ease-out forwards;z-index:3}@keyframes ballonnen-spat{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--hoek, 0deg)) translateY(0) scale(.4)}30%{opacity:1;transform:translate(-50%,-50%) rotate(var(--hoek, 0deg)) translateY(-.4rem) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--hoek, 0deg)) translateY(-2.2rem) scale(.5)}}@media (prefers-reduced-motion: reduce){.ballonnen-ballon--knal{animation:none;opacity:0}.ballonnen-ster{animation:ballonnen-spat-rustig .4s ease-out forwards;transform:translate(-50%,-50%)}}@keyframes ballonnen-spat-rustig{0%{opacity:0}30%{opacity:1}to{opacity:0}}.sterrenvanger-veld{position:relative;overflow:hidden}.sterrenvanger-ster{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;gap:.15rem;width:4rem;user-select:none;pointer-events:none;will-change:transform;z-index:2}.sterrenvanger-ster__icoon{font-size:2rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation:sterrenvanger-twinkel 2.4s ease-in-out infinite}@keyframes sterrenvanger-twinkel{0%,to{transform:scale(1) rotate(-4deg)}50%{transform:scale(1.12) rotate(4deg)}}.sterrenvanger-woord{font-size:.95rem;font-weight:800;color:var(--accent-contrast, #1f1300);background:var(--accent);border-radius:999px;padding:.08rem .5rem;box-shadow:var(--schaduw);white-space:nowrap}.sterrenvanger-ster--vang{transition:transform .32s cubic-bezier(.22,.9,.3,1);animation:sterrenvanger-vang .34s ease-out forwards}@keyframes sterrenvanger-vang{0%{opacity:1}60%{opacity:1}to{opacity:0}}.sterrenvanger-ster--vang .sterrenvanger-ster__icoon{animation:sterrenvanger-oplicht .34s ease-out forwards}@keyframes sterrenvanger-oplicht{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(.3)}}.sterrenvanger-mandje{position:absolute;bottom:.6rem;left:0;width:4rem;height:3rem;display:grid;place-items:center;font-size:2.4rem;line-height:1;user-select:none;pointer-events:none;transition:transform .28s cubic-bezier(.22,.9,.3,1);will-change:transform;z-index:3}.sterrenvanger-glitter{position:absolute;font-size:1.2rem;pointer-events:none;transform:translate(-50%,-50%);animation:sterrenvanger-glitter .55s ease-out forwards;z-index:4}@keyframes sterrenvanger-glitter{0%{opacity:0;transform:translate(-50%,-50%) rotate(var(--hoek)) translateY(0) scale(.4)}30%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--hoek)) translateY(-26px) scale(1)}}@media (prefers-reduced-motion: reduce){.sterrenvanger-ster__icoon{animation:none}.sterrenvanger-ster--vang{animation:sterrenvanger-vang-rustig .4s ease-out forwards}.sterrenvanger-ster--vang .sterrenvanger-ster__icoon{animation:none}.sterrenvanger-glitter{animation:sterrenvanger-glitter-rustig .45s ease-out forwards}}@keyframes sterrenvanger-vang-rustig{0%{opacity:1}to{opacity:0}}@keyframes sterrenvanger-glitter-rustig{0%{opacity:0}30%{opacity:1}to{opacity:0}}.molmeppen-veld{position:relative;display:grid;place-items:center;overflow:hidden}.molmeppen-rooster{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,3vw,1.4rem);width:min(100%,32rem);padding:.5rem}.molmeppen-gat{position:relative;aspect-ratio:1 / 1;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(0,0,0,.28),transparent 60%),radial-gradient(circle at 50% 100%,#8a5a33,#6b421f);box-shadow:inset 0 .5rem .9rem #00000073;overflow:hidden;user-select:none}.molmeppen-mol{position:absolute;left:50%;bottom:0;width:68%;display:grid;place-items:center;transform:translate(-50%,105%);transition:transform .16s ease-out;pointer-events:none;will-change:transform}.molmeppen-gat--op .molmeppen-mol{transform:translate(-50%,14%)}.molmeppen-gezicht{font-size:clamp(1.8rem,9vw,2.8rem);line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.molmeppen-teken{position:absolute;top:-.4rem;left:50%;transform:translate(-50%);min-width:1.5em;padding:.05em .3em;font-size:clamp(1rem,4.5vw,1.4rem);font-weight:800;text-align:center;color:#1f1300;background:#fff7e6;border-radius:.5rem;box-shadow:0 2px 4px #0000004d}.molmeppen-heuvel{position:absolute;left:0;right:0;bottom:0;height:28%;background:radial-gradient(circle at 50% 0%,#7a4d2a,#5c3a1c);pointer-events:none}.molmeppen-gat--mep .molmeppen-mol{animation:molmeppen-boink .3s ease-in forwards}@keyframes molmeppen-boink{0%{transform:translate(-50%,14%) scale(1)}30%{transform:translate(-50%,4%) scale(1.08)}to{transform:translate(-50%,110%) scale(.85)}}@media (prefers-reduced-motion: reduce){.molmeppen-mol{transition:none}.molmeppen-gat--mep .molmeppen-mol{animation:none;transform:translate(-50%,105%)}}.raketrace-veld{display:flex;flex-direction:column;gap:1rem}.raketrace-baan{position:relative;flex:1 1 auto;min-height:14rem;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 20% 90%,rgba(255,255,255,.1),transparent 40%),linear-gradient(180deg,#0b1437,#1b2a63 55%,#2e4a93);box-shadow:var(--schaduw)}.raketrace-baan:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 15% 20%,#fff,transparent),radial-gradient(1px 1px at 70% 35%,#fff,transparent),radial-gradient(1px 1px at 40% 60%,#fff,transparent),radial-gradient(1px 1px at 85% 15%,#fff,transparent),radial-gradient(1px 1px at 55% 80%,#fff,transparent),radial-gradient(1px 1px at 25% 75%,#fff,transparent);opacity:.7;pointer-events:none}.raketrace-maan{position:absolute;top:.4rem;right:.6rem;font-size:1.8rem;pointer-events:none;user-select:none}.raketrace-raket{position:absolute;bottom:0;font-size:2rem;line-height:1;transform:translate(-50%,50%) rotate(-45deg);user-select:none;pointer-events:none;transition:bottom .35s cubic-bezier(.22,.61,.36,1);will-change:bottom}.raketrace-raket--speler{left:38%;filter:drop-shadow(0 0 6px rgba(255,200,80,.7));z-index:2}.raketrace-raket--spook{left:62%;opacity:.38;filter:grayscale(.6);z-index:1}.raketrace-raket--verborgen{display:none}.raketrace-raket--landt{animation:raketrace-feest .6s ease-out}@keyframes raketrace-feest{0%{transform:translate(-50%,50%) rotate(-45deg) scale(1)}50%{transform:translate(-50%,50%) rotate(-45deg) scale(1.4)}to{transform:translate(-50%,50%) rotate(-45deg) scale(1)}}.raketrace-zin{flex:0 0 auto;font-size:1.6rem;line-height:1.7;font-weight:700;letter-spacing:.02em;word-break:break-word;background:var(--kaart-bg, #fff);color:var(--tekst, #1f2430);border-radius:.9rem;padding:1rem 1.1rem;box-shadow:var(--schaduw)}.raketrace-teken{border-radius:.18em;transition:background-color .1s ease,color .1s ease}.raketrace-teken--open{color:var(--zacht, #8a8f9c)}.raketrace-teken--goed{color:var(--goed, #2e9e5b)}.raketrace-teken--fout{color:#fff;background:var(--fout, #d6453d)}.raketrace-teken--huidig{background:var(--accent, #ffce4d);color:var(--accent-contrast, #1f1300);box-shadow:0 0 0 2px var(--accent, #ffce4d)}.raketrace-teken--spatie{white-space:pre}.raketrace-teken--spatie.raketrace-teken--fout,.raketrace-teken--spatie.raketrace-teken--huidig{border-radius:.18em}@media (prefers-reduced-motion: reduce){.raketrace-raket{transition:bottom .6s linear}.raketrace-raket--landt{animation:none}.raketrace-baan:before{opacity:.4}}