@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:400;src:url(./andika-latin-400-normal-BTFTIZb-.woff2)format("woff2"),url(./andika-latin-400-normal-BK42By1L.woff)format("woff")}@font-face{font-family:Andika;font-style:normal;font-display:swap;font-weight:700;src:url(./andika-latin-700-normal-Dk95f5lc.woff2)format("woff2"),url(./andika-latin-700-normal-CAUSQC6x.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(./baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(./baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:Grandstander;font-style:normal;font-display:swap;font-weight:800;src:url(./grandstander-latin-800-normal-C5RZ1tt5.woff2)format("woff2"),url(./grandstander-latin-800-normal-CCyNXI-Z.woff)format("woff")}:root{--papier:#fff8ec;--kaart:#fff;--inkt:#1c2340;--inkt-zacht:#56607f;--merk:#161d47;--merk-diep:#0b1030;--rand:#eadbc2;--rand-donker:#d6c3a3;--groen:#23824f;--groen-donker:#145c35;--groen-zacht:#e2f3e8;--geel:#ffd23f;--geel-donker:#d99a00;--geel-zacht:#fff4cf;--bijna:#fff1d6;--bijna-rand:#f2b451;--bijna-inkt:#7a4100;--lucht:#3a9bdc;--lucht-donker:#1f6496;--slot:#f3eee6;--slot-rand:#ddd2c1;--slot-schaduw:#d2c5b1;--w:var(--groen);--w-donker:var(--groen-donker);--w-zacht:var(--groen-zacht);--schaduw:0 1px 0 #1c23400d, 0 12px 30px -14px #1c23404d;--titel:"Grandstander", "Andika", ui-rounded, system-ui, sans-serif;--emoji:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{color:var(--inkt);background:var(--papier);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Andika,ui-rounded,system-ui,sans-serif;font-size:18px;line-height:1.4}@media (width>=768px){html{font-size:20px}}@media (width>=1800px){html{font-size:22px}}body{background:var(--papier);min-height:100dvh;margin:0}h1,h2,.wereld-tafel,.chip-level,.tk-goed,.bijna-kop,.beloning-kop{font-family:var(--titel);font-weight:800}h1,h2{line-height:1.15}a:focus-visible,button:focus-visible,input:focus-visible{outline:4px solid var(--lucht);outline-offset:3px}.scherm{flex-direction:column;min-height:100dvh;display:flex}.binnen{width:100%;max-width:1120px;margin:0 auto;padding:0 16px 48px}@media (width>=768px){.binnen{padding:0 32px 64px}}.dier-beeld{line-height:1;font-family:var(--emoji);place-items:center;display:inline-grid}.dier-beeld .zeester{width:1em;height:1em;display:block}.knop{font:inherit;background:var(--kaart);min-height:52px;color:var(--inkt);box-shadow:0 4px 0 var(--rand-donker);text-align:center;cursor:pointer;touch-action:manipulation;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.knop:active:not(:disabled){box-shadow:0 0 0 var(--rand-donker);transform:translateY(4px)}.knop:disabled{opacity:.5;cursor:default}.knop-hoofd{background:var(--groen);color:#fff;box-shadow:0 4px 0 var(--groen-donker)}.knop-groot{border-radius:20px;min-height:64px;padding:14px 28px;font-size:1.25rem}@media (width<=479px){.knop-groot{padding:12px 18px;font-size:1.15rem}}.knop-klein{min-height:44px;box-shadow:0 3px 0 var(--rand-donker);padding:8px 16px;font-size:.9rem}.knop-rond{background:var(--kaart);width:48px;height:48px;color:var(--inkt);box-shadow:0 3px 0 var(--rand-donker);font-size:22px;font-family:var(--emoji);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;text-decoration:none;display:inline-grid}.knop-rond:active{box-shadow:none;transform:translateY(3px)}.voorlees{background:var(--w-zacht);width:44px;height:44px;box-shadow:0 2px 0 var(--rand-donker);font-size:20px;font-family:var(--emoji);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}:root:not([data-voorlezen=ja]) .voorlees{display:none}.chip{background:var(--kaart);min-height:40px;box-shadow:0 2px 0 var(--rand-donker);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-weight:700;display:inline-flex}.chip-level{background:var(--geel);box-shadow:0 2px 0 var(--geel-donker)}.chip-ster{color:var(--geel-donker)}.sectie-kop{margin:28px 0 14px;font-size:1.3rem}.pagina-titel{margin:8px 0 6px;font-size:clamp(1.8rem,6vw,2.6rem)}.pagina-sub{color:var(--inkt-zacht);max-width:60ch;margin:0 0 8px;font-size:1.05rem}.paneel{background:var(--kaart);box-shadow:var(--schaduw);border-radius:28px;padding:18px 14px}@media (width>=768px){.paneel{padding:28px}}.kop{flex-wrap:wrap;align-items:center;gap:10px 12px;width:100%;max-width:1120px;margin:0 auto;padding:12px 16px;display:flex}@media (width>=768px){.kop{padding:20px 32px}}.kop-titel:empty{display:none}.kop-rechts{align-items:center;gap:8px;margin-left:auto;display:flex}.terug{min-height:48px;padding:8px 18px 8px 14px}.k-icoon{box-shadow:0 3px 0 var(--merk-diep);border-radius:23.4%;flex:none;display:block}.logo{min-height:48px;color:var(--merk);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-icoon{width:44px;height:44px}.logo-tekst{flex-direction:column;align-items:flex-start;gap:3px;display:flex}.logo-naam{font-family:var(--titel);letter-spacing:-.01em;font-size:1.3rem;font-weight:800;line-height:1}.logo .woordmerk{font-size:.92rem}.woordmerk{font-family:"Baloo 2", var(--titel);letter-spacing:-.025em;color:var(--merk);white-space:nowrap;font-weight:800;line-height:.9}.i-stip{display:inline-block;position:relative}.i-stip .stip{background:radial-gradient(circle at 34% 30%, #fff3b0 0 12%, var(--geel) 13% 58%, var(--geel-donker) 100%);border-radius:50%;width:.24em;height:.24em;margin-left:-.12em;animation:3.2s cubic-bezier(.4,0,.3,1) infinite stip-hup;position:absolute;top:.13em;left:50%}@keyframes stip-hup{0%,70%,to{transform:translateY(0)scale(1)}76%{transform:translateY(0)scale(1.12,.86)}86%{transform:translateY(-.12em)scale(.95,1.05)}94%{transform:translateY(0)scale(1)}}.scherm.welkom{background:radial-gradient(circle at 15% 8%, #ffe9b8 0, transparent 38%), radial-gradient(circle at 90% 92%, #d8f0e1 0, transparent 42%), var(--papier)}.welkom-binnen{flex-direction:column;flex:1;justify-content:center;gap:28px;width:100%;max-width:640px;margin:0 auto;padding:32px 16px;display:flex}.welkom-merk{color:var(--merk);align-items:center;gap:clamp(12px,3.5vw,20px);display:flex}.welkom-icoon{width:clamp(56px,16vw,84px);height:clamp(56px,16vw,84px);box-shadow:0 5px 0 var(--merk-diep)}.welkom-merk-tekst{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.welkom-titel{letter-spacing:-.02em;margin:0;font-size:clamp(2rem,10vw,3.6rem);line-height:1}.welkom-van{margin:0;font-size:clamp(1.15rem,4.6vw,1.6rem);line-height:1}.welkom-formulier{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.welkom-formulier label{font-size:1.2rem;font-weight:700}.invoerveld{font:inherit;border:3px solid var(--rand-donker);background:var(--kaart);width:100%;max-width:380px;color:var(--inkt);border-radius:18px;padding:14px 18px;font-size:1.4rem}.invoerveld:focus{border-color:var(--groen);box-shadow:0 0 0 4px var(--groen-zacht);outline:none}.begroeting{align-items:flex-end;gap:12px;margin:8px 0 20px;display:flex}.gids{flex:none;width:64px;height:64px;animation:4s ease-in-out infinite zweef}.gids-groot{width:92px;height:92px}@media (width<=399px){.gids-groot{width:72px;height:72px}}.gids-figuur{width:100%;height:100%;display:block;overflow:visible}.ballon{background:var(--kaart);box-shadow:var(--schaduw);border-radius:22px 22px 22px 6px;max-width:42ch;margin:0;padding:14px 18px;font-size:1.15rem;font-weight:700}.welkom .ballon{font-weight:400}.verzameling{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.verzamel-knop{background:var(--kaart);min-height:72px;box-shadow:0 4px 0 var(--rand-donker);color:var(--inkt);border-radius:22px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.verzamel-knop:active{box-shadow:none;transform:translateY(4px)}.verzamel-icoon{font-size:36px;line-height:1;font-family:var(--emoji)}.verzamel-tekst{flex-direction:column;min-width:0;line-height:1.25;display:flex}.verzamel-tekst strong{font-size:1.05rem}.verzamel-tekst span{color:var(--inkt-zacht);font-size:.85rem}@media (width<=479px){.verzamel-knop{text-align:center;flex-direction:column;gap:4px;padding:12px 8px}}.route{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.route{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.route{grid-template-columns:repeat(5,minmax(0,1fr))}}.route li{display:flex}.wereld-tegel{border:3px solid var(--w);background:var(--w-zacht);min-width:0;box-shadow:0 6px 0 var(--w-donker);color:var(--inkt);text-align:center;border-radius:26px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:22px 10px 16px;text-decoration:none;transition:transform .15s;display:flex;position:relative}a.wereld-tegel:hover{transform:translateY(-3px)}a.wereld-tegel:active{box-shadow:0 2px 0 var(--w-donker);transform:translateY(4px)}.wereld-dier{background:var(--kaart);border-radius:50%;place-items:center;width:84px;height:84px;font-size:52px;display:grid}.wereld-tafel{color:var(--w-donker);font-size:1.1rem;font-weight:700}.wereld-naam{max-width:100%;color:var(--inkt-zacht);overflow-wrap:break-word;font-size:.9rem;line-height:1.2}.bolletjes{gap:5px;margin-top:4px;display:flex}.bolletje{background:color-mix(in srgb, var(--w-donker) 18%, transparent);border-radius:50%;width:11px;height:11px}.bolletje.vol{background:var(--w-donker)}.wereld-slot{max-width:100%;color:var(--inkt-zacht);overflow-wrap:break-word;font-size:.8rem;line-height:1.25}@media (width<=359px){.wereld-tegel{padding-inline:6px}.wereld-tafel{font-size:1.05rem}}.route-nr{border:2px solid var(--w);background:var(--kaart);width:28px;height:28px;color:var(--w-donker);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:10px;left:10px}.hier-badge{background:var(--geel);box-shadow:0 2px 0 var(--geel-donker);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700;animation:2.4s ease-in-out infinite wiebel-zacht;position:absolute;top:-13px;right:8px}.wereld-tegel.dicht{border-color:var(--slot-rand);background:var(--slot);box-shadow:0 6px 0 var(--slot-schaduw)}.wereld-tegel.dicht .wereld-dier{filter:grayscale();opacity:.55}.wereld-tegel.dicht .wereld-tafel,.wereld-tegel.dicht .route-nr{color:var(--inkt-zacht);border-color:var(--slot-rand)}.scherm.wereld{background:linear-gradient(var(--w-zacht), var(--papier) 440px)}.wereld-banner{border:3px solid var(--w);background:var(--kaart);box-shadow:0 6px 0 var(--w-donker);border-radius:28px;align-items:center;gap:16px;padding:18px;display:flex}.banner-dier{background:var(--w-zacht);border-radius:50%;flex:none;place-items:center;width:100px;height:100px;font-size:64px;display:grid}.banner-tafel{letter-spacing:.05em;text-transform:uppercase;color:var(--w-donker);margin:0;font-size:.85rem;font-weight:700}.banner-naam{overflow-wrap:break-word;margin:2px 0 4px;font-size:clamp(1.6rem,5vw,2.4rem)}.banner-waarom{color:var(--inkt-zacht);margin:0}@media (width<=479px){.wereld-banner{gap:12px;padding:14px}.banner-dier{width:72px;height:72px;font-size:44px}}.levelpad{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.levelpad{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.levelpad{grid-template-columns:repeat(6,minmax(0,1fr))}}.levelpad li{display:flex}.steen{border:3px solid var(--w);background:var(--kaart);box-shadow:0 5px 0 var(--w-donker);color:var(--inkt);text-align:center;border-radius:24px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:16px 8px 14px;text-decoration:none;display:flex}a.steen:active{box-shadow:0 1px 0 var(--w-donker);transform:translateY(4px)}.steen.volgende{animation:1.8s ease-in-out infinite gloed}.steen.volgende .steen-icoon{animation:1.8s ease-in-out infinite puls}.steen-icoon{background:var(--w-zacht);width:64px;height:64px;font-size:34px;font-family:var(--emoji);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.steen-nr{letter-spacing:.06em;text-transform:uppercase;color:var(--w-donker);font-size:.75rem;font-weight:700}.steen-naam{font-weight:700;line-height:1.2}.steen.dicht{border-color:var(--slot-rand);background:var(--slot);box-shadow:0 5px 0 var(--slot-schaduw);color:var(--inkt-zacht)}.steen.dicht .steen-icoon{background:#e9e1d4}.steen.dicht .steen-nr{color:var(--inkt-zacht)}.steen-dicht{font-size:.8rem}.sterren{gap:2px;font-size:1.3rem;line-height:1;display:inline-flex}.ster{color:#e6daca}.ster.vol{color:var(--geel);text-shadow:0 1px 0 var(--geel-donker)}.mini-dieren{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.mini-dieren{grid-template-columns:repeat(6,minmax(0,1fr))}}.mini-dier{border:2px solid var(--w-zacht);background:var(--kaart);border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex}.mini-dier .dier-beeld{font-size:40px}.mini-naam{font-size:.8rem;font-weight:700}.mini-dier.onbekend{border:2px dashed var(--rand-donker);background:0 0}.onbekend .dier-beeld{filter:brightness(0);opacity:.16}.scherm.level{background:var(--w-zacht)}.level-kop{align-items:center;gap:12px;width:100%;max-width:1120px;margin:0 auto;padding:10px 16px;display:flex}@media (width>=900px){.level-kop{padding:16px 32px 0}}.voortgang{border:3px solid var(--w);background:var(--kaart);border-radius:999px;flex:1;min-width:40px;height:18px;overflow:hidden}.voortgang-vulling{background:var(--w);border-radius:999px;width:0;height:100%;transition:width .4s}.level-label{white-space:nowrap;align-items:center;gap:6px;font-weight:700;display:flex}.level-dier{font-size:28px}.level-label-naam{color:var(--inkt-zacht);font-weight:400}.level-label-naam:before{content:"· "}@media (width<=599px){.level-label-naam{display:none}}@media (width<=399px){.level-kop{gap:8px}.level-kop .knop-rond{width:44px;height:44px}.level-dier{font-size:24px}}.level-midden{flex-direction:column;flex:1;gap:12px;width:100%;max-width:1120px;margin:0 auto;padding:4px 12px 0;display:flex}@media (width>=900px){.level-midden{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;padding:20px 32px 32px;display:grid}}.opgave{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.herkansing{background:var(--geel);border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:700}.opdracht{justify-content:center;align-items:center;gap:10px;max-width:44ch;display:flex}.opdracht p{margin:0;font-size:1.1rem;font-weight:700;line-height:1.35}.beeld{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.beeld:empty{display:none}.som{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2em;font-size:clamp(40px,11vw,84px);font-weight:700;line-height:1.1;display:flex}.teken{color:var(--w-donker)}.som-verhaal{font-size:clamp(34px,8vw,60px)}.som-label{color:var(--inkt-zacht);margin-right:.3em;font-size:.45em}.vak{border:4px dashed var(--w);background:var(--w-zacht);min-width:1.7em;color:var(--inkt);border-radius:18px;place-items:center;padding:0 .12em;display:inline-grid}.vak.leeg{color:color-mix(in srgb, var(--w-donker) 45%, transparent)}.vak.goed{border:4px solid var(--groen);background:var(--groen-zacht);color:var(--groen-donker);animation:.35s plop}.vak.fout{border:4px solid var(--bijna-rand);background:var(--bijna);color:var(--bijna-inkt)}.vak.wiebel{animation:.4s wiebel}.opgave-knoppen{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.terugkoppeling{justify-content:center;width:100%;display:flex}.terugkoppeling:empty{display:none}.tk-goed{color:var(--groen-donker);flex-direction:column;align-items:center;gap:4px;margin:0;font-size:1.6rem;font-weight:700;animation:.35s plop;display:flex}.tk-som{color:var(--inkt);font-family:Andika,ui-rounded,system-ui,sans-serif;font-size:1.1rem;font-weight:700}.tk-bijna{border:3px solid var(--bijna-rand);background:var(--bijna);width:100%;max-width:560px;color:var(--bijna-inkt);border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:16px;display:flex}.tk-bijna p{margin:0}.bijna-kop{font-size:1.4rem;font-weight:700}.bijna-som{color:var(--inkt);font-size:1.8rem;font-weight:700}.bijna-later{font-size:.9rem}.tijdbalk-blok{flex-direction:column;align-items:center;gap:6px;width:min(100%,420px);display:flex}.tijdbalk{background:#e4f0f9;border-radius:999px;width:100%;height:14px;overflow:hidden}.tijdbalk-vulling{background:var(--lucht);border-radius:999px;width:100%;height:100%}.tijdbalk-blok.loopt .tijdbalk-vulling{width:0;transition:width 10s linear}.tijdbalk-tekst{color:var(--inkt-zacht);visibility:hidden;margin:0;font-size:.85rem}.tijdbalk-blok.op .tijdbalk-tekst{visibility:visible}.invoer{flex-direction:column;gap:8px;display:flex}@media (width<=899px){.invoer{z-index:5;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--w-zacht) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);margin:0 -12px;position:sticky;bottom:0}}.toetsen{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toets{font:inherit;background:var(--kaart);min-height:56px;color:var(--inkt);box-shadow:0 4px 0 var(--rand-donker);cursor:pointer;touch-action:manipulation;border:0;border-radius:16px;font-size:1.7rem;font-weight:700;transition:transform 60ms}.toets:active{box-shadow:none;transform:translateY(4px)}.toets-wis{font-size:1.4rem}.toets.toets-ok{background:var(--groen);color:#fff;box-shadow:0 4px 0 var(--groen-donker);font-size:1.3rem}@media (width>=900px){.toetsen{background:var(--kaart);box-shadow:var(--schaduw);border-radius:28px;gap:12px;padding:16px}.toets{background:var(--w-zacht);min-height:68px;box-shadow:0 4px 0 color-mix(in srgb, var(--w) 55%, white)}}@media (width<=899px) and (height<=760px){.level .paneel{padding:12px}.opgave{gap:8px}.opdracht p{font-size:1rem}.som{font-size:clamp(36px,10vw,52px)}.invoer{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.toetsen{gap:6px}.toets{min-height:44px;font-size:1.4rem}}@media (width<=899px){.level-midden.bijna .invoer{display:none}}.typ-hint{text-align:center;color:var(--inkt-zacht);margin:0;font-size:.85rem;display:none}@media (hover:hover) and (pointer:fine){.typ-hint{display:block}}.keuzes{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (width>=900px){.keuzes{grid-template-columns:1fr;gap:16px}}.keuze{font:inherit;border:3px solid var(--w);background:var(--kaart);min-height:72px;color:var(--inkt);box-shadow:0 5px 0 var(--w-donker);cursor:pointer;touch-action:manipulation;border-radius:22px;font-size:2.2rem;font-weight:700}@media (width>=900px){.keuze{min-height:96px;font-size:2.6rem}}.keuze:active:not(:disabled){box-shadow:none;transform:translateY(5px)}.keuze:disabled{cursor:default}.keuze:disabled:not(.juist):not(.gekozen){opacity:.45}.keuze.juist{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen-donker);box-shadow:0 5px 0 var(--groen)}.keuze.gekozen{border-color:var(--bijna-rand);background:var(--bijna);box-shadow:0 5px 0 var(--bijna-rand)}.groepjes{flex-wrap:wrap;justify-content:center;gap:10px;max-width:640px;display:flex}.groep{--item:34px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 16px;display:flex}.groep-items{grid-template-columns:repeat(var(--kolommen), var(--item));justify-content:center;gap:2px;display:grid}.item{width:var(--item);height:var(--item);font-size:calc(var(--item) * .82);line-height:1;font-family:var(--emoji);place-items:center;display:grid}.maat-middel .groep{--item:26px;padding:10px 12px}.maat-klein{gap:6px}.maat-klein .groep{--item:18px;padding:8px 10px}@media (width<=479px){.groep{--item:28px;padding:10px 12px}.maat-middel .groep{--item:22px}.maat-klein .groep{--item:15px}}.vorm-blad{background:#d4edc4;border:3px solid #78b65a;border-radius:70% 8%}.vorm-nest{background:#f8e7c9;border:5px dashed #a9783f;border-radius:50%;padding:14px 18px}.vorm-emmer{border:3px solid var(--w);background:#ffe3d6;border-radius:8px 8px 22px 22px}.vorm-net{border:3px dotted var(--w-donker);background:#e7f7fa;border-radius:18px}.vorm-tak{background:#e3f2e7;border-bottom:6px solid #8d6e4f;border-radius:14px 14px 6px 6px}.vorm-mand{background:#f7ead6;border:3px solid #b88a55;border-radius:10px 10px 26px 26px}.vorm-bak{border:3px solid var(--w);background:#f4eae1;border-radius:10px}.vorm-pot{background:#fde6e6;border:3px solid #c2703e;border-radius:6px 6px 22px 22px}.vorm-kist{background:#fbefd5;border:3px solid #a9783f;border-radius:10px;box-shadow:inset 0 6px #e6c27a}.vorm-drakennest{border:5px dashed var(--w-donker);background:#e7e8fb;border-radius:50%}.groep.groep-kop{--item:16px;border:3px solid var(--w);background:var(--w-zacht);border-radius:18px;padding:8px 10px}.groep-dier{font-size:30px}.item.stip:before{content:"";background:var(--w-donker);border-radius:50%;width:11px;height:11px}.getallenlijn{width:100%;max-width:760px}.getallenlijn svg{max-width:100%;display:block;overflow:visible}.gl-lijn{stroke:var(--inkt);stroke-width:3px;stroke-linecap:round}.gl-streep{stroke:var(--inkt-zacht);stroke-width:2px}.gl-streep-tafel{stroke:var(--inkt);stroke-width:3px}.gl-getal{fill:var(--inkt);font:700 17px Andika,sans-serif}.gl-getal-smal{font-size:14px}.gl-boog{fill:none;stroke:var(--w);stroke-width:4px;stroke-linecap:round}.gl-nr{fill:var(--w-donker);font:700 13px Andika,sans-serif}.gl-kikker{font-size:34px;font-family:var(--emoji)}.gl-kikker-smal{font-size:28px}.rijtje{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 4px;max-width:640px;display:flex}.rij-getal{border:3px solid var(--w);background:var(--w-zacht);border-radius:999px;place-items:center;min-width:46px;height:46px;padding:0 8px;font-size:1.1rem;font-weight:700;display:grid}.rij-getal.nieuw{border-color:var(--groen);background:var(--groen-zacht);animation:.35s plop}.rij-getal.vraag{background:var(--kaart);border-style:dashed}.rij-plus{color:var(--w-donker);font-size:.8rem;font-weight:700}.resultaat,.beloning{text-align:center;flex-direction:column;grid-column:1/-1;align-items:center;gap:12px;width:100%;max-width:560px;margin:8px auto 32px;display:flex}.beloning{gap:18px}.resultaat h1{margin:0;font-size:clamp(2rem,7vw,3rem)}.sterren-groot{gap:10px;font-size:clamp(56px,14vw,84px);line-height:1;display:flex}.sterren-groot .ster{animation:.5s cubic-bezier(.2,1.6,.4,1) backwards ster-in;animation-delay:calc(var(--i) * .25s + .2s)}.sterren-groot .ster.vol{text-shadow:0 3px 0 var(--geel-donker)}.resultaat-score{margin:0;font-size:1.2rem;font-weight:700}.level-omhoog{border:3px solid var(--geel);background:var(--geel-zacht);border-radius:18px;margin:0;padding:10px 16px;font-size:1.15rem;animation:.5s .6s backwards plop}.resultaat-tip{max-width:36ch;color:var(--inkt-zacht);margin:0}.knop-cadeau{margin-top:8px}.cadeau-doos{font-size:2rem;line-height:1;font-family:var(--emoji);animation:1.6s ease-in-out infinite wiebel-zacht;display:inline-block}.knop-cadeau.schudt .cadeau-doos{animation:.6s schud}.beloning-kop{margin:0;font-size:1.4rem;font-weight:700}.eind-blok{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.eind-melding{margin:0;font-weight:700}.eind-knoppen{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.dierkaart,.mopkaart,.ontdekkingkaart{background:var(--kaart);text-align:center;border-radius:32px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;padding:22px 18px 16px;display:flex}.dierkaart{border:4px solid var(--w);box-shadow:0 8px 0 var(--w-donker)}.dierkaart-beeld{background:var(--w-zacht);border-radius:50%;place-items:center;width:150px;height:150px;font-size:92px;animation:.7s cubic-bezier(.2,1.6,.4,1) dier-in;display:grid}.dierkaart-naam{margin:4px 0 0;font-size:2rem}.dierkaart-weetje{margin:0;font-size:1.1rem;line-height:1.45}.dierkaart-som{background:var(--geel-zacht);border-radius:14px;margin:0;padding:10px 14px;font-weight:700}.dierkaart-voet{width:100%;color:var(--inkt-zacht);text-align:left;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:.8rem;display:flex}.mopkaart{border:4px solid var(--bijna-rand);max-width:520px;padding-bottom:20px;box-shadow:0 8px #d99a2b}.mop-vraag-rij{align-items:flex-start;gap:10px;display:flex}.mop-vraag{margin:0;font-size:1.25rem;font-weight:700;line-height:1.4}.mop-onthulling{flex-direction:column;align-items:center;gap:6px;animation:.4s plop;display:flex}.mop-antwoord{color:var(--groen-donker);margin:0;font-size:1.3rem;font-weight:700;line-height:1.4}.mop-uitleg{color:var(--inkt-zacht);margin:0;font-size:.9rem}.ontdekkingkaart{border:4px solid var(--lucht);max-width:520px;box-shadow:0 8px 0 var(--lucht-donker)}.ontdekking-kop{color:var(--lucht-donker);align-items:center;gap:8px;margin:0;font-weight:700;display:flex}.ontdekking-gids{flex:none;width:40px;height:40px}.ontdekkingkaart h2{margin:0;font-size:1.6rem}.ontdekking-voor,.ontdekking-na{margin:0;font-size:1.1rem;line-height:1.45}.ontdekking-na{color:var(--groen-donker);font-weight:700;animation:.4s plop}.ontdekking-voet{align-self:flex-end}.podium{margin:4px 0}.podium-keer1{flex-wrap:wrap;justify-content:center;gap:10px;transition:gap .6s;display:flex}.keer1-blad{background:#d4edc4;border:3px solid #78b65a;border-radius:70% 8%;place-items:center;width:54px;height:54px;transition:background-color .6s,border-color .6s,width .6s;display:grid}.keer1-slak{font-size:30px;line-height:1;font-family:var(--emoji)}.podium-keer1.na{gap:2px}.podium-keer1.na .keer1-blad{background-color:#0000;border-color:#0000;width:38px}.podium-dubbel{--c:52px;grid-template-columns:repeat(4, var(--c)) 28px;grid-template-rows:repeat(2, var(--c));gap:6px 10px;padding:10px;display:grid}@media (width<=479px){.podium-dubbel{--c:40px;column-gap:6px}}.dubbel-nest{grid-column:var(--k);background:#f8e7c9;border:5px dashed #a9783f;border-radius:999px;grid-row:1/3;margin:-6px;transition:opacity .6s}.dubbel-rij{grid-column:1/6;grid-row:var(--r);border:4px solid var(--lucht);opacity:0;background:#e4f0f9;border-radius:999px;justify-content:flex-end;align-items:center;margin:-2px -8px;padding-right:10px;transition:opacity .6s .3s;display:flex}.dubbel-rij b{color:var(--lucht-donker);font-size:1.3rem}.dubbel-ei{z-index:1;grid-column:var(--k);grid-row:var(--r);font-size:calc(var(--c) * .64);line-height:1;font-family:var(--emoji);place-items:center;display:grid;position:relative}.podium-dubbel.na .dubbel-nest{opacity:0}.podium-dubbel.na .dubbel-rij{opacity:1}.podium-omdraaien{place-items:center;min-height:200px;padding:16px;display:grid}.omdraai-raster{background:#f8e7c9;border:3px solid #e0c08f;border-radius:18px;grid-template-rows:repeat(3,50px);grid-template-columns:repeat(2,50px);gap:6px;padding:8px;transition:transform 1s cubic-bezier(.5,0,.3,1.3);display:grid}.omdraai-ei{font-size:32px;line-height:1;font-family:var(--emoji);place-items:center;transition:transform 1s cubic-bezier(.5,0,.3,1.3);display:grid}.podium-omdraaien.na .omdraai-raster{transform:rotate(90deg)}.podium-omdraaien.na .omdraai-ei{transform:rotate(-90deg)}.podium-raster{--stip:24px;--tussen:7px;align-items:center;gap:var(--tussen);flex-direction:column;padding:12px 8px;display:flex}@media (width<=479px){.podium-raster{--stip:16px;--tussen:5px}}.raster-deel{gap:var(--tussen);display:flex}.raster-stip{width:var(--stip);height:var(--stip);background:var(--lucht);transition:opacity .5s,transform .5s cubic-bezier(.5,0,.3,1.4);transition-delay:calc(var(--k,0) * .12s);border-radius:50%}.raster-stip.erbij{background:var(--geel);box-shadow:inset 0 0 0 3px var(--geel-donker);opacity:0;transform:scale(.2)}.podium-raster.na .raster-stip.erbij{opacity:1;transform:scale(1)}.podium-raster.na .raster-stip.weg{opacity:.2;transform:scale(.6)}.podium-nul{flex-direction:column;align-items:center;gap:4px;padding:4px 0;display:flex}.nul-rij{white-space:nowrap;margin:0;font-size:1.7rem;font-weight:700}.nul-erbij{vertical-align:bottom;max-width:0;color:var(--groen);opacity:0;transition:max-width .6s,opacity .6s;display:inline-block;overflow:hidden}.podium-nul.na .nul-erbij{opacity:1;max-width:1em}.album-ontdekkingen .sectie-kop{margin-top:20px}.ontdekking-lijst{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.leeg-tekst{color:var(--inkt-zacht);margin:0}.album-wereld{margin-top:28px}.album-kop{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;font-size:1.25rem;display:flex}.album-kop-dier{font-size:32px}.album-tafel{background:var(--w-zacht);color:var(--w-donker);border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.album-raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=600px){.album-raster{grid-template-columns:repeat(6,minmax(0,1fr))}}.dier-vak{aspect-ratio:1/1.1;border:3px solid var(--w);background:var(--kaart);width:100%;box-shadow:0 4px 0 var(--w-donker);color:var(--inkt);font:inherit;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 4px;display:flex}button.dier-vak:active{box-shadow:none;transform:translateY(4px)}.vak-dier{font-size:44px}@media (width>=900px){.vak-dier{font-size:64px}}.vak-naam{overflow-wrap:break-word;max-width:100%;font-size:.85rem;font-weight:700;line-height:1.2}@media (width<=479px){.vak-naam{font-size:.8rem}}.dier-vak.onbekend{border:3px dashed var(--rand-donker);box-shadow:none;cursor:default;background:0 0}.album-binnenkort{border:2px dashed var(--rand-donker);color:var(--inkt-zacht);border-radius:18px;margin:0;padding:14px 16px}.venster{background:0 0;border:0;width:520px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0 0 12px;overflow:hidden auto}.venster[open]{flex-direction:column;align-items:center;gap:10px;animation:.3s plop;display:flex}.venster::backdrop{background:#161d4780}.venster-dicht{align-self:flex-end}.moppen-lijst{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;margin:20px 0 0;padding:0;list-style:none;display:grid}.moppen-lijst li{display:flex}.moppen-lijst .mopkaart{text-align:left;align-items:flex-start;max-width:none;box-shadow:0 5px #d99a2b}.moppen-lijst .mop-onthulling{align-items:flex-start}.confetti{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti span{top:-20px;left:var(--x);background:var(--kleur);width:10px;height:14px;animation:val var(--duur) linear var(--vertraging) forwards;border-radius:2px;position:absolute}@keyframes val{to{transform:translate(var(--drift), 110vh) rotate(var(--draai))}}@keyframes plop{0%{opacity:.3;transform:scale(.85)}60%{opacity:1;transform:scale(1.06)}to{transform:scale(1)}}@keyframes wiebel{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@keyframes wiebel-zacht{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes zweef{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes puls{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes gloed{0%,to{box-shadow:0 5px 0 var(--w-donker), 0 0 0 0 color-mix(in srgb, var(--w) 40%, transparent)}50%{box-shadow:0 5px 0 var(--w-donker), 0 0 0 8px color-mix(in srgb, var(--w) 40%, transparent)}}@keyframes ster-in{0%{opacity:0;transform:scale(0)rotate(-90deg)}to{transform:scale(1)rotate(0)}}@keyframes dier-in{0%{transform:scale(0)rotate(-20deg)}to{transform:scale(1)rotate(0)}}@keyframes schud{0%,to{transform:rotate(0)}20%{transform:rotate(-18deg)scale(1.1)}40%{transform:rotate(16deg)scale(1.2)}60%{transform:rotate(-12deg)scale(1.25)}80%{transform:rotate(8deg)scale(1.3)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bonus-plek{grid-column:1/-1}.bonus{flex-direction:column;gap:14px;width:100%;max-width:760px;margin:0 auto;display:flex}.bonus-kop{flex-direction:column;gap:8px;display:flex}.bonus-label{background:var(--geel);box-shadow:0 2px 0 var(--geel-donker);border-radius:999px;align-self:flex-start;padding:4px 14px;font-weight:700;animation:1.6s ease-in-out infinite puls}.bonus-melding{text-align:center;min-height:1.4em;margin:0;font-weight:700}.bonus-onder{justify-content:center;display:flex}.hussel-raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width>=600px){.hussel-raster{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}.bonus-kaart{font:inherit;border:3px solid var(--w);background:var(--kaart);min-height:72px;color:var(--inkt);box-shadow:0 5px 0 var(--w-donker);cursor:pointer;touch-action:manipulation;border-radius:18px;padding:8px;font-size:1.5rem;font-weight:700;transition:transform 80ms}.bonus-kaart.kaart-antwoord{background:var(--w-zacht)}.bonus-kaart[aria-pressed=true]{border-color:var(--geel-donker);background:var(--geel-zacht);box-shadow:0 5px 0 var(--geel-donker);transform:translateY(-3px)}.bonus-kaart.gevonden{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen-donker);box-shadow:none;opacity:.6;cursor:default;animation:.35s plop}.bonus-kaart.wiebel,.ballon-knop.wiebel{animation:.4s wiebel}.ballon-som{text-align:center;margin:0;font-size:2.4rem;font-weight:700}.ballon-rij{flex-wrap:wrap;justify-content:center;gap:14px 16px;padding:8px 0 34px;display:flex}.ballon-knop{--b:#e03131;color:#fff;width:86px;height:104px;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0;font-size:1.8rem;font-weight:700}.ballon-knop:nth-child(2){--b:#1971c2}.ballon-knop:nth-child(3){--b:#7048e8}.ballon-knop:nth-child(4){--b:#2b8a3e}.ballon-bol{background:var(--b);width:100%;height:100%;animation:2.6s ease-in-out infinite dobber;animation-delay:calc(var(--i,0) * -.65s);border-radius:50% 50% 48% 48%/56% 56% 44% 44%;place-items:center;display:grid;position:relative;box-shadow:inset -8px -10px #00000024}.ballon-knop:focus-visible{outline:none}.ballon-knop:focus-visible .ballon-bol{outline:4px solid var(--lucht);outline-offset:3px}.ballon-bol:after{content:"";background:var(--rand-donker);width:2px;height:28px;position:absolute;top:100%;left:50%}.ballon-knop.mis{opacity:.35;cursor:default}.ballon-knop.knal{animation:.35s forwards knal}.ballon-teller{text-align:center;color:var(--inkt-zacht);margin:0}@media (width<=479px){.ballon-rij{gap:10px}.ballon-knop{width:64px;height:80px;font-size:1.4rem}}@keyframes dobber{50%{transform:translateY(-10px)rotate(2deg)}}@keyframes knal{to{opacity:0;transform:scale(1.6)}}.ouder-link-blok{text-align:center;margin:36px 0 0}.ouder-link{color:var(--inkt-zacht)}.poort{flex-direction:column;gap:12px;max-width:560px;margin:16px auto 0;display:flex}.poort .pagina-titel{margin-top:0}.poort-som{font-size:2rem;font-weight:700}.poort-rij{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.poort-veld{max-width:180px}.poort-fout{min-height:1.4em;color:var(--bijna-inkt);margin:0;font-weight:700}.ouder-cijfers{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ouder-cijfers li{flex-direction:column;gap:4px;display:flex}.ouder-cijfers span{color:var(--inkt-zacht);font-size:.9rem}.ouder-cijfers strong{font-size:1.25rem}.ouder-blok{flex-direction:column;gap:14px;display:flex}.ouder-blok p,.ouder-uitleg{margin:0}.ouder-uitleg{color:var(--inkt-zacht)}.legenda{flex-wrap:wrap;gap:8px 20px;margin:0;padding:0;font-size:.9rem;list-style:none;display:flex}.legenda li{align-items:center;gap:8px;display:flex}.legenda .raster-som{width:26px;height:26px;min-height:0}.raster{gap:12px;margin:0;padding:0;list-style:none;display:grid}.raster-rij{gap:6px;display:grid}@media (width>=600px){.raster-rij{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:12px}}.raster-tafel{font-weight:700}.raster-sommen{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.raster-som{border-radius:8px;place-items:center;min-height:30px;font-size:.85rem;font-weight:700;display:grid}.som-goed{color:#fff;background:#2f9e5c}.som-soms{color:#4a2a00;background:repeating-linear-gradient(135deg,#f7c46c 0 6px,#f2b451 6px 12px)}.som-vaak{color:#fff;background:#d9480f;box-shadow:inset 0 0 0 3px #7a2400}.som-nieuw{background:var(--slot);color:var(--inkt-zacht);box-shadow:inset 0 0 0 1px var(--slot-rand)}.schakel{border-bottom:1px solid var(--rand);cursor:pointer;align-items:flex-start;gap:14px;padding-bottom:14px;display:flex}.schakel-vak{appearance:none;background:var(--slot-rand);cursor:pointer;border-radius:999px;flex:none;width:72px;height:44px;margin:0;transition:background .15s;position:relative}.schakel-vak:before{content:"";background:#fff;border-radius:50%;width:34px;height:34px;transition:transform .15s;position:absolute;top:5px;left:5px;box-shadow:0 2px 4px #1c234040}.schakel-vak:checked{background:var(--groen)}.schakel-vak:checked:before{transform:translate(28px)}.schakel-tekst{flex-direction:column;gap:2px;display:flex}.schakel-tekst span,.naam-formulier label span{color:var(--inkt-zacht);font-size:.92rem}.naam-formulier{flex-direction:column;gap:8px;display:flex}.naam-formulier label{flex-direction:column;gap:2px;display:flex}.naam-formulier .invoerveld{max-width:260px;font-size:1.1rem}.bewaard{color:var(--groen-donker);font-weight:700}.installeer-lijst{flex-direction:column;gap:6px;margin:0;padding-left:1.2em;display:flex}.ouder-blok>.knop,.wis-knop{align-self:flex-start}.wis-knoppen{flex-wrap:wrap;gap:10px;display:flex}.wis-ja{color:#fff;background:#c92a2a;box-shadow:0 4px #8a1c1c}