*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--kleur-goed:#22c55e;--kleur-fout:#ef4444;--font:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--ks-bg:#fffbf0;--ks-ink:#1e293b;--ks-muted:#64748b;--ks-card:#fff;--ks-cardsh:0 4px 12px #0000000f;--ks-track:#e2e8f0;--ks-soft:#fff8e1;--ks-line:#fde68a;--ks-chip:#fef3c7;--ks-chip-ink:#92400e}body{font-family:var(--font);background:var(--ks-bg);min-height:100vh;color:var(--ks-ink);font-size:18px}#root{min-height:100vh}button{font-family:var(--font)}.terug-knop{background:var(--ks-card);border:2px solid var(--ks-track);color:var(--ks-muted);white-space:nowrap;cursor:pointer;border-radius:12px;align-items:center;padding:10px 18px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex}.terug-knop:hover{background:var(--ks-card);transform:translate(-2px)}@keyframes correctPop{0%{transform:scale(1)}30%{transform:scale(1.18)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes wrongShake{0%,to{transform:translate(0)}15%{transform:translate(-12px)}35%{transform:translate(12px)}55%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body.rustige-modus *,body.rustige-modus :before,body.rustige-modus :after{animation:none!important}.klok{aspect-ratio:1;width:100%;max-width:320px;height:auto;display:block}.klok-icon-mini{vertical-align:middle;width:1em;height:1em;line-height:1;display:inline-block}.klok-icon-mini .klok{width:100%;max-width:none;height:100%}.profiel-header{background:var(--ks-soft);border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;max-width:32rem;margin:0 auto 1rem;padding:.6rem 1rem;display:flex;box-shadow:0 2px 4px #0000000f}.profiel-header-actief{color:inherit;border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .5rem;text-decoration:none;transition:background .1s;display:flex}.profiel-header-actief:hover,.profiel-header-actief:focus-visible{background:#0000000d;outline:none}.profiel-header-emoji{font-size:1.6rem;line-height:1}.profiel-header-naam{font-size:1.1rem;font-weight:600}.profiel-header-geen{color:var(--ks-muted);padding-left:.5rem;font-style:italic}.profiel-header-wissel{background:var(--ks-card);border:2px solid var(--ks-line);cursor:pointer;color:inherit;border-radius:999px;padding:.4rem .9rem;font-size:1rem;font-weight:600;transition:background .1s}.profiel-header-wissel:hover,.profiel-header-wissel:focus-visible{background:var(--ks-chip);outline:none}.emoji-picker{grid-template-columns:repeat(6,1fr);gap:.5rem;max-width:22rem;margin:0 auto;display:grid}.emoji-picker-knop{background:var(--ks-card);cursor:pointer;border:3px solid #0000;border-radius:.75rem;min-height:3rem;padding:.5rem;font-size:1.8rem;line-height:1;transition:transform .1s,border-color .1s}.emoji-picker-knop:hover,.emoji-picker-knop:focus-visible{border-color:var(--ks-line);outline:none;transform:scale(1.05)}.emoji-picker-knop.actief{border-color:var(--kleur-goed,#22c55e);background:var(--ks-soft)}@media (width<=28rem){.emoji-picker{grid-template-columns:repeat(4,1fr)}}.profielkiezer-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.profielkiezer-paneel{background:var(--ks-bg);border-radius:1.5rem;width:100%;max-width:32rem;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 30px #00000040}.profielkiezer-titel{text-align:center;margin:0 0 1rem;font-size:1.6rem}.profielkiezer-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;display:grid}.profielkiezer-tegel-wrap{position:relative}.profielkiezer-tegel{background:var(--ks-card);border:3px solid var(--ks-line);cursor:pointer;width:100%;font:inherit;color:inherit;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:1rem .5rem;transition:transform .1s,border-color .1s,background .1s;display:flex}.profielkiezer-tegel:hover,.profielkiezer-tegel:focus-visible{border-color:#f59e0b;outline:none;transform:scale(1.03)}.profielkiezer-tegel-wrap.actief .profielkiezer-tegel,.profielkiezer-tegel.zonder.actief{border-color:var(--kleur-goed,#22c55e);background:var(--ks-soft)}.profielkiezer-tegel-emoji{font-size:2.5rem;line-height:1}.profielkiezer-tegel-naam{text-align:center;word-break:break-word;font-size:1rem;font-weight:600}.profielkiezer-bewerk{background:var(--ks-card);border:2px solid var(--ks-line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:.9rem;display:flex;position:absolute;top:-.4rem;right:-.4rem}.profielkiezer-bewerk:hover,.profielkiezer-bewerk:focus-visible{background:var(--ks-chip);outline:none}.profielkiezer-tegel.nieuw{background:0 0;border-style:dashed}.profielkiezer-sluit{cursor:pointer;color:var(--ks-muted);background:0 0;border:none;margin:0 auto;padding:.5rem 1rem;font-size:1rem;font-weight:500;display:block}.profielkiezer-sluit:hover,.profielkiezer-sluit:focus-visible{color:var(--ks-ink);outline:none}.profielkiezer-aanmaak{flex-direction:column;gap:1rem;display:flex}.profielkiezer-label{flex-direction:column;gap:.4rem;display:flex}.profielkiezer-label>span,.profielkiezer-label-tekst{margin:0;font-weight:600}.profielkiezer-input{border:3px solid var(--ks-line);background:var(--ks-card);color:var(--ks-ink);border-radius:.75rem;padding:.6rem .8rem;font-family:inherit;font-size:1.2rem}.profielkiezer-input:focus-visible{border-color:#f59e0b;outline:none}.profielkiezer-knoppen{justify-content:flex-end;gap:.75rem;display:flex}.profielkiezer-annuleer,.profielkiezer-opslaan{cursor:pointer;border:2px solid #0000;border-radius:.75rem;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:600}.profielkiezer-annuleer{background:var(--ks-card);color:inherit;border-color:#d1d5db}.profielkiezer-annuleer:hover{background:var(--ks-chip)}.profielkiezer-opslaan{background:var(--kleur-goed,#22c55e);color:#fff}.profielkiezer-opslaan:hover:not(:disabled){background:#16a34a}.profielkiezer-opslaan:disabled{cursor:not-allowed;background:#9ca3af}@media (width<=28rem){.profielkiezer-grid{grid-template-columns:repeat(2,1fr)}}.home{flex-direction:column;align-items:center;min-height:100vh;padding:24px 24px 48px;display:flex}.home-header{text-align:center;margin-top:12px;margin-bottom:40px;animation:.5s fadeIn}.home-header h1{color:var(--ks-ink);margin-bottom:10px;font-size:3rem;font-weight:800}.home-header p{color:var(--ks-muted);font-size:1.4rem}.spellen-raster{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;width:100%;max-width:960px;display:grid}.spel-tegel{background:var(--ks-tegel-bg,var(--tacktergrond));border:3px solid var(--tkleur);color:var(--ks-ink);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:44px 28px;text-decoration:none;transition:transform .15s,box-shadow .15s;animation:.5s fadeIn;display:flex;box-shadow:0 6px 20px #00000017}.spel-tegel:hover,.spel-tegel:focus{outline:none;transform:translateY(-8px)scale(1.02);box-shadow:0 16px 36px #00000024}.tegel-icon{font-size:4.5rem;line-height:1}.tegel-titel{color:var(--tkleur);font-size:2rem;font-weight:800}.tegel-beschrijving{color:var(--ks-muted);text-align:center;font-size:1.1rem}.tegel-sterren{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.sterren-blok{flex-direction:column;align-items:center;gap:2px;display:inline-flex}.sterren-niveau-emoji{font-size:1rem;line-height:1}.sterren-rij{background:#fff9;border-radius:999px;gap:1px;padding:4px 8px;display:inline-flex}.sterren-rij-ster{color:#d1d5db;font-size:.9rem;line-height:1}.sterren-rij-ster.vol{color:#fbbf24}.speelhoek-hub-tegel{width:100%;max-width:960px;margin-top:28px;padding:28px}.uiterlijk{flex-direction:column;gap:.75rem;display:flex}.uiterlijk-kop{margin:0;font-family:Fredoka,sans-serif;font-size:1.5rem}.uiterlijk-sub{letter-spacing:.5px;text-transform:uppercase;color:var(--ks-muted,#94a3b8);margin:.25rem 0 -.25rem;font-family:Fredoka,sans-serif;font-size:.85rem;font-weight:600}.uiterlijk-themas{flex-direction:column;gap:.75rem;display:flex}.uiterlijk-thema,.uiterlijk-setting{text-align:left;cursor:pointer;background:var(--ks-card,#fff);width:100%;box-shadow:var(--ks-cardsh,0 4px 12px #00000014);color:inherit;border:3px solid #0000;border-radius:1.1rem;align-items:center;gap:.9rem;padding:.7rem;font-family:inherit;display:flex}.uiterlijk-thema.sel{border-color:#34c759}.uiterlijk-swatch{background:var(--ks-card,#fff);border-radius:14px;flex:none;grid-template-columns:1fr 1fr;align-content:center;gap:4px;width:64px;height:64px;padding:8px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.uiterlijk-swatch span{border-radius:6px;height:22px}.uiterlijk-swatch span:first-child{background:var(--sw-0)}.uiterlijk-swatch span:nth-child(2){background:var(--sw-1)}.uiterlijk-swatch span:nth-child(3){background:var(--sw-2)}.uiterlijk-swatch span:nth-child(4){background:var(--sw-3)}.uiterlijk-thema-txt,.uiterlijk-setting-txt{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.uiterlijk-thema-txt strong,.uiterlijk-setting-txt strong{font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600}.uiterlijk-thema-txt span,.uiterlijk-setting-txt span{color:var(--ks-muted,#94a3b8);font-size:.85rem}.uiterlijk-check{color:#fff;background:#34c759;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:1rem;font-weight:800;display:grid}.uiterlijk-thema:not(.sel) .uiterlijk-check{color:#0000;background:0 0;box-shadow:inset 0 0 0 2px #78787866}.uiterlijk-setting-emoji{flex:none;font-size:1.7rem}.uiterlijk-switch{background:#78787866;border-radius:999px;flex:none;width:56px;height:32px;transition:background .18s;position:relative}.uiterlijk-switch.on{background:#34c759}.uiterlijk-switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000040}.uiterlijk-switch.on:after{transform:translate(24px)}.profielpagina{max-width:48rem;min-height:100vh;margin:0 auto;padding:16px 24px 48px}.profielpagina-terug{margin-bottom:1rem}.profielpagina-inhoud{flex-direction:column;gap:1.5rem;animation:.4s fadeIn;display:flex}.profielpagina-header{flex-direction:column;align-items:center;gap:.5rem;display:flex}.profielpagina-emoji-groot{font-size:5rem;line-height:1}.profielpagina-header h1{color:var(--ks-ink);margin:0;font-size:2.4rem}.profielpagina-bewerk-knop{background:var(--ks-card);border:2px solid var(--ks-line);cursor:pointer;color:inherit;border-radius:999px;padding:.5rem 1rem;font-size:.95rem;font-weight:600}.profielpagina-bewerk-knop:hover,.profielpagina-bewerk-knop:focus-visible{background:var(--ks-chip);outline:none}.profielpagina-bewerk-form{background:var(--ks-card);border:3px solid var(--ks-line);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.profielpagina-label{flex-direction:column;gap:.4rem;display:flex}.profielpagina-label>span,.profielpagina-label-tekst{margin:0;font-weight:600}.profielpagina-input{border:3px solid var(--ks-line);background:var(--ks-bg);color:var(--ks-ink);border-radius:.75rem;padding:.6rem .8rem;font-family:inherit;font-size:1.2rem}.profielpagina-input:focus-visible{border-color:#f59e0b;outline:none}.profielpagina-form-knoppen,.profielpagina-modal-knoppen{justify-content:flex-end;gap:.75rem;display:flex}.knop-annuleer,.knop-opslaan,.knop-verwijder{cursor:pointer;border:2px solid #0000;border-radius:.75rem;padding:.6rem 1.2rem;font-family:inherit;font-size:1.05rem;font-weight:600}.knop-annuleer{background:var(--ks-card);color:inherit;border-color:#d1d5db}.knop-annuleer:hover{background:var(--ks-chip)}.knop-opslaan{background:var(--kleur-goed,#22c55e);color:#fff}.knop-opslaan:hover:not(:disabled){background:#16a34a}.knop-opslaan:disabled{cursor:not-allowed;background:#9ca3af}.knop-verwijder{background:var(--kleur-fout,#ef4444);color:#fff}.knop-verwijder:hover{background:#dc2626}.profielpagina-samenvatting{text-align:center;background:var(--ks-soft);border-radius:.75rem;padding:.85rem 1.2rem;font-size:1rem}.profielpagina-trofee-kop{margin:0;font-size:1.5rem}.profielpagina-spellen{flex-direction:column;gap:.5rem;display:flex}.profielpagina-spel{background:var(--ks-card);border:2px solid var(--ks-line);border-radius:.75rem;overflow:hidden}.profielpagina-spel-kop{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;display:flex}.profielpagina-spel-kop::-webkit-details-marker{display:none}.profielpagina-spel-icon{font-size:1.8rem;line-height:1}.profielpagina-spel-titel{flex:1}.profielpagina-spel-telling{background:var(--ks-chip);color:var(--ks-chip-ink);border-radius:999px;padding:.2rem .6rem;font-size:.9rem}.profielpagina-spel-trofeeen{border-top:1px dashed var(--ks-line);flex-direction:column;gap:.5rem;padding:.75rem 1rem 1rem;display:flex}.profielpagina-trofee{background:var(--ks-soft);opacity:.7;filter:grayscale(80%);border-radius:.5rem;align-items:center;gap:.75rem;padding:.5rem .6rem;display:flex}.profielpagina-trofee.behaald{background:var(--ks-chip);opacity:1;filter:none}.profielpagina-trofee-icoon{flex-shrink:0;font-size:1.8rem;line-height:1}.profielpagina-trofee>div{flex-direction:column;display:flex}.profielpagina-trofee>div>strong{font-size:1rem}.profielpagina-trofee>div>span{color:var(--ks-muted);font-size:.85rem}.profielpagina-records{flex-direction:column;gap:.5rem;display:flex}.profielpagina-record{background:var(--ks-card);border:2px solid var(--ks-line);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:600;display:flex}.profielpagina-record-titel{flex:1}.profielpagina-record-score{background:var(--ks-chip);color:var(--ks-chip-ink);border-radius:999px;padding:.2rem .7rem;font-weight:800}.profielpagina-verwijder{border:2px solid var(--kleur-fout,#ef4444);color:var(--kleur-fout,#ef4444);cursor:pointer;background:0 0;border-radius:.75rem;align-self:center;margin-top:1rem;padding:.6rem 1.2rem;font-size:1rem;font-weight:600}.profielpagina-verwijder:hover{background:var(--kleur-fout,#ef4444);color:#fff}.profielpagina-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.profielpagina-modal{background:var(--ks-bg);border-radius:1rem;flex-direction:column;gap:1rem;width:100%;max-width:24rem;padding:1.5rem;display:flex}.profielpagina-modal h2{margin:0;font-size:1.4rem}.profielpagina-modal p{margin:0;font-size:1rem;line-height:1.4}.speelhoek{flex-direction:column;align-items:center;min-height:100vh;padding:20px 24px 48px;display:flex}.speelhoek-terug{align-self:flex-start}.speelhoek-header{text-align:center;margin-top:12px;margin-bottom:40px;animation:.5s fadeIn}.speelhoek-header h1{color:var(--ks-ink);margin-bottom:10px;font-size:3rem;font-weight:800}.speelhoek-header p{color:var(--ks-muted);font-size:1.4rem}.speelhoek-leeg{color:var(--ks-muted);text-align:center;margin-top:24px;font-size:1.3rem}.trofee-strip{grid-template-columns:repeat(4,1fr);gap:.5rem;max-width:32rem;margin-top:1rem;margin-left:auto;margin-right:auto;display:grid}.trofee-strip.detail{grid-template-columns:1fr;gap:.75rem;max-width:24rem}.trofee-tegel{background:var(--ks-soft);text-align:center;opacity:.55;filter:grayscale(80%);border-radius:.75rem;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem .4rem;transition:opacity .2s,filter .2s;display:flex}.trofee-tegel.behaald{background:var(--ks-chip);opacity:1;filter:none;box-shadow:0 2px 6px #f59e0b40}.trofee-strip.detail .trofee-tegel{text-align:left;flex-direction:row;align-items:center;gap:.75rem;padding:.75rem 1rem}.trofee-icoon{font-size:1.6rem;line-height:1}.trofee-strip.detail .trofee-icoon{flex-shrink:0;font-size:2rem}.trofee-titel{font-size:.75rem;font-weight:600;line-height:1.2}.trofee-strip.detail .trofee-titel{font-size:1.05rem;display:block}.trofee-hint{color:var(--ks-muted);margin-top:.2rem;font-size:.85rem}.trofee-strip.detail .trofee-tegel.behaald .trofee-hint{color:var(--ks-chip-ink)}.trofee-strip.detail .trofee-tegel>div{flex-direction:column;display:flex}@media (width<=28rem){.trofee-strip:not(.detail){grid-template-columns:repeat(2,1fr)}}.niveau-keuze{flex-direction:column;min-height:100vh;padding:20px;display:flex}.niveau-keuze-terug{align-self:flex-start}.niveau-keuze-inhoud{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;animation:.4s fadeIn;display:flex}.niveau-spel-icon{font-size:5rem;line-height:1}.niveau-instructie{max-width:320px;color:var(--ks-muted)!important;font-size:1.1rem!important}.niveau-record-chip{background:var(--ks-chip);border-radius:999px;padding:6px 16px;font-weight:800;color:var(--ks-chip-ink)!important;font-size:1.05rem!important}.niveau-keuze-inhoud h1{color:var(--ks-ink);font-size:2.5rem;font-weight:800}.niveau-keuze-inhoud p{color:var(--ks-muted);font-size:1.3rem}.niveau-knoppen{flex-direction:column;gap:16px;width:100%;max-width:360px;margin-top:8px;display:flex}.niveau-knop{border:3px solid var(--nkleur);background:var(--ks-card);color:var(--nkleur);cursor:pointer;box-shadow:var(--ks-cardsh);border-radius:20px;padding:20px 32px;font-size:1.4rem;font-weight:700;transition:transform .1s,background .15s,color .15s}.niveau-knop:hover{background:var(--nkleur);color:#fff;transform:scale(1.04)}.niveau-knoppen.compact .niveau-knop{padding:14px 24px;font-size:1.25rem}.eindscherm{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.eindscherm-inhoud{text-align:center;flex-direction:column;align-items:center;gap:20px;animation:.5s fadeIn;display:flex}.eindscherm-emoji{font-size:5rem;line-height:1;animation:.6s correctPop}.eindscherm-inhoud h1{color:var(--ks-ink);font-size:2.6rem;font-weight:800}.eindscherm-score{color:var(--ks-muted);font-size:1.5rem}.eindscherm-sterren{letter-spacing:4px;font-size:2.5rem}.eindscherm-trofeeen{flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex}.trofee-paneel{background:var(--ks-chip);text-align:left;border:3px solid #f59e0b;border-radius:16px;align-items:center;gap:12px;padding:12px 16px;animation:.5s correctPop;display:flex;box-shadow:0 4px 12px #f59e0b40}.trofee-paneel-icoon{flex-shrink:0;font-size:2.4rem;line-height:1}.trofee-paneel-tekst{flex-direction:column;gap:2px;display:flex}.trofee-paneel-tekst strong{color:var(--ks-chip-ink);font-size:1.05rem}.trofee-paneel-tekst span{color:var(--ks-chip-ink);font-size:.9rem}.eindscherm-knoppen{flex-direction:column;gap:14px;width:100%;max-width:340px;margin-top:12px;display:flex}.knop-opnieuw,.knop-terug{font-family:var(--font);cursor:pointer;border:none;border-radius:20px;padding:18px 32px;font-size:1.3rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 14px #00000026}.knop-opnieuw{color:#fff;background:#22c55e}.knop-terug{color:#fff;background:#6366f1}.knop-opnieuw:hover,.knop-terug:hover{transform:scale(1.04);box-shadow:0 8px 22px #0003}.feedback-balk{background:var(--ks-card);z-index:200;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;align-items:center;gap:10px;padding:18px 24px 24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(110%);box-shadow:0 -4px 20px #0000001a}.feedback-zichtbaar{transform:translateY(0)}.feedback-goed-inhoud{align-items:center;gap:12px;display:flex}.feedback-emoji{font-size:2.2rem;line-height:1;animation:.45s forwards correctPop}.feedback-tekst{color:var(--kleur-goed);font-size:2rem;font-weight:900}.volgende-knop{font-family:var(--font);color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:18px;width:100%;max-width:420px;padding:16px 0;font-size:1.3rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:0 4px 14px #6366f159}.volgende-knop:hover{transform:scale(1.03);box-shadow:0 6px 22px #6366f180}.spel-container{flex-direction:column;min-height:100vh;display:flex}.spel-header{background:var(--ks-card);box-shadow:var(--ks-cardsh);z-index:10;align-items:center;gap:16px;padding:14px 20px;display:flex;position:sticky;top:0}.voortgang-balk-wrapper{flex:1}.voortgang-label{color:var(--ks-muted);margin-bottom:4px;font-size:.85rem;font-weight:600}.voortgang-balk{background:var(--ks-track);border-radius:7px;height:14px;overflow:hidden}.voortgang-vulling{background:linear-gradient(90deg,#22c55e,#86efac);border-radius:7px;height:100%;transition:width .5s}.spel-inhoud{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:32px 24px 160px;display:flex}.spel-instructie{color:var(--ks-ink);text-align:center;font-size:1.4rem;font-weight:600}.antwoord-knoppen{flex-wrap:wrap;justify-content:center;gap:14px;width:100%;max-width:600px;display:flex}.antwoord-knop{font-family:var(--font);background:var(--ks-card);color:var(--ks-ink);cursor:pointer;box-shadow:var(--ks-cardsh);border:3px solid #cbd5e1;border-radius:18px;flex:110px;max-width:220px;padding:18px 28px;font-size:1.6rem;font-weight:700;transition:transform .1s,box-shadow .1s}.antwoord-knop:hover:not(:disabled){border-color:#6366f1;transform:scale(1.06);box-shadow:0 8px 20px #00000024}.antwoord-knop:disabled{cursor:default}.antwoord-knop.correct{background:var(--kleur-goed);border-color:var(--kleur-goed);color:#fff;animation:.45s forwards correctPop}.antwoord-knop.fout{background:var(--kleur-fout);border-color:var(--kleur-fout);color:#fff;animation:.5s forwards wrongShake}.tellen-emojis{background:#fff;border:2px solid #e2e8f0;border-radius:24px;flex-wrap:wrap;place-content:center;gap:8px;max-width:520px;min-height:130px;padding:24px;display:flex;box-shadow:0 4px 16px #00000014}.tellen-emoji{font-size:2.4rem;line-height:1}.kleur-vlak{border:3px solid #0000001a;border-radius:28px;flex-shrink:0;width:200px;height:200px;box-shadow:0 8px 28px #0000002e}.kleur-knop{text-transform:capitalize;font-size:1.3rem}.letter-klank-sectie{flex-direction:row;align-items:center;gap:16px;display:flex}.letter-display{color:#8b5cf6;-webkit-user-select:none;user-select:none;background:#fff;border:3px solid #e2e8f0;border-radius:28px;justify-content:center;align-items:center;width:clamp(130px,35vw,170px);height:clamp(130px,35vw,170px);font-size:clamp(4.5rem,18vw,7rem);font-weight:900;line-height:1;display:flex;box-shadow:0 6px 24px #0000001a}.klank-knop{color:#8b5cf6;cursor:pointer;width:66px;height:66px;font-size:1.8rem;font-family:var(--font);background:#fff;border:3px solid #8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s,background .15s,color .15s;display:flex;box-shadow:0 4px 12px #0000001a}.klank-knop:hover{color:#fff;background:#8b5cf6;transform:scale(1.08)}.klank-knop:active{transform:scale(.92)}.emoji-grid{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:380px;display:grid}.emoji-knop{cursor:pointer;font-family:var(--font);background:#fff;border:3px solid #cbd5e1;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:0 4px 12px #00000014}.emoji-knop:hover:not(:disabled){border-color:#8b5cf6;transform:scale(1.04);box-shadow:0 8px 20px #00000024}.emoji-knop:disabled{cursor:default}.emoji-knop.correct{background:var(--kleur-goed);border-color:var(--kleur-goed);animation:.45s forwards correctPop}.emoji-knop.fout{background:var(--kleur-fout);border-color:var(--kleur-fout);animation:.5s forwards wrongShake}.emoji-optie-icon{font-size:clamp(3rem,10vw,4rem);line-height:1}.emoji-optie-woord{color:#475569;font-size:.9rem;font-weight:700}.emoji-knop.correct .emoji-optie-woord,.emoji-knop.fout .emoji-optie-woord{color:#fff}.reken-kaart{background:#fff;border:2px solid #e2e8f0;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:36px 48px;display:flex;box-shadow:0 6px 24px #0000001a}.reken-getal,.reken-operator,.reken-is,.reken-vraagteken{-webkit-user-select:none;user-select:none;font-size:clamp(3rem,8vw,4.5rem);font-weight:900;line-height:1}.reken-getal,.reken-is{color:#1e293b}.reken-opties{max-width:480px}.reken-knop{flex:90px;min-width:90px;max-width:150px;font-size:2rem;font-weight:900}.icoon-kaart{background:#fff;border:2px solid #e2e8f0;border-radius:28px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;padding:28px 20px;display:flex;box-shadow:0 6px 24px #0000001a}.icoon-groep{flex-wrap:wrap;justify-content:center;gap:4px;max-width:300px;display:flex}.icoon-item{-webkit-user-select:none;user-select:none;font-size:clamp(2rem,5vw,2.5rem);line-height:1.3}.icoon-symbool{-webkit-user-select:none;user-select:none;font-size:clamp(2.5rem,7vw,3.5rem);font-weight:900;line-height:1}.icoon-uitkomst{align-items:center;gap:8px;display:flex}.icoon-is{color:#1e293b;-webkit-user-select:none;user-select:none;font-size:clamp(2.5rem,7vw,3.5rem);font-weight:900}.icoon-vraagteken{-webkit-user-select:none;user-select:none;font-size:clamp(2.5rem,7vw,3.5rem);font-weight:900}.vormen-spel{background:#f0f9ff}.vormen-inhoud{touch-action:none;justify-content:flex-start;gap:24px;padding:24px 16px 140px}.vormen-bord{aspect-ratio:1;background:#fff;border-radius:24px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:18px;width:min(100%,360px);padding:20px;display:grid;box-shadow:0 6px 20px #0ea5e92e}.gat{background:#e0f2fe;border-radius:16px;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}.gat-silhouet{opacity:.85;width:80%;height:80%}.gat-vulling{animation:.4s vormPlop;position:absolute;inset:10%}.gat-gevuld{background:#d1fae5;animation:.5s gatPuls}.gat-wiebel{animation:.45s wiebel}.vormen-voorraad{justify-content:center;gap:14px;width:min(100%,360px);min-height:88px;display:flex}.sleepbaar{flex-shrink:0;width:72px;height:72px}.sleepbaar-vorm{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;filter:drop-shadow(0 3px 6px #0000002e);width:100%;height:100%;transition:transform .15s}.sleepbaar-vorm:active{cursor:grabbing}.sleepbaar-vorm svg{pointer-events:none;width:100%;height:100%;display:block}.sleepbaar-leeg{visibility:hidden}.sleepbaar-actief .sleepbaar-vorm{transition:none}@keyframes wiebel{0%{transform:translate(0)}20%{transform:translate(-10px)rotate(-3deg)}40%{transform:translate(10px)rotate(3deg)}60%{transform:translate(-8px)rotate(-2deg)}80%{transform:translate(8px)rotate(2deg)}to{transform:translate(0)}}@keyframes vormPlop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes gatPuls{0%{box-shadow:0 0 #22c55e8c}to{box-shadow:0 0 0 14px #22c55e00}}.vormen-icon-mini{vertical-align:middle;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.08em;width:1em;height:1em;line-height:1;display:inline-grid}.vormen-icon-mini svg{width:100%;height:100%;display:block}.klok-weergave{justify-content:center;width:100%;max-width:340px;display:flex}.klok-opties{max-width:540px}.klok-knop{white-space:nowrap;flex:140px;max-width:240px;font-size:1.4rem}.memory-spel{background:var(--ks-bg)}.memory-inhoud{justify-content:flex-start;gap:18px;padding:20px 16px 60px}.memory-bord{grid-template-columns:repeat(var(--memory-kolommen,4), 1fr);gap:10px;width:min(100%,440px);margin:0 auto;display:grid}.memory-kaart{aspect-ratio:1;cursor:pointer;perspective:800px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;padding:0}.memory-kaart:disabled{cursor:default}.memory-kaart-binnenkant{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;display:block;position:relative}.memory-kaart.omgedraaid .memory-kaart-binnenkant{transform:rotateY(180deg)}.memory-kaart-achterkant,.memory-kaart-voorkant{backface-visibility:hidden;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 10px #b482002e}.memory-kaart-achterkant{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.memory-kaart-achterkant img{object-fit:cover;width:100%;height:100%;display:block}.memory-vraagteken{color:#fff;text-shadow:0 2px 4px #0003;font-size:clamp(1.8rem,7vw,2.6rem);font-weight:800}.memory-kaart-voorkant{background:#fff;padding:6px;transform:rotateY(180deg)}.memory-kaart-voorkant img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;display:block}.memory-kaart.gevonden .memory-kaart-voorkant{background:#d1fae5;box-shadow:inset 0 0 0 3px #22c55e}.memory-kaart.wiebel .memory-kaart-binnenkant{animation:.45s memoryWiebel}@keyframes memoryWiebel{0%{transform:rotateY(180deg)translate(0)}20%{transform:rotateY(180deg)translate(-8px)}40%{transform:rotateY(180deg)translate(8px)}60%{transform:rotateY(180deg)translate(-6px)}80%{transform:rotateY(180deg)translate(6px)}to{transform:rotateY(180deg)translate(0)}}@media (width<=380px){.memory-bord{gap:8px}}.memory-melding{background:var(--ks-bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.memory-melding-inhoud{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:380px;animation:.4s fadeIn;display:flex}.memory-melding-emoji{font-size:4.5rem;line-height:1}.memory-melding-inhoud h1{color:var(--ks-ink);font-size:2rem;font-weight:800}.memory-melding-inhoud p{color:var(--ks-muted);font-size:1.1rem;line-height:1.5}.memory-melding-pad code{background:var(--ks-chip);color:var(--ks-chip-ink);border-radius:8px;margin-top:6px;padding:6px 10px;font-family:monospace;font-size:.95rem;display:inline-block}.memory-melding-knoppen{flex-direction:column;gap:12px;width:100%;margin-top:8px;display:flex}.memory-melding-knoppen .knop-opnieuw,.memory-melding-knoppen .knop-terug{font-family:var(--font);cursor:pointer;text-align:center;border:none;border-radius:16px;padding:16px 28px;font-size:1.15rem;font-weight:700;text-decoration:none;box-shadow:0 4px 12px #0000001f}.memory-melding-knoppen .knop-opnieuw{color:#fff;background:#22c55e}.memory-melding-knoppen .knop-terug{color:#fff;background:#6366f1}.slang-spel{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:16px 16px 32px;display:flex}.slang-balk{justify-content:space-between;align-items:center;width:100%;max-width:440px;display:flex}.slang-teller{background:var(--ks-chip);color:var(--ks-chip-ink);border-radius:999px;padding:8px 18px;font-size:1.3rem;font-weight:800}.slang-bord{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;background:conic-gradient(#d9f4c0 .25turn,#cdeeae .25turn .5turn,#d9f4c0 .5turn .75turn,#cdeeae .75turn) 0 0/15.3846% 15.3846%;border:4px solid #16a34a;border-radius:16px;width:min(92vw,400px);position:relative;overflow:hidden}.slang-bord.gebotst{animation:.5s wrongShake}.slang-deel{box-sizing:border-box;pointer-events:none;background:#22c55e;border:2px solid #15803d;border-radius:30%;transition:left 80ms linear,top 80ms linear;position:absolute}.slang-kop{z-index:2;background:#16a34a;border-radius:40%}.slang-kop:before,.slang-kop:after{content:"";background:radial-gradient(circle at 50% 55%,#052e16 45%,#fff 50%);border-radius:50%;width:26%;height:26%;position:absolute;top:22%}.slang-kop:before{left:16%}.slang-kop:after{right:16%}.slang-vrucht{pointer-events:none;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;display:flex;position:absolute}.slang-hint{background:var(--ks-card);color:var(--ks-ink);box-shadow:var(--ks-cardsh);white-space:nowrap;pointer-events:none;border-radius:999px;padding:10px 18px;font-size:1.05rem;font-weight:700;animation:.4s fadeIn;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.slang-overlay{background:#00000040;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.slang-overlay-kaart{background:var(--ks-card);color:var(--ks-ink);box-shadow:var(--ks-cardsh);text-align:center;border-radius:24px;max-width:85%;padding:24px 28px}.slang-overlay-emoji{margin-bottom:8px;font-size:2.6rem;line-height:1}.slang-overlay-kaart h2{margin-bottom:6px;font-size:1.8rem;font-weight:800}.slang-overlay-kaart p{color:var(--ks-muted);margin-bottom:18px;font-size:1.2rem}.slang-nieuw-record{background:var(--ks-chip);border-radius:999px;padding:6px 16px;font-weight:800;display:inline-block;color:var(--ks-chip-ink)!important}.slang-overlay-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.slang-overlay-knop{font-family:var(--font);border:3px solid var(--ks-line);background:var(--ks-card);color:var(--ks-ink);cursor:pointer;border-radius:16px;padding:12px 20px;font-size:1.1rem;font-weight:700;transition:transform .1s}.slang-overlay-knop.opnieuw{color:#fff;background:#16a34a;border-color:#16a34a}.slang-overlay-knop:hover{transform:scale(1.05)}.slang-pijlen{grid-template-rows:76px 76px;grid-template-columns:repeat(3,76px);gap:10px;display:grid}.pijl-boven{grid-area:1/2}.pijl-links{grid-area:2/1}.pijl-onder{grid-area:2/2}.pijl-rechts{grid-area:2/3}.slang-pijl{color:#16a34a;background:var(--ks-card);box-shadow:var(--ks-cardsh);cursor:pointer;touch-action:manipulation;border:3px solid #16a34a;border-radius:20px;font-size:1.9rem;transition:transform 80ms}.slang-pijl:active{background:#dcfce7;transform:scale(.92)}.race-spel{flex-direction:column;align-items:center;gap:16px;min-height:100vh;padding:16px 16px 32px;display:flex}.race-keuze{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;display:flex}.race-keuze .terug-knop{align-self:flex-start}.race-titel{color:var(--ks-ink);align-items:center;gap:10px;font-size:2.2rem;font-weight:800;display:flex}.race-titel-vlag{width:42px;height:42px;display:block}.race-vraag{color:var(--ks-ink);font-size:1.4rem;font-weight:700}.race-auto-raster{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.race-auto-kaart{font-family:var(--font);background:var(--ks-card);color:var(--ks-ink);border:3px solid var(--accent);box-shadow:var(--ks-cardsh);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;transition:transform .12s,box-shadow .12s;display:flex}.race-auto-kaart:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0f172a2e}.race-auto-kaart:active{transform:scale(.94)}.race-auto-plaatje{width:46px;height:76px;display:block}.race-auto-plaatje svg,.race-gekozen-auto-plaatje svg{filter:drop-shadow(0 5px 4px #0f172a47)}.race-auto-naam{font-size:.95rem;font-weight:700}.race-gekozen-auto{color:var(--ks-ink);background:var(--ks-card);box-shadow:var(--ks-cardsh);border-radius:999px;align-items:center;gap:10px;padding:6px 18px;font-size:1.1rem;font-weight:700;display:flex}.race-gekozen-auto-plaatje{width:22px;height:36px;display:block}.race-record-chip{background:var(--ks-chip);color:var(--ks-chip-ink);border-radius:999px;padding:6px 16px;font-size:1.05rem;font-weight:800}.race-wereld-raster{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.race-wereld-tegel:last-child:nth-child(odd){grid-column:span 2}.race-wereld-tegel{font-family:var(--font);background:var(--ks-tegel-bg,var(--tegel-bg));color:var(--ks-ink);border:3px solid var(--accent);box-shadow:var(--ks-cardsh);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.race-wereld-tegel:before{content:"";background:linear-gradient(165deg, transparent 38%, var(--berm-licht));opacity:.4;pointer-events:none;position:absolute;inset:0}.race-wereld-tegel:hover{transform:translateY(-3px);box-shadow:0 8px 18px #0f172a2e}.race-wereld-tegel:active{transform:scale(.94)}.race-wereld-icon{filter:drop-shadow(0 3px 3px #0f172a33);width:58px;height:58px;display:block;position:relative}.race-wereld-naam{font-size:1.05rem;font-weight:800;position:relative}.race-balk{justify-content:space-between;align-items:center;width:100%;max-width:440px;display:flex}.race-teller{background:var(--ks-chip);color:var(--ks-chip-ink);border-radius:999px;align-items:center;gap:8px;padding:7px 18px;font-size:1.3rem;font-weight:800;display:inline-flex}.race-teller-icoon{width:28px;height:28px;display:block}.race-bord{border:4px solid var(--accent);background:linear-gradient(180deg, var(--berm-1), var(--berm-2));touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;width:min(92vw,420px);height:min(62vh,560px);position:relative;overflow:hidden}.race-bord:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 46px #0f172a33}.race-bord.gebotst{animation:.5s wrongShake}.race-berm-patroon{pointer-events:none;background-image:radial-gradient(circle at 5% 30%,#ffffff2b 0 7px,#0000 8px),radial-gradient(circle at 96% 70%,#ffffff24 0 9px,#0000 10px),radial-gradient(circle at 7% 78%,#0f172a1f 0 6px,#0000 7px),radial-gradient(circle at 94% 14%,#0f172a17 0 8px,#0000 9px),radial-gradient(circle at 3% 55%,#ffffff1a 0 4px,#0000 5px);background-repeat:repeat-y;background-size:100% 24%;position:absolute;inset:0}.race-weg{background:var(--weg);border-left:4px solid #ffffffa6;border-right:4px solid #ffffffa6;width:76%;position:absolute;top:0;bottom:0;left:12%;box-shadow:inset 12px 0 18px -12px #0f172a66,inset -12px 0 18px -12px #0f172a66}.race-streep{background-image:linear-gradient(180deg, var(--streep) 0 55%, transparent 55% 100%);pointer-events:none;background-repeat:repeat-y;background-size:100% 14%;width:2%;position:absolute;top:0;bottom:0}.streep-1{left:36.33%}.streep-2{left:61.67%}.race-vaart{opacity:.75;pointer-events:none;background-image:linear-gradient(#fff9 0 26%,#0000 26% 100%);background-repeat:repeat-y;background-size:100% 18%;width:1.6%;position:absolute;top:0;bottom:0}.vaart-links{left:8.6%}.vaart-rechts{right:8.6%}body.rustige-modus .race-vaart{display:none}.race-object{pointer-events:none;justify-content:center;align-items:center;width:13%;height:13%;display:flex;position:absolute}.race-schat{filter:drop-shadow(0 0 7px #ffea80f2);animation:.9s ease-in-out infinite alternate schatPuls}@keyframes schatPuls{0%{transform:scale(.92)}to{transform:scale(1.08)}}.race-decor{pointer-events:none;opacity:.95;justify-content:center;width:11%;height:9%;display:flex;position:absolute}.decor-links{left:.3%}.decor-rechts{right:.3%}.race-auto{z-index:2;filter:drop-shadow(0 6px 7px #0f172a59);pointer-events:none;width:14%;height:13%;transition:left .15s ease-out,transform .18s ease-out;position:absolute;top:76%}.race-auto.getold{animation:.7s autoTol}@keyframes autoTol{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.race-aftellen{pointer-events:none;justify-content:center;align-items:center;animation:.7s aftelPop;display:flex;position:absolute;inset:0}.race-aftellen-cijfer{color:#fff;background:var(--accent);border:5px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:104px;height:104px;font-size:3.6rem;font-weight:800;display:flex;box-shadow:0 8px 22px #0f172a59}.race-aftellen-vlag{filter:drop-shadow(0 8px 14px #0f172a59);width:132px;height:132px;display:block}@keyframes aftelPop{0%{opacity:0;transform:scale(1.7)}to{opacity:1;transform:scale(1)}}.race-overlay{z-index:3;background:#00000040;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:absolute;inset:0}.race-overlay-kaart{background:var(--ks-card);color:var(--ks-ink);box-shadow:var(--ks-cardsh);text-align:center;border-radius:24px;max-width:88%;padding:24px 28px}.race-overlay-plaatje{width:78px;height:78px;margin:0 auto 8px;animation:.4s boemPop}@keyframes boemPop{0%{opacity:0;transform:scale(.4)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.race-overlay-kaart h2{margin-bottom:6px;font-size:1.8rem;font-weight:800}.race-overlay-kaart p{color:var(--ks-muted);margin-bottom:12px;font-size:1.2rem}.race-nieuw-record{color:var(--ks-chip-ink);background:var(--ks-chip);border-radius:999px;padding:6px 16px;font-weight:800;display:inline-block}.race-overlay-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.race-overlay-knop{font-family:var(--font);border:3px solid var(--ks-line);background:var(--ks-card);color:var(--ks-ink);cursor:pointer;border-radius:16px;padding:12px 20px;font-size:1.1rem;font-weight:700;transition:transform .1s}.race-overlay-knop.opnieuw{border-color:var(--accent);background:var(--accent);color:#fff}.race-overlay-knop:hover{transform:scale(1.05)}.race-pijlen{grid-template-columns:repeat(2,132px);gap:12px;display:grid}.race-pijl{height:76px;color:var(--ks-ink);border:3px solid var(--ks-line);background:var(--ks-card);box-shadow:var(--ks-cardsh);cursor:pointer;touch-action:manipulation;border-radius:20px;font-size:1.9rem;transition:transform 80ms}.race-pijl:active{transform:scale(.92)}