:root{--px-cm:52;--tik:calc(var(--px-cm) * 2px);--hoofd:calc(var(--px-cm) * 3px);--ruimte:calc(var(--px-cm) * .8px);--bg:#f3efdc;--panel:#fffaf0;--ink:#2b3a2a;--soft:#cfe0bd;--accent:#ad5600;--accent-ink:#fffaf0}@media (height<=500px){:root{--px-cm:60;--tik:calc(var(--px-cm) * 1.5px);--hoofd:calc(var(--px-cm) * 2.2px);--ruimte:6px}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:700 24px/1.3 Verdana,Tahoma,sans-serif}:focus-visible{outline:4px solid var(--ink);outline-offset:3px}.scherm{flex-direction:column;align-items:center;height:100dvh;min-height:0;padding:24px;display:flex;position:relative;overflow:hidden}.titel{align-self:flex-start;margin:0;font-size:40px}.knop{min-width:var(--tik);min-height:var(--tik);font:inherit;color:var(--ink);background:var(--panel);border:4px solid var(--ink);cursor:pointer;border-radius:28px;justify-content:center;align-items:center;padding:0 16px;font-size:40px;display:inline-flex}.knop:hover{background:#fff3d6}.knop[aria-disabled=true]{opacity:.6;cursor:not-allowed}.knop.klein{border-radius:18px;min-width:64px;min-height:64px;font-size:22px}.knop.hoofd{min-width:var(--hoofd);min-height:var(--tik);background:var(--accent);color:var(--accent-ink);font-size:44px}.hoek-links{position:absolute;bottom:24px;left:24px}.hoek-rechts{position:absolute;bottom:24px;right:24px}.boven.hoek-links,.boven.hoek-rechts{top:24px;bottom:auto}.k1-figuur{margin-top:3vh}.k1 .k1-speel{min-width:var(--hoofd);min-height:var(--hoofd);margin-top:3vh}@media (height<=500px){.k1{flex-direction:row;justify-content:center;gap:48px}.k1 .titel{position:absolute;top:20px;left:24px}.k1-figuur,.k1 .k1-speel{margin-top:0}}.k2{grid-template-columns:minmax(0,1fr);align-items:stretch;padding:0;display:grid}.canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.canvas canvas{display:block}.k2>:not(.canvas){z-index:1;position:relative}.k2 .hoek-links,.k2 .hoek-rechts{position:absolute}.kop{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.opgave{margin:0;font-size:96px;line-height:1}.antwoord{margin:8px 0 0;font-size:32px}.antwoord-waarde{text-align:center;min-width:3ch;display:inline-block}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.k2>.verborgen{position:absolute;top:0;left:0}.k2>.kop{grid-row:1}.k2>.lijnzone{grid-row:2}.k2>.invoer{grid-row:3}.k2>:not(.kop):not(.lijnzone):not(.invoer):not(.canvas){position:absolute}.k2>.vorm-vak{z-index:2}.k2>.overlay{z-index:10}.invoer{justify-content:center;align-items:center;gap:var(--ruimte);padding:0 24px;display:flex}.toetsen{grid-template-columns:repeat(5, var(--tik));grid-auto-rows:var(--tik);gap:calc(var(--px-cm) * .8px) calc(var(--px-cm) * .5px);display:grid}.toets{border-radius:20px;min-width:0;padding:0}.invoer-rechts{gap:calc(var(--px-cm) * .4px);flex-direction:column;align-self:flex-end;margin-bottom:24px;display:flex}.knop.lamp[aria-disabled=true]{opacity:.45}.knop.lamp.licht{background:var(--accent);color:var(--accent-ink)}@media (height<=500px){.opgave{font-size:52px}.antwoord{margin:0;font-size:20px}.invoer{padding:0 12px}.toetsen{gap:8px}.invoer-rechts{gap:8px;margin-bottom:12px}.knop{border-radius:18px;font-size:28px}.hoek-links,.hoek-rechts{bottom:12px}.boven.hoek-links,.boven.hoek-rechts{top:12px}.hoek-links{left:12px}.hoek-rechts{right:12px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.overlay{z-index:10;background:#2b3a2a8c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.paneel{background:var(--panel);border:4px solid var(--ink);text-align:center;border-radius:28px;max-width:90vw;padding:32px 40px}.paneel-titel{margin:0 0 24px;font-size:36px}.paneel-knoppen{gap:var(--ruimte);flex-wrap:wrap;justify-content:center;display:flex}.toetsen[data-uit=ja] .knop{opacity:.45}@media (height<=500px){.paneel{padding:12px 20px}.paneel-titel{margin-bottom:12px;font-size:24px}}.keuzes{gap:var(--ruimte);display:flex}.knop.keuze{min-width:var(--hoofd);min-height:var(--hoofd);padding:0 16px;font-size:56px}.knop.keuze[aria-disabled=true]{opacity:.45}@media (height<=500px){.knop.keuze{font-size:36px}}.ouder{--bg:#e9eef8;--panel:#fff;--ink:#1f2d4a;--soft:#c7d4ec;--accent:#2f5aa8;--accent-ink:#fff;background:var(--bg);color:var(--ink);justify-content:flex-start;align-items:center;gap:16px;padding-top:0;font-weight:400;overflow:auto}.ouder-balk{z-index:5;background:var(--ink);color:#fff;align-self:stretch;align-items:center;gap:16px;margin:0 -24px;padding:8px 24px;display:flex;position:sticky;top:0}.ouder-balk :focus-visible{outline-color:#fff}.ouder-kop{white-space:nowrap;font-size:28px;font-weight:700}.ouder-stappen{text-align:center;flex:1;font-size:20px}.ouder-balk .ouder-naar-spel{color:var(--ink);white-space:nowrap;background:#fff;border-color:#fff;margin-left:auto}.ouder-start{margin-top:16px}.ouder>.scherm{height:auto;min-height:0;padding-top:0;overflow:visible}.ouder-terug{align-self:flex-start}.ouder-titel{text-align:center;margin:0;font-size:32px}.ouder-tekst{text-align:center;max-width:60ch;margin:0;font-size:20px}.ouder-melding{text-align:center;margin:0;font-size:20px}.ouder-code{letter-spacing:.2em;margin:8px 0;font-size:44px;font-weight:700}.ouder-veld{font:inherit;border:3px solid var(--ink);letter-spacing:.15em;text-transform:uppercase;border-radius:12px;width:14ch;min-height:64px;padding:8px 16px;font-size:28px}.ouder-bord{flex-direction:column;align-items:center;gap:12px;display:flex}.ouder-punten{letter-spacing:.2em;margin:0;font-size:36px}.ouder-toetsen{grid-template-columns:repeat(3,72px);grid-auto-rows:72px;gap:12px;display:grid}.ouder-toetsen .knop{min-width:72px;min-height:72px;padding:0;font-size:28px}@media (height<=500px){.ouder{gap:8px}.ouder-balk{margin:0 -24px;padding:4px 12px}.ouder-kop,.ouder-titel{font-size:24px}.ouder-bord{gap:6px}.ouder-punten{font-size:26px}.ouder-toetsen{grid-template-columns:repeat(6,64px);grid-auto-rows:64px;gap:6px}.ouder-toetsen .knop{min-width:64px;min-height:64px;font-size:24px}}.ouder-rij{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.ouder-label{min-width:12ch;font-size:22px;font-weight:700}.ouder .knop.klein.gekozen{background:var(--accent);color:var(--accent-ink)}.ouder .knop.klein{font-size:22px}.uitdaging-knop{min-width:var(--hoofd);position:absolute;top:40%;right:24px}@media (height<=500px){.uitdaging-knop{min-width:var(--tik);inset:auto auto 12px 50%;transform:translate(-50%)}}.kw{align-items:center}.kw-tegels{gap:var(--ruimte);grid-template-columns:repeat(3,auto);margin-top:4vh;display:grid}.kw-tegel{min-width:var(--hoofd);min-height:var(--hoofd);flex-direction:column;gap:4px;padding:8px 16px;font-size:28px}.kw-figuur{font-size:40px}@media (height<=500px){.kw-tegels{grid-template-columns:repeat(6,auto);margin-top:8px}.kw-tegel{font-size:18px}.kw-figuur{font-size:28px}}.tik{align-items:center}.tik .titel{text-align:center;align-self:center;padding:0 96px}@media (width<=700px){.tik .titel{padding:0 88px;font-size:28px}}.tik-doel{margin:2vh 0 0;font-size:120px;font-weight:700;line-height:1}.tik .invoer{margin-top:auto;padding-bottom:24px}@media (height<=500px){.tik-doel{margin:0;font-size:64px}.tik .invoer{padding-bottom:8px}}.k2 .hoek-links,.k2 .hoek-rechts{z-index:3}.lijnzone{pointer-events:none}.hintzin{text-align:center;max-width:60ch;margin:6px 24px 0;font-size:28px;font-weight:400}@media (height<=500px){.hintzin{margin:2px 12px 0;font-size:18px}}.ouder-methode ul{flex-flow:wrap;justify-content:center;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.ouder-methode .ouder-disclaimer-klein{opacity:.85;font-size:15px}.ouder .knop[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.ouder-veld-breed{text-transform:none;letter-spacing:normal;width:min(32ch,90%)}.k2[data-toestand=laden]>:not(.canvas):not(.verborgen){visibility:hidden}.keuze{touch-action:none}.keuze.spook{min-width:var(--tik)}.lijnzone.pulseert{animation:1.1s ease-in-out infinite lijn-pulseer}@keyframes lijn-pulseer{0%,to{background:0 0}50%{background:color-mix(in srgb, var(--accent) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.lijnzone.pulseert{background:color-mix(in srgb, var(--accent) 22%, transparent);animation:none}}@media (prefers-reduced-motion:no-preference){.scherm{animation:scherm-in var(--duur-scherm-wissel,.3s) var(--ease-zacht,cubic-bezier(.4, 0, .2, 1)) both}.k2.scherm{animation-duration:.16s}}@keyframes scherm-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.k2,.vorm-host,.keuze,.vorm-bron,.vorm-gewicht,.sleep-spook{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}.k2.met-bouw>.kop{padding:0 100px 0 190px}@media (height<=460px){.k2.met-bouw>.kop{padding:0 90px 0 210px}}.doelkaart{cursor:pointer;justify-content:center;gap:14px}.doelkaart-beeld{flex:0 auto;justify-content:center;width:100%;min-height:0;display:flex}.doelkaart .bouwwerk-beeld{width:min(100%,560px,64vh)}.bouwwerk-beeld-svg,.bouwwerk-beeld-svg>svg{border-radius:16px;width:100%;height:100%;display:block}.doelkaart-zin{text-align:center;max-width:36ch;margin:0;font-size:clamp(22px,3.6vh,32px)}.doelkaart-knoppen{gap:var(--ruimte,16px);flex:none;align-items:center;display:flex}.kop:has(>.opgave.kookzin){box-sizing:border-box;width:100%;min-width:0;padding-inline:120px}.opgave.kookzin{text-align:center;white-space:normal;overflow-wrap:anywhere;text-wrap:balance;max-width:100%;margin-inline:auto;font-size:clamp(24px,3.6vh,40px);line-height:1.15}.opgave-som{text-align:center;opacity:.8;margin:2px 0 0;font-size:max(16px,clamp(26px,4.2vh,40px)/2)}.opgave-som.groot{opacity:1;font-size:clamp(28px,6vh,56px)}.ondertitel{text-align:center;max-width:92%;margin:4px 0 0;margin-inline:auto;font-size:clamp(20px,3.6vh,34px);font-weight:700;line-height:1.2}@media (width<=760px){.k2{--tik:max(48px, calc((100vw - 72px) / 7.8))}}@media (height<=420px){.k2{--tik:min(52px, max(48px, calc((100vw - 72px) / 7.8)))}.k2 .toetsen{gap:6px 8px}.k2 .invoer{padding-bottom:6px}.k2>.kop{justify-content:flex-start}.opgave.kookzin{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:22px;line-height:1.15;display:-webkit-box;overflow:hidden}.opgave-som{display:none}}.doelkaart-balk{border:3px solid var(--ink);background:#fff;border-radius:14px;width:min(70%,520px);height:22px;overflow:hidden}.doelkaart-balk i{background:var(--accent);height:100%;display:block}.doelkaart-aantal{margin:0;font-size:clamp(18px,3vh,26px);font-weight:700}.mijlpaal{z-index:35;appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:color-mix(in srgb, var(--bg) 93%, transparent);border:0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;animation:.3s ease-out mijlpaal-in;display:flex;position:fixed;inset:0}.mijlpaal.rustig{animation:none}@keyframes mijlpaal-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.mijlpaal-beeld{max-width:min(90vw,760px);max-height:52vh;display:flex}.mijlpaal-beeld>*{max-height:52vh}.mijlpaal-helpers{align-items:flex-end;gap:18px;display:flex}.mijlpaal.werkt .mijlpaal-figuur{animation:.7s ease-in-out infinite alternate mijlpaal-werk}.mijlpaal.werkt .mijlpaal-gids{animation:.9s ease-in-out infinite alternate-reverse mijlpaal-werk}@keyframes mijlpaal-werk{0%{transform:translateY(0)rotate(-3deg)}to{transform:translateY(-10px)rotate(3deg)}}.mijlpaal-zin{text-align:center;max-width:90vw;font-size:clamp(26px,6vh,48px);font-weight:800}.mijlpaal-balk{border:3px solid var(--ink);background:#fff;border-radius:14px;width:min(70%,520px);height:22px;display:block;overflow:hidden}.mijlpaal-balk i{background:var(--accent);height:100%;display:block}.mijlpaal.kort .mijlpaal-beeld{animation:.6s ease-out mijlpaal-glans}@keyframes mijlpaal-glans{0%{filter:brightness()}40%{filter:brightness(1.25) drop-shadow(0 0 12px var(--accent))}to{filter:brightness()}}@media (prefers-reduced-motion:reduce){.mijlpaal,.mijlpaal.werkt .mijlpaal-figuur,.mijlpaal.werkt .mijlpaal-gids,.mijlpaal.kort .mijlpaal-beeld{animation:none}}@keyframes bouw-glans{0%{filter:brightness()}40%{filter:brightness(1.35)}to{filter:brightness()}}.bouw-glans .etappe-bouw,.bouw-glans .etappe-strook{animation:.7s ease-out bouw-glans}@media (prefers-reduced-motion:reduce){.bouw-glans .etappe-bouw,.bouw-glans .etappe-strook{animation:none}}.mijlpaal.dienst.roeren.werkt .mijlpaal-beeld{transform-origin:50% 80%;animation:.6s ease-in-out infinite alternate dienst-roer}@keyframes dienst-roer{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}.dienst-tafel{max-height:46vh;display:flex}.dienst-gasten{font-size:clamp(40px,12vh,96px);font-weight:800}@media (prefers-reduced-motion:reduce){.mijlpaal.dienst.roeren.werkt .mijlpaal-beeld{animation:none}}.k1-letters{min-width:88px;min-height:88px;font-size:40px;font-weight:800}.mijlpaal-werk{width:auto;max-width:90vw;height:min(52vh,475px);display:block;position:relative}.mijlpaal-laag,.mijlpaal-laag svg{width:100%;height:100%;position:absolute;inset:0}.k2.met-kook .antwoord{margin:2px 0 0;font-size:clamp(22px,3.2vh,32px)}.mijlpaal.dienst.opdienen{cursor:default}.opdien-vak{width:min(92vw, 900px, calc(66vh * var(--ar,2)));position:relative}.opdien-tafel,.opdien-tafel svg{width:100%;height:auto;position:absolute;top:0;left:0}.opdien-bord{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:52px;min-height:52px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.opdien-bord.weg{cursor:default}.opdien-bord-art,.opdien-bord-art svg{width:100%;height:auto;display:block}.opdien-bord-punt{aspect-ratio:96/56;background:var(--soft);border:4px solid var(--ink);border-radius:50%;width:100%;display:block}.dienst-roer{width:auto;height:min(46vh,320px);display:block;position:relative}.dienst-roer>.kook-gerecht,.dienst-roer>.kook-gerecht svg,.dienst-roer-lepel,.dienst-roer-lepel svg{width:100%;height:100%;position:absolute;inset:0}.klant-blij-art,.klant-blij-art svg{width:auto;height:min(54vh,420px);display:block}.klant-blij.weg:not(.rustig) .klant-blij-art{transition:transform .8s ease-in;transform:translate(60vw)}.klant-blij-hart{color:var(--accent);font-size:clamp(60px,14vh,140px)}@media (prefers-reduced-motion:reduce){.klant-blij.weg .klant-blij-art{transition:none;transform:none}}.k2 .vorm-host{background:0 0;overflow:visible}.k2 .vorm-host>.vorm-achtergrond,.k2 .vorm-host>.vorm-achtergrond>svg{z-index:-1;width:100%;height:100%;position:fixed;inset:0}.k2>.kop.kop,.k2>.invoer.invoer,.k2>.etappe-strook.etappe-strook{z-index:3}.k2 .kop>.opgave,.k2 .kop>.opgave-som,.k2 .kop>.hintzin,.k2 .kop>.antwoord{background:color-mix(in srgb, var(--panel) 66%, transparent);border-radius:18px;padding:2px 16px}.mijlpaal{background:0 0}.mijlpaal-zin{background:color-mix(in srgb, var(--panel) 78%, transparent);border-radius:22px;padding:4px 22px}.k2[data-film]>.kop,.k2[data-film]>.invoer,.k2[data-film]>.etappe-strook,.k2[data-film] .vorm-host>:not(.vorm-achtergrond){opacity:0;pointer-events:none;transition:opacity .2s}.k2>.mijlpaal{z-index:20!important;position:fixed!important}@media (height<=420px){.k2.met-kook>.kop{padding-top:44px;overflow:visible}.k2.met-kook .kook-kaartje-art{height:34px}.k2.met-kook .opgave.kookzin{-webkit-line-clamp:2;flex:none;padding-block:0;font-size:20px;line-height:1.1}}@media (width<=700px){.k2 .invoer .knop.keuze{flex:1 1 0;min-width:64px}.k2 .invoer .knop.lamp{flex:none}}.k2.met-kolom>.kop{grid-area:1/1}.k2.met-kolom>.lijnzone{grid-area:2/1}.k2.met-kolom>.invoer{flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-items:stretch;gap:6px;padding:8px 10px}.k2.met-kolom>.vorm-vak{right:var(--kolom,0)}.k2.met-kolom .hoek-rechts{right:calc(var(--kolom,0px) + 12px)}.k2.met-kolom .toetsen{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.k2.met-kolom .invoer>.knop{order:2;align-self:flex-end}.k2.met-kolom .invoer .toets,.k2.met-kolom .invoer>.knop,.k2.met-kolom .invoer-rechts .knop{border-radius:14px;height:48px;min-height:48px;font-size:26px}.k2.met-kolom .toetsen{order:1}.k2.met-kolom .invoer-rechts{flex-direction:row;order:3;justify-content:space-between;align-self:stretch;gap:6px;margin:0}.k2.met-kolom .invoer-rechts .knop{flex:1 1 0;min-width:48px}.k2.met-kolom .keuzes{flex-direction:column;order:1;gap:6px}.k2.met-kolom .invoer .knop.keuze{flex:none;width:100%;min-width:0;height:52px;min-height:48px;padding:0;font-size:30px}.k2.met-kolom.met-kook>.kop:has(>.opgave.kookzin){padding:44px 62px 0}.k2.met-kolom.met-kook .kook-kaartje-art{height:34px}.k2.met-kolom.met-kook .opgave.kookzin{-webkit-line-clamp:3}.k2[data-film=roeren]>.kop,.k2[data-film=roeren]>.invoer,.k2[data-film=roeren]>.etappe-strook,.k2[data-film=roeren] .vorm-host>:not(.vorm-achtergrond){opacity:0;pointer-events:none;transition:none}.k2[data-film=roeren] .vorm-host>.vorm-achtergrond{transform-origin:50% 60%;transition:transform .3s ease-out;transform:scale(1.06)}.k2:not([data-film]) .vorm-host>.vorm-achtergrond{transition:transform .25s ease-in}.k2[data-na-roeren]>.kop,.k2[data-na-roeren]>.invoer,.k2[data-na-roeren]>.etappe-strook,.k2[data-na-roeren] .vorm-host>:not(.vorm-achtergrond){animation:.15s ease-out roer-terug}@keyframes roer-terug{0%{opacity:0}to{opacity:1}}.roer-film{z-index:35;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.roer-film .roer-pan{pointer-events:auto;cursor:grab;outline-offset:6px;height:min(52vh,360px);transition:transform .3s ease-out,opacity .3s ease-out}.roer-film.in .roer-pan{opacity:0;transform:scale(.55)}.roer-film.roeren .roer-pan{opacity:1;transform:none}.roer-film.uit .roer-pan{opacity:0;transition-duration:.25s;transform:scale(.55)}.roer-film.rustig .roer-pan,.roer-film.rustig.in .roer-pan,.roer-film.rustig.uit .roer-pan{opacity:1;transition:none;transform:none}.roer-film.rustig.uit .roer-pan{opacity:0}.roer-hint{background:color-mix(in srgb, var(--panel) 80%, transparent);border-radius:18px;min-height:1.4em;margin:0;padding:2px 16px;font-weight:700}@media (prefers-reduced-motion:reduce){.roer-film .roer-pan{opacity:1;transition:none;transform:none}.roer-film.uit .roer-pan{opacity:0}.k2[data-film=roeren] .vorm-host>.vorm-achtergrond{transition:none;transform:none}.k2[data-na-roeren]>*{animation:none}}.k2>.roer-film{z-index:20!important;position:fixed!important}.art-reiskaart{z-index:0;position:absolute;inset:0;overflow:hidden}.art-reiskaart-svg,.art-reiskaart-svg>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.art-reiskaart.stil [class*=ani-],.art-reiskaart.stil [class*=ani-] *{animation:none!important}.art-gebied-tik{cursor:pointer;z-index:1;background:0 0;border:0;border-radius:50%;padding:0;position:absolute}.art-gebied-tik:focus-visible{outline:4px solid var(--accent)}.art-scene{z-index:20;background:var(--bg);cursor:pointer;position:fixed;inset:0}.art-scene-svg,.art-scene-svg>svg{width:100%;height:100%;display:block;position:absolute;inset:0}.art-scene-over{z-index:21;position:absolute;bottom:16px;right:16px}.art-scene-zin{z-index:21;text-align:center;background:color-mix(in srgb, var(--panel) 92%, transparent);border:3px solid var(--ink);pointer-events:none;border-radius:18px;max-width:min(70vw,760px,100vw - 340px);margin:0;padding:8px 18px;font-size:clamp(20px,3.2vh,30px);position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.art-k1.met-kaart{z-index:1;position:relative}.art-gebied-naam{z-index:1;background:color-mix(in srgb, var(--panel) 92%, transparent);border:3px solid var(--knop-rand,var(--ink));text-align:center;pointer-events:none;white-space:nowrap;border-radius:16px;flex-direction:column;align-items:center;gap:0;padding:3px 12px;font-size:clamp(14px,2.1vw,22px);line-height:1.15;display:inline-flex;position:absolute;transform:translate(-50%)}.art-gebied-naam.huidig{background:var(--accent);color:var(--accent-ink);border-width:4px}.art-gebied-naam.volgend{border-style:dashed}.art-gebied-naam.verderop{opacity:.6}.art-gebied-rol{font-size:.78em;font-weight:700}.art-gebied-naam.bereikt .art-gebied-rol{color:var(--accent)}.met-kaart .art-k1-acties{z-index:3;flex-direction:column;align-items:center;gap:8px;padding:0;position:absolute;inset:14px auto auto calc(50% - 70px);transform:translate(-50%)}:root .met-kaart .art-k1-acties .k1-oefenen,:root .met-kaart .art-k1-acties .uitdaging-knop,html[data-wereld] .met-kaart .art-k1-acties .k1-oefenen,html[data-wereld] .met-kaart .art-k1-acties .uitdaging-knop{background:color-mix(in srgb, var(--panel) 80%, transparent);border-width:3px;border-radius:16px;min-width:0;min-height:48px;padding:0 16px;font-size:18px;font-weight:600}.met-kaart .art-k1-acties .uitdaging-knop .art-icoon{width:22px;height:22px}.art-k1 .hoek-rechts.boven{right:110px}.met-kaart .k1-collectie{z-index:3;top:84px;bottom:auto;left:24px}.met-kaart button.hoek-rechts[aria-label=Ouder]{z-index:3;left:24px;right:auto}.met-kaart .k1-wereld,.met-kaart .hoek-rechts.boven{z-index:3}@media (height<=460px){.art-gebied-naam{border-width:2px;padding:1px 8px;font-size:13px}.met-kaart .knop{border-width:3px;border-radius:16px;min-width:48px;min-height:48px}.met-kaart .art-k1-acties{gap:6px;top:6px;left:50%}.met-kaart .art-k1-acties .knop{min-width:130px;padding:0 14px;font-size:22px}:root .met-kaart .art-k1-acties .k1-oefenen,:root .met-kaart .art-k1-acties .uitdaging-knop,html[data-wereld] .met-kaart .art-k1-acties .k1-oefenen,html[data-wereld] .met-kaart .art-k1-acties .uitdaging-knop{min-width:0;min-height:48px;padding:0 12px;font-size:16px}.met-kaart .art-k1-acties .k1-speel{min-width:150px;min-height:56px;font-size:28px}.met-kaart .art-k1-acties .art-icoon{width:28px;height:28px}.met-kaart .k1-collectie{padding:0 10px;font-size:16px;top:46px;left:8px}.met-kaart .k1-collectie .art-icoon{width:28px;height:28px}.art-k1 .hoek-rechts.boven{padding:0 8px;font-size:14px;top:8px;right:64px}.art-k1 .k1-wereld{top:8px;right:8px}.art-k1 .k1-wereld .art-icoon{width:28px;height:28px}.met-kaart button.hoek-rechts[aria-label=Ouder]{min-height:40px;padding:0 8px;font-size:14px;bottom:8px;left:auto;right:8px}.art-k1 .titel{padding:0 12px;font-size:20px;top:6px;left:8px}}.art-gebied-bouw{align-items:center;gap:4px;margin-top:2px;display:inline-flex}.art-gebied-bouw .art-svg,.art-gebied-bouw svg{width:24px;height:24px;display:block}.art-gebied-bouwtal{font-size:.8em;font-weight:700}.sw-k5,.sw-k7{justify-content:flex-start;gap:calc(var(--px-cm) * .4px);overflow-y:auto}.sw-k5{gap:8px;overflow:hidden}.sw-k5-inhoud{flex-direction:column;flex:auto;align-items:center;gap:10px;width:100%;min-height:0;padding:4px 0;display:flex;overflow-y:auto}.sw-k5 .sw-voet{flex:none;justify-content:center;width:100%;margin-top:0;padding:8px 0 0}.sw-k5-inhoud>*{flex:none}.sw-afsluit{text-align:center;justify-content:center}.sw-voorwerp{position:relative}.sw-voorwerp-etiket{color:var(--panel);justify-content:center;align-items:center;font-size:.9em;font-weight:700;display:flex;position:absolute;inset:0}.sw-k5 .etappe-klaar{width:min(100%,440px,41.6vh)}.sw-k5 .sw-etappe-strook{min-height:0}.sw-k5 .sw-etappe-zin{z-index:1;padding-top:6px;line-height:1.25;position:relative}.sw-kop{align-items:center;gap:24px;width:100%;display:flex}.sw-kop .titel{align-self:auto}.sw-blok{background:var(--panel);border:3px solid var(--ink);border-radius:24px;align-items:center;gap:24px;width:min(100%,900px);padding:16px 24px;display:flex}.sw-balkblok{flex-wrap:wrap}.sw-balk{background:var(--soft);border:3px solid var(--ink);border-radius:16px;flex:320px;height:32px;position:relative;overflow:hidden}.sw-balk.klein{border-width:2px;border-radius:8px;flex:none;width:100%;height:16px;display:block}.sw-balk i{background:var(--accent);transition:width .6s ease-out;position:absolute;inset:0 auto 0 0}.sw-xp{margin:0;font-size:28px}.sw-groei,.sw-afsluiting{margin:0;font-size:30px}.sw-afsluiting{margin-top:8px}.sw-knoppen{gap:var(--ruimte);margin-top:auto;padding-top:16px;display:flex}.sw-knop-gelijk{min-width:calc(var(--hoofd) * 1.4)}.sw-voorwerp{width:calc(var(--px-cm) * 1.6px);height:calc(var(--px-cm) * 1.6px);border:3px solid var(--ink);background:var(--soft);border-radius:20px;flex:none;justify-content:center;align-items:center;font-size:32px;display:inline-flex}.sw-voorwerp.wereld{border-radius:50%}.sw-voorwerp.speelwijze{border-radius:8px}.sw-voorwerp.silhouet{background:var(--ink);color:var(--panel);opacity:.35}.sw-voorwerp.nieuw{box-shadow:0 0 0 6px var(--accent)}.sw-vak{width:min(100%,1100px)}.sw-vak h2{margin:12px 0 8px;font-size:30px}.sw-vak h3{margin:8px 0 4px;font-size:24px}.sw-raster{flex-wrap:wrap;gap:16px;display:flex}.sw-tegel{min-width:calc(var(--px-cm) * 2px);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:8px;display:flex}button.sw-tegel.knop{background:var(--panel);border:3px solid var(--ink);border-radius:24px;font-size:22px}button.sw-tegel[aria-pressed=true]{outline:6px solid var(--accent);outline-offset:2px}.sw-nog{font-size:20px}.sw-leeg{margin:0;font-size:24px}.sw-kaarten{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.sw-kaarten li{width:calc(var(--px-cm) * 2px);min-height:calc(var(--px-cm) * 1.6px);border:3px solid var(--ink);background:var(--panel);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px;font-size:28px;display:flex}.sw-stempels{margin:0;font-size:30px}.sw-getal{font-size:48px}.sw-viering{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.4s ease-out sw-in;display:flex;position:fixed;inset:0}.sw-viering.rustig{animation:none}.sw-viering-tekst{text-align:center;margin:0;font-size:48px}.sw-rustplek{z-index:10;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:24px;animation:.4s ease-out sw-in;display:flex;position:fixed;inset:0}.sw-rust-tekst{text-align:center;max-width:24ch;margin:0;font-size:36px}.sw-rust-beeld{width:calc(var(--px-cm) * 5px);height:calc(var(--px-cm) * 3px);border:3px solid var(--ink);background:var(--soft);border-radius:40px}.sw-overslaan{min-width:var(--tik);min-height:var(--tik)}@keyframes sw-in{0%{opacity:0}to{opacity:1}}@media (height<=500px){.sw-blok{gap:12px;padding:8px 16px}.sw-groei,.sw-afsluiting{font-size:22px}.sw-viering-tekst{font-size:32px}.sw-rust-tekst{font-size:26px}.sw-voorwerp{width:calc(var(--px-cm) * 1.2px);height:calc(var(--px-cm) * 1.2px);font-size:24px}}@media (prefers-reduced-motion:reduce){.sw-balk i{transition:none}.sw-viering,.sw-rustplek{animation:none}}.sw-kaartnaam{text-align:center;font-size:18px;line-height:1.1}.sw-k6,.sw-k0{justify-content:center;gap:calc(var(--px-cm) * .5px);text-align:center}.sw-k6-titel,.sw-k0-titel{align-self:center;max-width:24ch;font-size:44px}.sw-k6-zin{margin:0;font-size:30px}.sw-k6-lamp{max-width:40ch;margin:0;font-size:24px}.sw-kaartchip{background:var(--panel);border:3px solid var(--ink);border-radius:24px;margin:0;padding:8px 24px;font-size:30px}.sw-stippen{gap:20px;margin:0;padding:0;list-style:none;display:flex}.sw-stippen li{width:calc(var(--px-cm) * .5px);height:calc(var(--px-cm) * .5px);border:3px solid var(--ink);background:0 0;border-radius:50%}.sw-stippen li.nu{background:var(--soft)}.sw-stippen li.gedaan{background:var(--accent)}.sw-k6.gelukt .sw-k6-titel{color:var(--ink)}.sw-welkom{margin:0;font-size:36px}.sw-figuren{gap:calc(var(--px-cm) * 1px);justify-content:center;display:flex}.sw-figuur{width:calc(var(--px-cm) * 4px);height:calc(var(--px-cm) * 4px);border-radius:50%;font-size:56px}.sw-figuur[aria-pressed=true]{outline:6px solid var(--accent);outline-offset:4px}.sw-k6 .sw-knoppen,.sw-k0 .sw-knoppen{justify-content:center;margin-top:0;padding-top:0}@media (height<=500px){.sw-k6-titel,.sw-k0-titel{font-size:30px}.sw-k6-zin{font-size:22px}.sw-k6-lamp{font-size:18px}.sw-figuur{width:calc(var(--px-cm) * 2.6px);height:calc(var(--px-cm) * 2.6px);font-size:36px}.sw-k6,.sw-k0{gap:8px}}.sw-ster.half{background:linear-gradient(90deg, var(--ink) 50%, transparent 50%);color:#0000;-webkit-text-stroke:2px var(--ink);-webkit-background-clip:text;background-clip:text}.sw-bevestigen{text-align:center;font-size:16px;line-height:1.1}.sw-kies{border:3px solid var(--ink);background:var(--panel);border-radius:999px;padding:2px 14px;font-size:18px;font-weight:700}.sw-kies.aan{background:var(--accent);color:var(--accent-ink)}.sw-aandoen{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.sw-etappe{flex-direction:column;align-items:center;gap:6px;display:flex}.sw-etappe-strook{justify-content:center;width:100%;min-height:56px;display:flex;position:relative}.sw-etappe-strook .etappe-strook{max-width:100%;position:static;transform:none}.sw-etappe-zin{text-align:center;margin:0;font-size:22px}.sw-weekbolletjes{justify-content:center;gap:12px;display:flex}.sw-bolletje{border:4px solid var(--ink);box-sizing:border-box;background:0 0;border-radius:50%;width:28px;height:28px}.sw-bolletje.vol{background:var(--accent)}.sw-weekzin,.sw-terugblik{text-align:center;margin:6px 0 0}.sw-weekprestatie{justify-content:center;align-items:center;gap:12px;display:flex}.sw-weekprestatie .art-icoon{width:48px;height:48px}.oefenkeuze{justify-content:flex-start;gap:16px}.oefenkeuze>.titel{text-align:center;flex:none;align-self:center;font-size:clamp(26px,5vh,40px)}.ok-tegels{flex:auto;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:safe center;gap:16px;width:min(100%,900px);min-height:0;padding:8px;display:grid;overflow-y:auto}.ok-tegel{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:clamp(96px,20vh,150px);font-size:30px;display:flex}.ok-pictogram{font-size:56px;line-height:1}.ok-naam{font-weight:700}.ok-voet{flex:none;padding-top:8px}@media (height<=560px){.oefenkeuze{gap:8px;padding-top:12px;padding-bottom:12px}.ok-tegel{font-size:24px}.ok-pictogram{font-size:40px}}@media (height<=460px){.ok-tegel{min-height:96px;font-size:24px}.ok-pictogram{font-size:36px}}.ok-tekening{width:72px;height:72px;display:inline-flex}.ok-tekening svg{width:100%;height:100%}@media (height<=560px){.ok-tekening{width:52px;height:52px}}@media (height<=460px){.ok-tekening{width:40px;height:40px}}.home{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:12px 20px 10px;display:flex}.home>*{flex:none;min-width:0}.home>.home-kaarten{flex:1 1 0;min-height:0}.home-kop{align-items:center;gap:12px;display:flex}.home-groet{font-size:28px;font-weight:800}.home-wissel{margin-left:auto}.home-kop .home-wereld{margin-left:0}.home-wissel+.home-wereld,.home-kop>.home-wereld:first-of-type{margin-left:auto}.home-titel{text-align:center;margin:0;font-size:clamp(26px,5vh,46px)}.home-kaarten{grid-template-rows:1fr 1fr;grid-template-columns:1.15fr 1fr 1fr;gap:14px;min-height:0;padding:14px 4px 6px;display:grid}.home-kaarten .aanbevolen{grid-area:1/1/span 2}.home-kaarten.k2,.home-kaarten.k3{grid-template-rows:1fr}.home-kaart{border:4px solid var(--knop-rand,var(--ink));background:var(--panel);min-height:0;color:var(--ink);font:inherit;cursor:pointer;text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 10px;display:flex;position:relative;box-shadow:0 6px #0000002e}.home-kaart:active{transform:translateY(3px);box-shadow:0 3px #0000002e}.home-kaart.aanbevolen{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 22%, var(--panel));box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 70%, #000);gap:6px}.home-badge{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:16px;padding:2px 16px;font-size:20px;font-weight:800;position:absolute;top:-16px;left:50%;transform:translate(-50%)}.home-teken{font-size:clamp(36px,8vh,72px);line-height:1}.home-teken.groot{font-size:clamp(48px,13vh,110px)}.home-tekening{width:clamp(40px,9vh,76px);height:clamp(40px,9vh,76px);display:inline-flex}.home-tekening svg{width:100%;height:100%}.home-naam{font-size:clamp(24px,4.4vh,38px);font-weight:800}.home-zin{font-size:clamp(18px,2.8vh,24px);line-height:1.2}.home-balk{border:3px solid var(--ink);background:#fff;border-radius:14px;width:86%;height:22px;display:block;overflow:hidden}.home-balk i{background:var(--accent);height:100%;display:block}.home-voortgang{font-size:clamp(18px,2.8vh,24px);font-weight:700}.home-verder{pointer-events:none;min-width:min(80%,300px);min-height:clamp(64px,11vh,112px);font-size:clamp(26px,4.6vh,40px)}.home-voet{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-nieuw{background:var(--accent);color:var(--accent-ink);border-radius:14px;margin-left:8px;padding:0 10px;font-size:18px;font-weight:800}.home-figuur{display:inline-flex}@media (height<=520px){.home{gap:4px;padding:8px 14px 6px}.home-kaart{border-width:3px;border-radius:22px;gap:2px;padding:6px 8px}.home-badge{font-size:16px;top:-12px}.home-balk{height:16px}.home-voet .knop{min-height:56px}.home-kaart:not(.aanbevolen){gap:2px;padding:4px 8px;overflow:hidden}.home-kaart:not(.aanbevolen) .home-balk{border-width:2px;height:10px}.home-kaart:not(.aanbevolen) .home-zin{display:none}.home-kaart:not(.aanbevolen) .home-naam{font-size:clamp(20px,5vh,26px)}.home-kaart:not(.aanbevolen) .home-teken{font-size:clamp(28px,8vh,40px)}.home-kaart:not(.aanbevolen) .home-tekening{width:clamp(32px,9vh,44px);height:clamp(32px,9vh,44px)}.home-kaart.aanbevolen{justify-content:space-evenly;gap:2px;padding:4px 8px;overflow:hidden}.home-kaart.aanbevolen .home-naam{font-size:22px}.home-kaart.aanbevolen .home-zin,.home-kaart.aanbevolen .home-voortgang{font-size:17px}.home-kaart.aanbevolen .home-teken.groot{font-size:clamp(28px,8vh,44px)}.home-kaart.aanbevolen .home-tekening{width:clamp(32px,9vh,48px);height:clamp(32px,9vh,48px)}.home-bouwwerk,.home-bouwwerk.groot{width:clamp(56px,14vh,84px);height:clamp(34px,8vh,52px)}.home .home-kaart .home-verder{height:44px;min-height:44px;padding-block:0;font-size:22px}.home .home-verder svg{width:28px;height:28px}}@media (height<=520px) and (width>=700px){.home-kaart:not(.aanbevolen){flex-direction:row;gap:8px;padding:4px 10px}.home-kaart:not(.aanbevolen) .home-balk{width:40%}}@media (height<=420px){.home-kaarten{gap:8px;padding-top:12px}.home-kaart.aanbevolen .home-zin{display:block}.home-voet .knop,.home-kop .knop{min-width:48px;height:48px;min-height:48px}.home-groet,.home-titel{font-size:22px}}.home-figuur{flex:none;justify-content:center;align-items:center;width:64px;height:64px;overflow:hidden}.home-figuur>*,.home-figuur svg{width:64px;max-width:64px;height:64px;max-height:64px}@media (height<=420px){.home-figuur,.home-figuur>*,.home-figuur svg{width:44px;max-width:44px;height:44px;max-height:44px}}.home .knop svg{flex:none;width:36px;height:36px}.home .home-verder svg{width:40px;height:40px}.home-bouwwerk{width:clamp(72px,16vh,150px);height:clamp(44px,10vh,96px);display:inline-flex}.home-bouwwerk.groot{width:clamp(110px,26vh,240px);height:clamp(66px,16vh,150px)}.home-bouwwerk svg{width:100%;height:100%}.home-kaart:not(.aanbevolen) .home-voortgang{display:none}.home-kaart:not(.aanbevolen) .home-bouwwerk{width:clamp(56px,9vh,84px);height:clamp(34px,5.5vh,50px)}@media (height<=380px){.home-kaart.aanbevolen{gap:0}.home-kaart.aanbevolen .home-naam{font-size:20px}.home-kaart.aanbevolen .home-bouwwerk{width:clamp(44px,11vh,64px);height:clamp(26px,6.5vh,40px)}.home .home-kaart .home-verder{height:40px;min-height:40px;font-size:20px}}.home-kaart.met-art,.home-kaart.met-art:active{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;gap:4px;padding:0;overflow:visible}.home-kaart.met-art:active{transform:translateY(3px)}.home-kaart.met-art .home-vlak{aspect-ratio:3/2;flex:1 1 0;align-self:center;max-width:100%;min-height:0;display:block;position:relative;container-type:size}.home-kaart-beeld,.home-kaart-beeld svg{width:100%;height:100%;position:absolute;inset:0}.home-kaart.met-art .home-tekst{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:30%;display:flex;position:absolute;top:67%;left:4%;right:4%}.home-kaart.met-art .home-naam{font-size:clamp(20px,9cqh,36px);line-height:1.05}.home-kaart.met-art .home-zin{font-size:clamp(18px,6.5cqh,24px);line-height:1.05}@container (height<=140px){.home-kaart.met-art .home-zin{display:none}}.home-kaart.met-art .home-badge{z-index:2;top:4px;left:8px;transform:none}.home-kaart.met-art:not(.aanbevolen) .home-voortg{display:none}.home-voortg{align-items:center;gap:8px;width:100%;display:flex}.home-voortg .home-balk{flex:1 1 0;width:auto;min-width:40px}.home-voortg .home-voortgang{white-space:nowrap;flex:none}.home-spullen{white-space:nowrap}@media (height<=520px){.home-kaart.met-art .home-balk{height:14px}.home .home-kaart.met-art .home-verder{height:48px;min-height:48px;font-size:22px}.home-kaart.met-art.aanbevolen .home-voortgang{font-size:18px;line-height:1.1}}.home-tekst-onder{flex-direction:column;align-items:center;line-height:1.05;display:flex}.home-kaart.met-art .home-tekst-onder .home-naam{font-size:clamp(22px,4.2vh,36px)}.home-kaart.met-art .home-tekst-onder .home-zin{font-size:clamp(18px,2.8vh,24px)}.home-kaart.met-art.aanbevolen .home-vlak{aspect-ratio:3/2}@media (height<=520px) and (width>=700px){.home-kaarten{grid-template-columns:minmax(0,1fr) 160px 160px}.home-kaart.met-art.aanbevolen{grid-template-rows:auto auto auto 1fr;grid-template-columns:auto minmax(150px,1fr);place-items:center stretch;column-gap:12px;min-width:0;display:grid}.home-kaart.met-art.aanbevolen .home-vlak{flex:none;grid-area:1/1/span 4;place-self:center start;width:auto;height:84%;max-height:100%}.home-kaart.met-art.aanbevolen>:not(.home-vlak):not(.home-badge){grid-column:2}.home-kaart.met-art.aanbevolen .home-verder{place-self:start stretch;min-width:0;padding-inline:8px}.home-kaart.met-art.aanbevolen .home-voortgang{white-space:normal;flex:1 1 0;min-width:0;font-size:16px;line-height:1.05}.home-kaart.met-art.aanbevolen .home-voortg .home-balk{flex:0 0 44px;min-width:44px}}.home .home-verder{justify-content:center;align-items:center;gap:8px;display:inline-flex}.home .home-verder .art-icoon{flex:none;align-items:center;width:40px;height:40px;display:inline-flex}.kleuter{box-sizing:border-box;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:8px 12px;display:flex}.kleuter>*{box-sizing:border-box;width:100%}.kl-balk{justify-content:space-between;align-items:center;gap:8px;min-height:64px;display:flex}.kl-knop{min-width:64px;min-height:64px;font-size:32px}.kl-voortgang{text-align:center;white-space:nowrap;flex:1;font-size:20px;overflow:hidden}.kl-beeld{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex}.kl-kaarten{grid-template-columns:repeat(var(--n,2), minmax(96px, 1fr));gap:12px;padding-bottom:8px;display:grid}.kl-kaarten.n2{--n:2}.kl-kaarten.n3{--n:3}.kl-kaarten.n4{--n:4}.kl-kaart{border:4px solid var(--ink);background:var(--panel);border-radius:24px;justify-content:center;align-items:center;min-height:clamp(96px,30vh,170px);padding:6px;font-size:24px;display:flex}.kl-cijfer{font-size:clamp(56px,16vh,110px);font-weight:700;line-height:1}.kl-letter{font-family:system-ui,sans-serif;font-size:clamp(64px,18vh,120px);font-weight:700;line-height:1}.kl-vorm{width:clamp(64px,18vh,120px);height:clamp(64px,18vh,120px)}.kl-dingen{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:100%;font-size:clamp(36px,11vh,72px);display:inline-flex;position:relative}.kl-dingen.groot{font-size:clamp(48px,15vh,96px)}.kl-dingen.dobbel{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);display:inline-grid}.kl-dingen.verspreid{width:clamp(120px,34vh,220px);height:clamp(90px,26vh,160px);display:block}.kl-dingen.verspreid .kl-ding{position:absolute;transform:translate(-50%,-50%)}.kl-ding{line-height:1;font-size:inherit;cursor:pointer;background:0 0;border:0;min-width:48px;min-height:48px;padding:4px}span.kl-ding{cursor:default;min-width:0;min-height:0}.kl-ding.geteld{opacity:.45;transform:scale(.85)}.kl-ding.licht,.kl-kaart.licht,.kl-groep.licht,.kl-evenveel.licht{box-shadow:0 0 0 8px var(--accent)}.kl-kaart.goed,.kl-groep.goed,.kl-evenveel.goed{background:var(--accent)}.kl-patroon{align-items:center;gap:8px;display:inline-flex}.kl-patroon .kl-vorm{width:clamp(40px,11vh,76px);height:clamp(40px,11vh,76px)}.kl-vraag{border:4px dashed var(--ink);border-radius:16px;padding:0 14px;font-size:clamp(40px,11vh,76px);font-weight:700}.kl-groepen{align-items:center;gap:14px;width:100%;display:flex}.kl-groep{border:4px solid var(--ink);background:var(--panel);border-radius:24px;flex:1;justify-content:center;align-items:center;min-height:clamp(120px,40vh,220px);display:flex}.kl-evenveel{border-radius:50%;min-width:88px;min-height:88px;font-size:48px}.kl-geefmij{grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:stretch;gap:10px;width:100%;height:100%;display:grid}.kl-voorraad{flex-wrap:wrap;grid-column:1/3;align-content:flex-start;gap:4px;font-size:clamp(30px,8vh,52px);display:flex}.kl-mand{border:4px solid var(--ink);background:var(--panel);border-radius:24px;align-items:center;gap:8px;min-height:96px;padding:6px 12px;font-size:clamp(30px,8vh,52px);display:flex}.kl-mand-beeld{font-size:clamp(48px,12vh,80px)}.kl-mand-dingen{flex-wrap:wrap;gap:2px;display:flex}.kl-vink{border-radius:50%;min-width:96px;min-height:96px;font-size:56px}.wiebel{animation:art-fx-wiebel var(--duur-fout-wiebel,.4s) var(--ease-zacht,cubic-bezier(.4, 0, .2, 1)) 1}.kleuter.rustig .wiebel{outline:6px solid var(--ink);animation:none}@media (prefers-reduced-motion:reduce){.wiebel{outline:6px solid var(--ink);animation:none}}@media (height<=420px){.kl-balk{min-height:52px}.kl-knop{min-width:52px;min-height:52px;font-size:26px}}.kl-einde{justify-content:center;align-items:stretch;gap:20px}.kl-vulbalk{border:4px solid var(--ink);background:var(--panel);border-radius:999px;height:28px;overflow:hidden}.kl-vulbalk>i{background:var(--accent);width:0;height:100%;transition:width 1.2s ease-out;display:block}.kl-slot3{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex}.kl-sticker{font-size:clamp(80px,30vh,180px);line-height:1}.kl-sticker.nieuw{animation:.8s ease-out kl-onthul}@keyframes kl-onthul{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.kleuter.rustig .kl-sticker.nieuw,.kleuter.rustig .kl-vulbalk>i{transition:none;animation:none}@media (prefers-reduced-motion:reduce){.kl-sticker.nieuw{animation:none}.kl-vulbalk>i{transition:none}}.kl-einde-knoppen{flex:none;justify-content:center;gap:24px;display:flex}.kl-einde{overflow:hidden}.kl-einde-inhoud{flex-direction:column;flex:auto;align-items:stretch;gap:16px;min-height:0;display:flex;overflow-y:auto}.kl-einde .etappe-klaar{width:min(100%,440px,41.6vh);margin:0 auto}@media (height<=460px){.kl-grote-knop{min-height:72px;font-size:44px}}.kl-grote-knop{min-width:120px;min-height:96px;font-size:56px}.kl-beeld{flex-direction:column;gap:8px}.kl-art-ding,.kl-art-ding svg{width:1.05em;height:1.05em;display:block}.kl-ding .art-svg{display:block}.kl-kaart.art{justify-self:center;min-height:0;padding:0;box-shadow:none!important;background:0 0!important;border:0!important}.kl-art-kaart{height:clamp(110px,38vh,220px);display:block}.kl-art-kaart svg{width:auto;height:100%;display:block}.kl-kaart.art.wiebel{outline:none}.kl-mand.art{padding:0;background:0 0!important;border:0!important}.kl-art-mand svg{width:auto;height:clamp(100px,26vh,190px);display:block}.kl-teller{cursor:pointer;background:0 0;border:0;min-height:64px;padding:4px}.kl-art-teller svg{width:auto;height:clamp(48px,13vh,90px);display:block}.kl-balk .etappe-strook{max-width:100%;position:static;transform:none}.kl-balk .etappe-stukken{flex-wrap:nowrap}.kl-etappe{justify-content:center;display:flex}.kl-etappe .etappe-strook{position:static;transform:none}.kl-plaatje{width:clamp(80px,24vh,150px);height:clamp(80px,24vh,150px);display:block}.kl-plaatje svg{width:100%;height:100%;display:block}.kl-plaatje.leeg{border:4px dashed var(--ink);box-sizing:border-box;border-radius:16px}.kl-patroon{flex-wrap:wrap;justify-content:center}.kl-patroon-stuk{border-radius:16px;display:inline-flex}.kl-vak{box-sizing:border-box;border:4px dashed var(--ink);border-radius:16px;justify-content:center;align-items:center;width:clamp(64px,13vh,92px);min-width:64px;height:clamp(64px,13vh,92px);min-height:64px;display:inline-flex}.kl-vak.vol{border-style:solid;border-color:var(--accent)}.kl-vak .kl-vorm{width:80%;height:80%}.kl-kaart.kijk,.kl-patroon-stuk.kijk,.kl-vak.kijk{outline:5px dashed var(--accent);outline-offset:4px}.kl-beeld.kijk .kl-patroon{outline:5px dashed var(--accent);outline-offset:8px;border-radius:16px}.kl-kaart.gekozen{box-shadow:0 0 0 6px var(--ink);transform:scale(.96)}.kleuter.rustig .kl-kaart.gekozen{transform:none}@media (prefers-reduced-motion:reduce){.kl-kaart.gekozen{transform:none}}.kl-kaart.sleepbaar{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.kl-kaart.wordt-gesleept{opacity:.35}.kl-spook{width:clamp(96px,22vh,140px);height:clamp(96px,22vh,140px);min-height:0}.kl-vak.pulseert{animation:1.1s ease-in-out infinite kl-puls}@keyframes kl-puls{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 45%, transparent)}}.kleuter.rustig .kl-vak.pulseert{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);animation:none}@media (prefers-reduced-motion:reduce){.kl-vak.pulseert{box-shadow:0 0 0 8px color-mix(in srgb, var(--accent) 45%, transparent);animation:none}}.opgave-fout{text-align:center;justify-content:center;align-items:center;display:flex}main.opgave-fout{background:0 0;justify-content:center}.opgave-fout-tekst{background:var(--panel);border:3px solid var(--soft);border-radius:24px;max-width:28ch;margin:0;padding:16px 24px;font-size:clamp(22px,4vh,34px)}div.opgave-fout{width:100%;height:100%}