html[data-wereld=dierenpad]{--halo:0 2px 0 #ffffffbf;--schaduw:0, 30, 10}html[data-wereld=eilandenreis]{--halo:0 2px 0 #ffffffbf;--schaduw:0, 30, 50}html[data-wereld=sterrenreis]{--halo:0 2px 6px #050828cc;--schaduw:0, 0, 20}html[data-wereld] body{font-family:var(--font-kind)}html[data-wereld] .titel,html[data-wereld] h1,html[data-wereld] h2{font-family:var(--font-kop);letter-spacing:.01em;font-weight:800}.art-svg{width:100%;height:100%;line-height:0;display:inline-block}.art-svg>svg{width:100%;height:100%;display:block;overflow:visible}.art-achtergrond{z-index:0;pointer-events:none;background:linear-gradient(180deg, var(--lucht-boven), var(--lucht-onder));position:fixed;inset:0}.art-achtergrond-svg,.art-achtergrond-svg>svg{width:100%;height:100%;display:block;position:absolute;inset:0}html[data-wereld] .scherm{z-index:1}.art-achtergrond.beweegt .ani-wolk{animation:38s ease-in-out infinite alternate art-drift}.art-achtergrond.beweegt .ani-wolk2{animation:52s ease-in-out infinite alternate-reverse art-drift}.art-achtergrond.beweegt .ani-gloei{animation:6s ease-in-out infinite alternate art-gloei}.art-achtergrond.beweegt .ani-vlinder{animation:7s ease-in-out infinite art-fladder}.art-achtergrond.beweegt .ani-vlinder2{animation:9s ease-in-out infinite reverse art-fladder}.art-achtergrond.beweegt .ani-twinkel{animation:3.2s ease-in-out infinite alternate art-twinkel}.art-achtergrond.beweegt .ani-twinkel2{animation:4.6s ease-in-out infinite alternate-reverse art-twinkel}.art-achtergrond.beweegt .ani-golf{animation:5s ease-in-out infinite alternate art-golf}.art-achtergrond.beweegt .ani-dobber{animation:4s ease-in-out infinite alternate art-dobber}.art-achtergrond.stil *{animation:none!important}@keyframes art-drift{0%{transform:translate(-30px)}to{transform:translate(40px)}}@keyframes art-gloei{0%{opacity:.75}to{opacity:1}}@keyframes art-twinkel{0%{opacity:.35}to{opacity:1}}@keyframes art-golf{0%{transform:translate(-14px)}to{transform:translate(14px)}}@keyframes art-dobber{0%{transform:translateY(-4px)rotate(-1.5deg)}to{transform:translateY(4px)rotate(1.5deg)}}@keyframes art-fladder{0%{transform:translate(0)scaleX(1)}25%{transform:translate(40px,-24px)scaleX(.6)}50%{transform:translate(80px,6px)scaleX(1)}75%{transform:translate(30px,20px)scaleX(.6)}to{transform:translate(0)scaleX(1)}}.art-figuur{flex:none;display:inline-block}.art-figuur.adem>.art-svg{transform-origin:50% 96%;animation:3.4s ease-in-out infinite art-adem}@keyframes art-adem{0%,to{transform:scale(1)}50%{transform:scale(1.015,.985)translateY(1px)}}.art-figuur.huppel>.art-svg{transform-origin:50% 96%;animation:.7s cubic-bezier(.3,.7,.4,1) 2 art-huppel}@keyframes art-huppel{0%,to{transform:translateY(0)}40%{transform:translateY(-18px)scale(.98,1.03)}70%{transform:translateY(0)scale(1.04,.96)}}.art-figuur .fig-ogen{transform-box:fill-box;transform-origin:50%}.art-figuur.knipper .fig-ogen{animation:5.2s ease-in-out infinite art-knipper}.art-figuur.art-gids.knipper .fig-ogen{animation-duration:6.3s;animation-delay:-2.1s}@keyframes art-knipper{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.12)}}.art-figuur.hup>.art-svg{transform-origin:50% 96%;animation:.6s cubic-bezier(.3,.7,.4,1) art-hup}@keyframes art-hup{0%,to{transform:none}40%{transform:translateY(-7%)scale(.98,1.03)}70%{transform:translateY(0)scale(1.03,.97)}}.art-figuur.knik>.art-svg{transform-origin:50% 96%;animation:.6s ease-in-out art-knik}.art-figuur.knik.adem>.art-svg{animation:.6s ease-in-out art-knik,3.4s ease-in-out .6s infinite art-adem}@keyframes art-knik{0%,to{transform:none}45%{transform:rotate(3deg)}}html[data-wereld] .knop{font-family:var(--font-kop);border-width:3px;gap:10px;font-weight:800}html[data-wereld] .knop .art-icoon{flex:none;width:1.1em;height:1.1em}html[data-wereld] .knop.hoofd .art-icoon{color:var(--accent-ink)}html[data-wereld] :focus-visible{outline:5px solid var(--accent);outline-offset:4px}html[data-wereld] .knop.klein:not([aria-label=Ouder]){min-width:var(--ui-klein-min,var(--tik));min-height:var(--ui-klein-min,var(--tik));font-size:26px}html[data-wereld] .sw-viering{cursor:pointer;background:0 0;animation:none}html[data-wereld] .sw-viering .sw-overslaan{z-index:30;position:absolute;bottom:24px;right:24px}html[data-wereld] .sw-kop .sw-wereld{margin-left:auto}html[data-wereld] .sw-wereld .art-icoon{width:60px;height:60px}html[data-wereld] .sw-k5 .art-nieuwe-badges{flex-wrap:wrap;justify-content:center}html[data-wereld] .sw-balk{background:var(--balk-spoor);border:3px solid var(--knop-rand);border-radius:18px;height:36px;box-shadow:inset 0 3px 6px #0000002e}html[data-wereld] .sw-balk.klein{border-width:2px;height:18px}html[data-wereld] .sw-balk i{background:linear-gradient(180deg, #ffffff80 0, #fff0 45%), linear-gradient(180deg, var(--balk-boven), var(--balk-onder));border-radius:inherit;box-shadow:inset -3px 0 #ffffff80}html[data-wereld] .sw-voorwerp{background:radial-gradient(circle at 40% 35%, var(--panel), var(--soft));border:3px solid var(--knop-rand);box-shadow:0 4px 0 color-mix(in srgb, var(--knop-rand) 60%, transparent);padding:4px;overflow:hidden}html[data-wereld] .sw-voorwerp .art-voorwerp{width:100%;height:100%}html[data-wereld] .sw-voorwerp.silhouet{background:var(--soft);opacity:1}html[data-wereld] .sw-voorwerp.silhouet .art-voorwerp{filter:brightness(0)opacity(.28)}html[data-wereld] .sw-voorwerp.nieuw{box-shadow:0 0 0 5px var(--accent), 0 0 24px 6px color-mix(in srgb, var(--accent) 60%, transparent)}html[data-wereld] .sw-kaarten li{background:linear-gradient(180deg, var(--panel), var(--soft));border-color:var(--knop-rand);box-shadow:0 4px 0 color-mix(in srgb, var(--knop-rand) 60%, transparent)}html[data-wereld] .sw-ster{color:#f2a91f;text-shadow:0 2px #00000040}html[data-wereld] .sw-stippen li{border-color:var(--knop-rand)}html[data-wereld] .sw-stippen li.gedaan{background:radial-gradient(circle at 35% 30%, var(--hoofd-boven), var(--hoofd-onder))}html[data-wereld] .overlay{background:color-mix(in srgb, var(--bg) 35%, #0a0f1e8c);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-wereld] .opgave,html[data-wereld] .antwoord,html[data-wereld] .hintzin,html[data-wereld] .scherm>.titel,html[data-wereld] .sw-kop .titel,html[data-wereld] .sw-vak h2,html[data-wereld] .sw-vak h3,html[data-wereld] .sw-afsluiting,html[data-wereld] .sw-k6-titel,html[data-wereld] .sw-k0-titel,html[data-wereld] .sw-welkom{text-shadow:var(--halo)}html[data-wereld] .opgave{font-family:var(--font-kop);font-weight:900}html[data-wereld] .antwoord-waarde{background:var(--panel);border:3px solid var(--knop-rand);text-shadow:none;border-radius:14px;padding:0 12px}.art-k1{flex-direction:row;justify-content:center;align-items:stretch;padding:24px}.art-k1 .titel{background:color-mix(in srgb, var(--panel) 85%, transparent);border:3px solid var(--knop-rand);box-shadow:0 5px 0 color-mix(in srgb, var(--knop-rand) 60%, transparent);border-radius:22px;padding:6px 22px;position:absolute;top:20px;left:24px}.art-k1-podium{flex:auto;justify-content:center;align-items:flex-end;gap:0;padding-bottom:7vh;display:flex;position:relative}.art-k1-podium .art-gids{margin-bottom:4px;margin-left:-24px}.art-k1-acties{justify-content:center;align-items:center;gap:var(--ruimte);flex-direction:column;flex:none;padding-right:4vw;display:flex}.art-k1 .k1-speel{min-width:calc(var(--hoofd) * 1.7);min-height:var(--hoofd);border-radius:40px;font-size:52px}.art-k1 .k1-speel .art-icoon{width:64px;height:64px}.art-k1 .uitdaging-knop{min-width:calc(var(--hoofd) * 1.7);position:static;transform:none}.art-k1 .uitdaging-knop .art-icoon{color:#f2a91f}.art-k1 .k1-collectie .art-icoon,.art-k1 .k1-wereld .art-icoon{width:64px;height:64px}.art-k1 .k1-wereld{position:absolute;top:20px;right:24px}@media (height<=500px){.art-k1{padding:12px}.art-k1 .titel{padding:2px 14px;font-size:26px;top:10px;left:12px}.art-k1-podium{padding-bottom:4px}.art-k1 .k1-speel{min-width:calc(var(--hoofd) * 1.4);font-size:34px}.art-k1 .k1-speel .art-icoon,.art-k1 .k1-collectie .art-icoon,.art-k1 .k1-wereld .art-icoon{width:40px;height:40px}.art-k1-acties{gap:10px;padding-right:96px}.art-k1 .uitdaging-knop{min-width:calc(var(--hoofd) * 1.4);font-size:26px}.art-k1 .k1-wereld{top:10px;right:12px}}html[data-wereld] .k2 .knop.toets{font-size:44px}.art-badge{flex:none;display:inline-block;position:relative}.art-badge>.art-svg{z-index:1;position:relative}.art-badge.nog>.art-svg{filter:grayscale()opacity(.4)}.art-badge.nieuw>.art-svg{animation:.9s cubic-bezier(.2,1.4,.4,1) both art-badge-in}.art-badge-stralen{z-index:0;background:repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--accent) 45%, transparent) 0 10deg, transparent 10deg 24deg);border-radius:50%;animation:4.8s linear both art-stralen,.5s ease-out both art-in;position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#000 25%,#0000 68%);mask:radial-gradient(circle,#000 25%,#0000 68%)}.art-badge-glans{z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0;overflow:hidden;-webkit-mask:radial-gradient(circle at 50% 43%,#000 58%,#0000 60%);mask:radial-gradient(circle at 50% 43%,#000 58%,#0000 60%)}.art-badge-glans:after{content:"";background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:35%;animation:1.1s ease-in-out .65s both art-glans;position:absolute;top:-20%;bottom:-20%;left:-60%;transform:skew(-20deg)}@keyframes art-badge-in{0%{opacity:0;transform:scale(.2)rotate(-25deg)}60%{opacity:1;transform:scale(1.12)rotate(6deg)}to{transform:scale(1)rotate(0)}}@keyframes art-stralen{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes art-in{0%{opacity:0}to{opacity:1}}@keyframes art-glans{0%{left:-60%}to{left:130%}}.art-badges{flex-wrap:wrap;gap:16px;display:flex}.art-badge-tegel{width:calc(var(--px-cm) * 2.6px);min-height:var(--tik);text-align:center;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:18px;line-height:1.15;display:flex}.art-badge-tegel .art-badge-naam{font-size:18px}.art-badge-tegel .art-badge-nog{color:var(--ink-zacht);font-size:16px;font-weight:700}.art-viering{z-index:20;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.art-viering-canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.art-viering-vlak{flex-direction:column;align-items:center;gap:16px;padding:24px 40px;display:flex;position:relative}.art-viering-tekst{font-family:var(--font-kop);color:var(--ink);text-shadow:var(--halo);margin:0;font-size:52px;font-weight:900;animation:.6s cubic-bezier(.2,1.3,.4,1) both art-tekst-in}.art-viering-badges{justify-content:center;gap:24px;display:flex}.art-viering-figuren{align-items:flex-end;gap:0;display:flex}.art-viering .art-gloed{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 35%, transparent), transparent 65%);pointer-events:none;border-radius:50%;width:70vmin;height:70vmin;animation:.4s ease-out both art-in;position:absolute}@keyframes art-tekst-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.art-viering.rustig .art-viering-tekst,.art-viering.rustig .art-badge>.art-svg{animation:.3s ease-out both art-in}@media (height<=500px){.art-viering-tekst{font-size:32px}.art-viering-vlak{gap:8px;padding:8px 16px}}.art-kies{justify-content:flex-start;gap:18px;padding-top:20px}.art-kies .titel{align-self:center}.art-kies-kaarten{flex:auto;justify-content:center;align-items:center;gap:28px;min-height:0;padding:8px 0;display:flex}.art-kies-kaart{width:min(30vw,350px);min-height:var(--hoofd);flex-direction:column;justify-content:flex-start;gap:12px;padding:12px 12px 14px;font-size:36px;animation:.52s cubic-bezier(.2,1.2,.4,1) both art-kaart-in}.art-kies-kaart:nth-child(2){animation-delay:90ms}.art-kies-kaart:nth-child(3){animation-delay:.18s}.art-kies-beeld{aspect-ratio:4/3;border:3px solid var(--knop-rand);border-radius:20px;width:100%;overflow:hidden}.art-kies-kaart[aria-pressed=true]{transform:translateY(-8px)scale(1.03)}.art-kies-kaart[aria-pressed=true] .art-kies-beeld{animation:1.6s ease-in-out infinite art-wiebel}@keyframes art-kaart-in{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1;transform:none}}@keyframes art-wiebel{0%,to{transform:rotate(0)}25%{transform:rotate(-1.2deg)}75%{transform:rotate(1.2deg)}}.art-kies-onder{gap:var(--ruimte);justify-content:center;align-items:center;display:flex}.art-kies-figuren{grid-template-columns:repeat(4,auto);justify-content:center;gap:18px;display:grid}.art-kies-figuur{width:calc(var(--px-cm) * 3.3px);min-height:calc(var(--px-cm) * 3.6px);flex-direction:column;padding:6px;font-size:20px}.art-kies-figuur .art-figuur{aspect-ratio:200/240;width:100%!important;height:auto!important}@media (height<=500px){.art-kies{gap:6px;padding-top:8px}.art-kies .titel{font-size:26px}.art-kies-kaart{gap:4px;width:26vw;padding:6px;font-size:22px}.art-kies-beeld{aspect-ratio:16/9}.art-kies-figuren{grid-template-columns:repeat(8,auto);gap:8px}.art-kies-figuur{width:88px;min-height:120px;padding:2px;font-size:14px}}.art-kast{flex-direction:column;gap:8px;display:flex}.art-kast-groep h3{margin:6px 0;font-size:22px}.art-bijna .art-badge-tegel{outline:3px dashed var(--knop-rand);outline-offset:3px}.art-k5-prestatie{justify-content:flex-start}.art-k5-zin{margin:0;font-size:26px}@media (prefers-reduced-motion:reduce){.art-achtergrond *,.art-figuur>.art-svg,.art-figuur *,.art-badge *,.art-viering *,.art-kies *{transition:none!important;animation:none!important}}:root{--duur-tik:.12s;--duur-pakken:80ms;--duur-vastklikken:.18s;--duur-terugzweven:.22s;--duur-val:.45s;--duur-wissel:.4s;--duur-vinkje:.25s;--duur-juichen:.6s;--duur-goed-glans:.7s;--duur-goed-gloed:.5s;--duur-fout-wiebel:.4s;--duur-in-beeld:.3s;--duur-bouw-landing:.15s;--duur-start-licht:.6s;--duur-unlock-glans:.8s;--duur-etappe-af:1.2s;--duur-scherm-wissel:.3s;--duur-hover:.16s;--duur-feedback-max:1s;--ease-landen:cubic-bezier(.34, 1.56, .64, 1);--ease-zacht:cubic-bezier(.4, 0, .2, 1);--ease-uit:cubic-bezier(0, 0, .2, 1)}html[data-wereld]{--ui-rand:3px;--ui-diepte:6px;--ui-druk:4px;--ui-tik-schaal:.94;--ui-r-knop:30px;--ui-r-klein:26px;--ui-r-icoon:999px;--ui-r-tegel:26px;--ui-r-antwoord:24px;--ui-r-paneel:28px;--ui-glans-boven:#ffffff73;--ui-lichtrand:inset 0 0 0 0 transparent;--ui-hover-gloed:0 0 0 0 transparent;--ui-zweef:0 12px 20px rgba(var(--schaduw), .22);--ui-textuur:none;--ui-focus:var(--accent);--ui-focus-binnen:var(--panel)}html[data-wereld=dierenpad]{--ui-lichtrand:inset 0 -3px 0 #5b6e3e1f;--ui-textuur:radial-gradient(circle at 25% 30%, #5b6e3e12 0 1.5px, transparent 2.5px) 0 0 / 26px 26px, radial-gradient(circle at 75% 70%, #b4500a0d 0 1.5px, transparent 2.5px) 0 0 / 26px 26px}html[data-wereld=sterrenreis]{--ui-diepte:5px;--ui-druk:3px;--ui-r-knop:20px;--ui-r-klein:18px;--ui-r-icoon:24px;--ui-r-tegel:18px;--ui-r-antwoord:16px;--ui-r-paneel:20px;--ui-glans-boven:#ffffff29;--ui-lichtrand:inset 0 1px 0 #ffffff38;--ui-hover-gloed:0 0 18px #9aa6ff52;--ui-zweef:0 12px 22px rgba(var(--schaduw), .45);--ui-textuur:radial-gradient(circle at 20% 25%, #ffffff1a 0 1px, transparent 1.6px) 0 0 / 38px 38px, radial-gradient(circle at 70% 65%, #ffc64a14 0 1px, transparent 1.8px) 0 0 / 53px 53px}html[data-wereld=eilandenreis]{--ui-r-knop:28px;--ui-r-klein:24px;--ui-r-tegel:24px;--ui-r-antwoord:22px;--ui-r-paneel:26px;--ui-lichtrand:inset 0 0 0 2px #ffffff80;--ui-textuur:radial-gradient(circle at 50% 100%, transparent 7px, #2f7f8c12 8px 9px, transparent 10px) 0 0 / 22px 11px}html[data-wereld] .knop{--ui-k-boven:var(--knop-boven);--ui-k-onder:var(--knop-onder);--ui-k-rand:var(--knop-rand);color:var(--ink);background:linear-gradient(180deg, var(--ui-glans-boven) 0, #ffffff1f 18%, #fff0 19%), linear-gradient(180deg, var(--ui-k-boven), var(--ui-k-onder));border-style:solid;border-color:var(--ui-k-rand);border-radius:var(--ui-r,var(--ui-r-knop));box-shadow:var(--ui-lichtrand), 0 var(--ui-diepte) 0 var(--ui-k-rand), var(--ui-zweef);transition:translate var(--duur-tik) var(--ease-zacht), scale var(--duur-tik) var(--ease-zacht), box-shadow var(--duur-tik) var(--ease-zacht), filter var(--duur-hover) var(--ease-zacht);-webkit-tap-highlight-color:transparent}html[data-wereld] .knop.hoofd,html[data-wereld] .knop.lamp.licht,html[data-wereld] .knop.oh-tegel.klaar{--ui-k-boven:var(--hoofd-boven);--ui-k-onder:var(--hoofd-onder);--ui-k-rand:var(--hoofd-rand);--ui-diepte:7px;--ui-glans-boven:#fff6;--ui-zweef:0 14px 24px rgba(var(--schaduw), .28);color:var(--accent-ink)}html[data-wereld] .knop.klein{border-radius:var(--ui-r,var(--ui-r-klein))}html[data-wereld] .knop:is(.lamp,.k1-wereld,.sw-wereld,.sw-luidspreker,.art-icoonknop),html[data-wereld] .knop[aria-label]:is(.hoek-links,.hoek-rechts).boven{border-radius:var(--ui-r,var(--ui-r-icoon))}html[data-wereld] .knop:is(.toets,.keuze){--ui-k-boven:var(--panel);--ui-k-onder:color-mix(in srgb, var(--knop-onder) 70%, var(--panel));border-radius:var(--ui-r,var(--ui-r-antwoord));font-variant-numeric:tabular-nums;font-weight:900}html[data-wereld] .knop.keuze.wordt-gesleept{opacity:.4;box-shadow:var(--ui-lichtrand), 0 1px 0 var(--ui-k-rand)}html[data-wereld] .knop.keuze.spook{box-shadow:var(--ui-lichtrand), 0 var(--ui-diepte) 0 var(--ui-k-rand), 0 18px 28px rgba(var(--schaduw), .3)}html[data-wereld] .knop:is(.ok,.kl-vink,.vorm-vink){border-radius:var(--ui-r,var(--ui-r-icoon));text-shadow:0 2px #0000002e;font-weight:900}html[data-wereld] .knop:is(.ok-tegel,.oh-tegel,.kw-tegel,.sw-tegel,.art-badge-tegel,.art-tegel){--ui-k-boven:var(--panel);--ui-k-onder:color-mix(in srgb, var(--panel) 82%, var(--soft));background:var(--ui-textuur), linear-gradient(180deg, var(--ui-glans-boven) 0, #fff0 12%), linear-gradient(180deg, var(--ui-k-boven), var(--ui-k-onder));border-radius:var(--ui-r,var(--ui-r-tegel))}html[data-wereld] .knop.oh-tegel.klaar{background:linear-gradient(180deg, var(--ui-glans-boven) 0, #fff0 12%), linear-gradient(180deg, var(--ui-k-boven), var(--ui-k-onder))}html[data-wereld] .knop:is(.ok-tegel,.art-tegel) :is(.ok-tekening,.art-icoon){filter:drop-shadow(0 3px 0 rgba(var(--schaduw), .18))}@media (hover:hover){html[data-wereld] .knop:hover:not([aria-disabled=true],:disabled,:active){filter:brightness(1.05)saturate(1.04);box-shadow:var(--ui-lichtrand), 0 var(--ui-diepte) 0 var(--ui-k-rand), var(--ui-zweef), var(--ui-hover-gloed)}html[data-wereld] .knop:is(.ok-tegel,.oh-tegel,.kw-tegel,.sw-tegel,.art-badge-tegel,.art-tegel):hover:not([aria-disabled=true],:disabled,:active){box-shadow:var(--ui-lichtrand), 0 calc(var(--ui-diepte) + 2px) 0 var(--ui-k-rand), var(--ui-zweef), var(--ui-hover-gloed);translate:0 -2px}}html[data-wereld] .knop:active:not([aria-disabled=true],:disabled){translate:0 var(--ui-druk);scale:var(--ui-tik-schaal);filter:brightness(.98);box-shadow:var(--ui-lichtrand), 0 calc(var(--ui-diepte) - var(--ui-druk)) 0 var(--ui-k-rand), 0 4px 10px rgba(var(--schaduw), .2);transition-duration:calc(var(--duur-tik) / 2)}html[data-wereld] .knop:is([aria-disabled=true],:disabled),html[data-wereld] .toetsen[data-uit=ja] .knop{filter:saturate(.55);box-shadow:var(--ui-lichtrand), 0 2px 0 color-mix(in srgb, var(--ui-k-rand) 60%, transparent);cursor:not-allowed}html[data-wereld] .knop[aria-pressed=true]{outline:6px solid var(--accent);outline-offset:3px}html[data-wereld] .knop:focus-visible{outline:5px solid var(--ui-focus);outline-offset:4px;box-shadow:var(--ui-lichtrand), 0 var(--ui-diepte) 0 var(--ui-k-rand), 0 0 0 4px var(--ui-focus-binnen), var(--ui-zweef)}html[data-wereld] :is(.sw-blok,.paneel,.sw-kaartchip,.art-paneel){background:var(--ui-textuur), linear-gradient(180deg, var(--panel), color-mix(in srgb, var(--panel) 88%, var(--soft)));border:var(--ui-rand) solid var(--knop-rand);border-radius:var(--ui-r,var(--ui-r-paneel));box-shadow:var(--ui-lichtrand), 0 6px 0 color-mix(in srgb, var(--knop-rand) 70%, transparent), 0 16px 32px rgba(var(--schaduw), .18)}html[data-wereld] :is(.bak-werk,.art-werkvlak){background:var(--ui-textuur), linear-gradient(180deg, color-mix(in srgb, var(--panel) 94%, transparent), color-mix(in srgb, var(--panel) 84%, transparent));border-color:color-mix(in srgb, var(--knop-rand) 55%, var(--soft));border-radius:var(--ui-r,var(--ui-r-paneel));box-shadow:var(--ui-lichtrand), 0 4px 0 color-mix(in srgb, var(--knop-rand) 35%, transparent), 0 10px 24px rgba(var(--schaduw), .14)}html[data-wereld] .doelkaart .bouwwerk-beeld,html[data-wereld] .sw-k5 .etappe-klaar{border:var(--ui-rand) solid var(--knop-rand);border-radius:var(--ui-r,var(--ui-r-paneel));box-shadow:var(--ui-lichtrand), 0 6px 0 color-mix(in srgb, var(--knop-rand) 70%, transparent), 0 16px 32px rgba(var(--schaduw), .18);overflow:hidden}html[data-wereld] :is(.doelkaart .bouwwerk-beeld,.sw-k5 .etappe-klaar) svg{border-radius:0}html[data-wereld] :is(.etappe-stukken,.etappe-bouw){border-radius:calc(var(--ui-r-paneel) * .6);box-shadow:var(--ui-lichtrand), 0 3px 0 color-mix(in srgb, var(--knop-rand) 55%, transparent), 0 6px 14px rgba(var(--schaduw), .14)}html:not([data-wereld]) :is(.ouder-blok,.ouder .paneel,.ouder-doel,.ouder-schoolregel,.ouder-ongedaan){border-color:color-mix(in srgb, var(--ink) 35%, var(--soft));box-shadow:0 2px 0 var(--soft), 0 8px 22px #1f2d4a14;border-radius:18px}html:not([data-wereld]) .ouder .knop{box-shadow:0 3px 0 color-mix(in srgb, var(--ink) 30%, transparent);transition:translate var(--duur-tik) var(--ease-uit), box-shadow var(--duur-tik) var(--ease-uit)}html:not([data-wereld]) .ouder .knop:active:not([aria-disabled=true],:disabled){box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 30%, transparent);translate:0 2px}.art-fx-laag{z-index:55;pointer-events:none;position:fixed;inset:0;overflow:hidden}.art-fx-laag>*,.art-fx-klem>*{pointer-events:none;will-change:transform, opacity;display:block;position:absolute}.art-fx-deeltje{width:var(--fx-maat,14px);height:var(--fx-maat,14px);background:var(--fx-kleur,#fff)}.art-fx-ster{clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.art-fx-blad{border-radius:0 100%}.art-fx-schelp{background:radial-gradient(circle at 35% 30%, #fffffff2 0 22%, var(--fx-kleur,#fff) 60%);border-radius:50%}.art-fx-stip{box-shadow:0 0 6px var(--fx-kleur,#fff);border-radius:50%}.art-fx-ring{border-radius:var(--fx-r,var(--ui-r-paneel,28px));box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,#ffc64a) 55%, transparent), 0 0 26px 6px color-mix(in srgb, var(--glans,#fff) 70%, transparent)}.art-fx-golf{border:6px solid color-mix(in srgb, var(--fx-kleur,#fff) 85%, transparent);border-radius:50%}.art-fx-straal{width:6px;height:var(--fx-lengte,60px);transform-origin:50% 0;background:linear-gradient(180deg, var(--fx-kleur,#fff), transparent);border-radius:3px;margin-left:-3px}.art-fx-klem{overflow:hidden}.art-fx-ripple{background:var(--fx-kleur,#fff);border-radius:50%}.art-fx-streep{background:linear-gradient(90deg,#0000,#ffffffd9,#0000);width:45%;top:-20%;bottom:-20%;left:0}.art-fx-goed{animation:art-fx-goed var(--duur-goed-glans) var(--ease-uit) 1}.art-fx-wiebel{animation:art-fx-wiebel var(--duur-fout-wiebel) var(--ease-zacht) 1}.art-fx-pop{animation:art-fx-pop var(--duur-vinkje) var(--ease-landen) 1 both}.art-fx-in{animation:art-fx-in var(--duur-in-beeld) var(--ease-zacht) 1 both}.art-fx-licht{animation:art-fx-licht var(--duur-start-licht) var(--ease-zacht) 1}.art-fx-pak{box-shadow:0 18px 28px rgba(var(--schaduw,0, 0, 0), .3);transition:scale var(--duur-pakken) var(--ease-uit), box-shadow var(--duur-pakken) var(--ease-uit);scale:1.08}@keyframes art-fx-goed{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 0%, transparent)}35%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 50%, transparent), 0 0 28px 8px color-mix(in srgb, var(--glans) 60%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--accent) 0%, transparent)}}@keyframes art-fx-wiebel{0%,to{translate:0;rotate:0deg}25%{translate:-4px;rotate:-1.5deg}50%{translate:3px;rotate:1deg}75%{translate:-2px;rotate:-.5deg}}@keyframes art-fx-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes art-fx-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes art-fx-licht{0%,to{filter:brightness()}45%{filter:brightness(1.18)saturate(1.1)}}html[data-beweging=rustig] .art-fx-laag{display:none}html[data-beweging=rustig] :is(.art-fx-goed,.art-fx-wiebel,.art-fx-pop,.art-fx-in,.art-fx-licht){animation:none!important}html[data-beweging=rustig] :is(.knop,.art-fx-pak){transition:none!important}html[data-beweging=rustig] .knop:hover:not(:active){translate:none!important}@media (prefers-reduced-motion:reduce){.art-fx-laag{display:none}.art-fx-goed,.art-fx-wiebel,.art-fx-pop,.art-fx-in,.art-fx-licht{animation:none!important}html .knop,.art-fx-pak{transition:none!important}html[data-wereld] .knop:hover:not(:active){translate:none!important}}