:root{--hb-font: "Nunito", system-ui, sans-serif;--hb-titelfont: "Chewy", "Fredoka", "Nunito", system-ui, sans-serif;--hb-accent: #ffd23f;--hb-rood: #e63946;--hb-rood-dark: #8f1620;--hb-creme: #fff6e5;--hb-inkt: #2b2540;--hb-lucht: #87b0df;--hb-sys: 54px;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#2f4f80}.hb-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--hb-font);color:var(--hb-creme);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.hb-root [hidden]{display:none!important}.hb-root>.su-sys{z-index:60}.hb-huis{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;touch-action:none;background-color:var(--hb-lucht, #87b0df);background-image:radial-gradient(circle,#fff 0 5px,transparent 6px),radial-gradient(circle,#fff 0 4px,transparent 5px),radial-gradient(circle,#fff 0 3px,transparent 4px);background-size:190px 170px,230px 210px,150px 130px;background-position:20px 30px,110px 90px,60px 140px}.hb-plaat{position:absolute;left:0;top:0;transform-origin:0 0;background:center / 100% 100% no-repeat;will-change:transform}.hb-plaat.is-anim{transition:transform .52s cubic-bezier(.3,.9,.3,1)}.hb-deeltjes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20}.hb-kamer__beeld{position:absolute;object-fit:cover;pointer-events:none}.hb-kamer{position:absolute;margin:0;padding:0;border:0;background:transparent;border-radius:3%;cursor:pointer;pointer-events:none;outline:none}.hb-kamer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 #ffd65a00;transition:box-shadow .25s}.hb-kamer:focus-visible:after,.hb-kamer.is-open:after{box-shadow:inset 0 0 0 6px #ffd65af2,0 0 40px #ffd65ab3}.hb-kamer__ster{position:absolute;top:4%;right:4%;width:clamp(22px,14%,56px);aspect-ratio:1;color:var(--hb-accent);filter:drop-shadow(0 2px 0 rgba(0,0,0,.35));opacity:0;transform:scale(.4);transition:opacity .3s,transform .3s}.hb-kamer__ster svg{width:100%;height:100%;display:block}.hb-kamer.is-klaar .hb-kamer__ster{opacity:1;transform:none}.hb-kamer.is-nieuw .hb-kamer__ster{animation:hb-stempel .9s cubic-bezier(.2,1.6,.4,1)}@keyframes hb-stempel{0%{transform:scale(3) rotate(-20deg);opacity:0}60%{transform:scale(.9) rotate(4deg);opacity:1}to{transform:none}}.hb-bord{position:absolute;pointer-events:none;display:grid;place-items:center;transform-origin:50% 50%;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25));z-index:3}.hb-bord--klein{filter:drop-shadow(0 2px 0 rgba(0,0,0,.25))}.hb-bord__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hb-bord__tekst{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-family:var(--hb-titelfont);font-size:var(--hb-bord-font, 32px);line-height:1;letter-spacing:.02em;white-space:nowrap;-webkit-text-stroke:.08em #111;paint-order:stroke fill;text-shadow:0 .05em 0 #111}.hb-boek-plek{position:absolute;margin:0;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;transform-origin:50% 50%;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25));transition:transform .15s}.hb-boek-plek:active{filter:drop-shadow(0 1px 0 rgba(0,0,0,.25))}.hb-boek-plek__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hb-boek-plek__tekst{position:absolute;left:10%;right:4%;top:62%;text-align:center;font-family:var(--hb-titelfont);font-size:var(--hb-boek-font, 14px);line-height:1;color:#fff6e5;white-space:nowrap;-webkit-text-stroke:.04em #8f1620;paint-order:stroke fill}.hb-boek-plek__tel{position:absolute;right:-6%;bottom:-8%;padding:.1em .5em;border-radius:999px;background:var(--hb-accent);color:var(--hb-inkt);font-family:var(--hb-font);font-weight:900;font-size:var(--hb-boek-font, 14px);box-shadow:0 2px #00000040}.hb-kamer.is-dicht .hb-kamer__ster{display:none}.hb-kamer.is-schud{animation:hb-schud .5s ease-in-out}.hb-vakje__slot{position:absolute;left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%);color:#2b25408c;display:none}.hb-vakje__slot svg{width:100%;height:100%;display:block}.hb-vakje.is-dicht .hb-vakje__slot{display:block}.hb-vakje.is-dicht .hb-vakje__img{opacity:.18}.hb-vakje.is-dicht.is-schud{animation:hb-schud .5s ease-in-out}.hb-vakje__rondes{position:absolute;left:6%;bottom:6%;padding:.05em .45em;border-radius:999px;background:var(--hb-accent);color:var(--hb-inkt);font-weight:900;font-size:clamp(11px,2vmin,15px);box-shadow:0 2px #0003}.hb-melding{z-index:74;background:#1e355873}.hb-melding__bord{width:min(92vw,460px);padding:clamp(18px,3vmin,28px);border-radius:22px;background:var(--hb-creme);color:var(--hb-inkt);text-align:center;border:8px solid #a9672c;box-shadow:inset 0 0 0 4px #5a3414,0 8px #5a3414,0 18px 36px #0006}.hb-melding__tekst{margin:0 0 14px;font-family:var(--hb-titelfont);font-size:clamp(24px,5vmin,36px);line-height:1.15;color:var(--hb-rood)}.hb-grap{position:absolute;height:auto;pointer-events:none;transform-origin:50% 90%}.hb-grap.is-reactie.hb-grap--wiebel{animation:hb-wiebel .9s ease-in-out}.hb-grap.is-reactie.hb-grap--spring{animation:hb-spring .9s cubic-bezier(.3,1.4,.4,1)}.hb-grap.is-reactie.hb-grap--draai{animation:hb-draai .9s ease-in-out}.hb-grap.is-reactie.hb-grap--schud{animation:hb-schud .7s ease-in-out}.hb-grap.is-reactie.hb-grap--stuiter{animation:hb-stuiter .9s ease-out}.hb-grap.is-reactie.hb-grap--knipper{animation:hb-knipper .9s steps(2,end)}@keyframes hb-wiebel{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}80%{transform:rotate(4deg)}}@keyframes hb-spring{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-22%) scale(1.08,.94)}70%{transform:translateY(0) scale(.96,1.06)}}@keyframes hb-draai{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hb-schud{0%,to{transform:translate(0)}15%,55%{transform:translate(-6%)}35%,75%{transform:translate(6%)}}@keyframes hb-stuiter{0%{transform:scale(1)}30%{transform:scale(1.25)}55%{transform:scale(.9)}80%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes hb-knipper{0%,to{opacity:1}50%{opacity:.25}}.hb-grap__rol{position:absolute;height:auto;pointer-events:none;z-index:2;transition:transform var(--hb-rol-duur, 2.2s) cubic-bezier(.4,0,.9,.6)}.hb-grap__rol.is-rolt{transform:translateY(var(--hb-rol-afstand, 400px)) rotate(900deg)}.hb-paspoortknop{position:absolute;z-index:65;top:calc(14px + var(--sat));left:14px;width:var(--hb-sys);height:var(--hb-sys);display:inline-flex;align-items:center;justify-content:center;gap:2px;border:0;border-radius:16px;padding:0;background:#fffffff0;color:var(--hb-rood);box-shadow:0 4px #00000040;cursor:pointer;font:inherit}.hb-paspoortknop:active{transform:translateY(3px);box-shadow:0 1px #00000040}.hb-paspoortknop__boek{position:relative;width:58%;height:70%;border-radius:4px 7px 7px 4px;background:var(--hb-rood);box-shadow:inset 4px 0 0 var(--hb-rood-dark)}.hb-paspoortknop__ster{position:absolute;top:22%;right:22%;bottom:22%;left:22%;color:var(--hb-accent)}.hb-paspoortknop__ster svg{width:100%;height:100%;display:block}.hb-paspoortknop__tel{position:absolute;right:-6px;bottom:-6px;min-width:22px;height:22px;padding:0 5px;box-sizing:border-box;border-radius:11px;background:var(--hb-accent);color:var(--hb-inkt);font-weight:900;font-size:13px;line-height:22px;text-align:center;box-shadow:0 2px #00000040}.hb-lijst{position:absolute;z-index:64;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:6px 10px calc(6px + var(--sab));background:#fff6e5f0;box-shadow:0 -4px #0000001f}.hb-lijst__boek,.hb-lijst__item{position:relative;width:clamp(44px,7.5vmin,56px);height:clamp(44px,7.5vmin,56px);flex:none;padding:0;border:0;border-radius:14px;cursor:pointer;background:#fff;box-shadow:0 3px #0000002e;display:grid;place-items:center;overflow:visible}.hb-lijst__item{border-radius:50%;background:#f3ede2;box-shadow:inset 0 0 0 3px #2b254024,0 3px #00000024}.hb-lijst__item:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:2px dashed rgba(43,37,64,.22);pointer-events:none}.hb-lijst__item.is-klaar{background:#fff;box-shadow:inset 0 0 0 3px var(--hb-rood),0 3px #0000002e}.hb-lijst__item.is-klaar:before{border-color:var(--hb-rood)}.hb-lijst__boek{color:var(--hb-rood)}.hb-lijst__boek svg{width:60%;height:60%}.hb-lijst__boek:active,.hb-lijst__item:active{transform:translateY(2px);box-shadow:0 1px #0000002e}.hb-lijst__img{width:70%;height:70%;object-fit:contain;filter:grayscale(1);opacity:.45;transition:filter .3s,opacity .3s}.hb-lijst__item.is-klaar .hb-lijst__img{filter:none;opacity:1}.hb-lijst__item.is-volgende{box-shadow:0 0 0 3px var(--hb-accent),0 3px #0000002e;animation:hb-pols 1.4s ease-in-out infinite}@keyframes hb-pols{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hb-lijst__vink{position:absolute;right:-5px;bottom:-5px;width:42%;aspect-ratio:1;border-radius:50%;background:#4dd26b;color:#fff;box-shadow:0 2px #00000040;display:grid;place-items:center;opacity:0;transform:scale(.3);transition:opacity .25s,transform .25s}.hb-lijst__vink svg{width:70%;height:70%}.hb-lijst__item.is-klaar .hb-lijst__vink{opacity:1;transform:none}.hb-kamerlaag{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50}.hb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));box-sizing:border-box;overflow:auto}.hb-paspoort{background-color:var(--hb-lucht, #87b0df);background-image:radial-gradient(circle,#fff 0 5px,transparent 6px),radial-gradient(circle,#fff 0 4px,transparent 5px),radial-gradient(circle,#fff 0 3px,transparent 4px);background-size:190px 170px,230px 210px,150px 130px;background-position:20px 30px,110px 90px,60px 140px}.hb-feest{background:radial-gradient(120% 90% at 50% -10%,#b8301f,#7d140e 55%,#4a0a07 120%)}.hb-boek,.hb-diploma{width:min(94vw,720px);max-height:100%;box-sizing:border-box;padding:clamp(14px,3vmin,28px);border-radius:26px;background:var(--hb-creme);color:var(--hb-inkt);box-shadow:0 10px #00000040,0 20px 40px #00000059;text-align:center}.hb-boek__titel,.hb-diploma__titel{margin:0 0 10px;font-family:var(--hb-titelfont);font-weight:400;font-size:clamp(28px,6vmin,46px);color:var(--hb-rood)}.hb-boek__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vmin,14px)}@media (max-width: 520px){.hb-boek__grid{grid-template-columns:repeat(3,1fr)}}.hb-vakje{position:relative;aspect-ratio:1;border-radius:16px;border:0;padding:0;cursor:pointer;font:inherit;background:#fff;box-shadow:inset 0 0 0 3px #2b25401f;display:grid;place-items:center;overflow:hidden}.hb-vakje__img{width:78%;height:78%;object-fit:contain;opacity:.35;filter:grayscale(1);transition:opacity .3s,filter .3s}.hb-vakje.is-klaar .hb-vakje__img{opacity:1;filter:none}.hb-vakje__stempel{position:absolute;right:6%;bottom:6%;width:34%;aspect-ratio:1;color:var(--hb-accent);filter:drop-shadow(0 2px 0 rgba(0,0,0,.3));opacity:0;transform:scale(.4) rotate(-15deg);transition:opacity .3s,transform .3s}.hb-vakje__stempel svg{width:100%;height:100%;display:block}.hb-vakje.is-klaar .hb-vakje__stempel{opacity:1;transform:none}.hb-boek__acties{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.hb-knop{font:inherit;font-weight:800;font-size:20px;min-height:58px;padding:12px 24px;border-radius:16px;border:none;background:var(--hb-rood);color:#fff;box-shadow:0 4px 0 var(--hb-rood-dark);cursor:pointer}.hb-knop:active{transform:translateY(3px);box-shadow:0 1px 0 var(--hb-rood-dark)}.hb-knop--klein{font-size:15px;font-weight:700;min-height:40px;padding:6px 14px;background:#fff;color:var(--hb-inkt);box-shadow:0 3px #0000002e}.hb-kamerbord{position:absolute;z-index:57;left:50%;top:calc(6px + var(--sat));transform:translate(-50%) rotate(var(--hb-kamerbord-hoek, -2deg));width:clamp(260px,40vmin,440px);height:54px;display:grid;place-items:center;pointer-events:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25))}.hb-kamerbord .hb-bord__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hb-kamerbord__tekst{position:absolute;left:6%;right:6%;top:54%;transform:translateY(-50%);text-align:center;font-family:var(--hb-titelfont);font-size:calc(clamp(22px,3.6vmin,31px) * var(--hb-kamerbord-schaal, 1));line-height:1;white-space:nowrap;color:#fff;-webkit-text-stroke:.08em #111;paint-order:stroke fill;text-shadow:0 .05em 0 #111}@media (max-width: 640px){.hb-kamerbord{left:10px;transform:rotate(var(--hb-kamerbord-hoek, -2deg));top:calc(12px + var(--sat));width:calc(100vw - 3 * var(--hb-sys) - 44px);height:50px}.hb-kamerbord__tekst{font-size:clamp(15px,5.2vw,22px)}.hb-instructie{font-size:clamp(30px,9vw,40px);max-width:94vw}}.hb-instructie{position:absolute;z-index:58;left:50%;top:40%;transform:translate(-50%,-50%);max-width:90vw;padding:.25em .7em;border-radius:.5em;background:#161a30c7;box-shadow:0 8px 30px #00000059;font-family:var(--hb-titelfont);font-size:clamp(34px,8vmin,66px);line-height:1.1;text-align:center;color:#fff;pointer-events:none;-webkit-text-stroke:.05em #111;paint-order:stroke fill;text-shadow:0 .06em 0 #111;animation:hb-instructie-in .35s cubic-bezier(.3,1.5,.4,1);transition:opacity .3s,transform .3s}.hb-instructie.is-weg{opacity:0;transform:translate(-50%,-50%) scale(1.15)}@keyframes hb-instructie-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.hb-kaart{z-index:72;background-color:var(--hb-lucht, #87b0df);background-image:radial-gradient(circle,#fff 0 5px,transparent 6px),radial-gradient(circle,#fff 0 4px,transparent 5px),radial-gradient(circle,#fff 0 3px,transparent 4px),radial-gradient(circle,#fff 0 4px,transparent 5px);background-size:190px 170px,230px 210px,150px 130px,270px 250px;background-position:20px 30px,110px 90px,60px 140px,180px 20px}.hb-kaart__rij{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;width:100%}.hb-kaart__figuur{grid-column:1;justify-self:end;width:clamp(90px,22vmin,170px);height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));animation:hb-spring 1s cubic-bezier(.3,1.4,.4,1)}.hb-kaart__bord{grid-column:2;position:relative;width:min(520px,calc(100vw - 32px));box-sizing:border-box;overflow:visible;border-radius:24px;background:var(--hb-creme);color:var(--hb-inkt);text-align:center;border:10px solid #a9672c;box-shadow:inset 0 0 0 4px #5a3414,0 10px #5a3414,0 22px 40px #0006}.hb-kaart__inhoud{max-height:calc(100vh - 80px - var(--sat) - var(--sab));overflow-y:auto;padding:clamp(22px,4vmin,34px) clamp(16px,3vmin,26px) clamp(18px,3vmin,26px);border-radius:14px}.hb-kaart__titel{margin:0 0 10px;padding:0 clamp(28px,6vmin,48px);font-family:var(--hb-titelfont);font-weight:400;font-size:clamp(28px,6vmin,44px);line-height:1.1;letter-spacing:.01em;color:var(--hb-rood);text-shadow:0 2px 0 rgba(0,0,0,.12)}.hb-kaart__beeld{display:inline-block;max-width:100%;margin:0 auto 10px;border-radius:14px;overflow:hidden;box-shadow:0 3px #0000001f;line-height:0}.hb-kaart__beeld img,.hb-kaart__beeld canvas{display:block;width:auto;height:auto;max-width:min(100%,320px);max-height:34vh}.hb-kaart__stempel{position:absolute;z-index:3;top:-18px;right:-18px;width:clamp(52px,10vmin,84px);aspect-ratio:1;color:var(--hb-accent);filter:drop-shadow(0 3px 0 rgba(0,0,0,.35));transform:rotate(12deg)}.hb-kaart__stempel svg{width:100%;height:100%;display:block}.hb-kaart__stempel.is-nieuw{animation:hb-stempel 1s cubic-bezier(.2,1.6,.4,1) .3s backwards}.hb-kaart__acties{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:12px}.hb-kaart__acties .hb-knop{width:min(100%,300px)}.hb-knop--hoofd{background:var(--hb-rood);color:#fff;box-shadow:0 4px 0 var(--hb-rood-dark)}.hb-knop--licht{background:#fff;color:var(--hb-inkt);box-shadow:0 4px #0003}@media (max-width: 480px){.hb-kaart__rij{grid-template-columns:1fr;justify-items:center}.hb-kaart__figuur{grid-column:1;justify-self:center;width:92px;margin-bottom:-18px;z-index:1}.hb-kaart__bord{grid-column:1}}.hb-kaart--eigen{background-size:cover;background-position:center}.hb-kaart--eigen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1e355847}.hb-kaart--eigen>*{position:relative}.hb-kaart__rondes{display:flex;justify-content:center;gap:8px;margin:-2px 0 10px}.hb-kaart__ronde{width:clamp(34px,7vmin,52px);aspect-ratio:1;color:#2b254029}.hb-kaart__ronde.is-on{color:var(--hb-accent);filter:drop-shadow(0 2px 0 #3b2008)}.hb-kaart__ronde svg{width:100%;height:100%;display:block}.hb-diploma{position:relative;z-index:2;border:6px double var(--hb-accent)}.hb-diploma__figuur{width:clamp(120px,26vmin,220px);height:auto;margin-top:-28%;margin-bottom:-4%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3));animation:hb-spring 1.2s cubic-bezier(.3,1.4,.4,1)}.hb-diploma__rij{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 18px}.hb-diploma__vak{width:clamp(44px,9vmin,72px);aspect-ratio:1;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 2px #2b25401f;display:grid;place-items:center;overflow:hidden}.hb-diploma__vak img{width:80%;height:80%;object-fit:contain}.hb-feest__slingers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:1}.hb-feest__confetti{position:absolute;top:-20px;width:12px;height:20px;border-radius:3px;animation:hb-val 3.2s linear infinite}@keyframes hb-val{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}.hb-handje{z-index:66}:root{--zg-font: "Nunito", system-ui, sans-serif;--zg-titelfont: "Fredoka", "Nunito", system-ui, sans-serif;--zg-accent: #ffd23f;--zg-accent-dark: #6b3a05;--zg-rood: #e63946;--zg-rood-dark: #8f1620;--zg-sys: 54px;--zg-bak: clamp(112px, 19vmin, 170px);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}.zg-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--zg-font);color:#fff6e5;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.zg-root [hidden]{display:none!important}.zg-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#4a0a07 center / cover no-repeat}.zg-root .su-sys{z-index:60}.zg-speel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column}.zg-stappen{position:absolute;top:calc(18px + var(--sat));left:16px;z-index:20;display:flex;gap:8px}.zg-dot{width:clamp(14px,2.4vmin,20px);height:clamp(14px,2.4vmin,20px);border-radius:50%;background:#ffffff59;box-shadow:inset 0 0 0 2px #00000040,0 2px #0003;transition:background .2s,transform .2s}.zg-dot.klaar{background:var(--zg-accent)}.zg-dot.nu{background:#fff;transform:scale(1.2)}.zg-podium{position:relative;flex:1;min-height:0;margin:calc(var(--zg-sys) + 16px + var(--sat)) 12px 6px;display:grid;place-items:center}.zg-figuur{position:relative;width:300px;height:300px;transform-origin:50% 90%}.zg-figuur__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}.zg-laag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.zg-ooglid{position:absolute;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .06s}.zg-ooglid.dicht{opacity:1}.zg-vast{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.zg-vast__item{position:absolute;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));animation:zg-pop .4s cubic-bezier(.2,1.6,.4,1)}.zg-ring{position:absolute;border-radius:50%;border:clamp(4px,.8vmin,7px) dashed rgba(255,255,255,.85);box-shadow:0 0 0 4px #00000026,inset 0 0 0 4px #00000026;pointer-events:none;animation:zg-puls 1.4s ease-in-out infinite}.zg-ring.hover{border-style:solid;border-color:#7dff8a;animation:none;transform:scale(1.08)}@keyframes zg-puls{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}.zg-doel{position:absolute;transform:translate(-50%,-50%);cursor:pointer;touch-action:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));animation:zg-wip 1.6s ease-in-out infinite}.zg-doel.aan{animation:none;filter:drop-shadow(0 0 14px #ffe27a) drop-shadow(0 6px 8px rgba(0,0,0,.35))}@keyframes zg-wip{0%,to{transform:translate(-50%,-50%) rotate(-4deg)}50%{transform:translate(-50%,-50%) rotate(4deg)}}.zg-beweeg--wiebel{animation:zg-wiebel .5s ease-in-out 3}.zg-beweeg--hup{animation:zg-hup .55s cubic-bezier(.3,1.4,.5,1) 3}.zg-beweeg--knik{animation:zg-knik .6s ease-in-out 2}.zg-beweeg--kauw{animation:zg-kauw .28s ease-in-out 4}@keyframes zg-wiebel{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes zg-hup{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-5%) scale(1.03,.97)}70%{transform:translateY(0) scale(.98,1.03)}}@keyframes zg-knik{0%,to{transform:rotate(0)}50%{transform:rotate(5deg) translateY(2%)}}@keyframes zg-kauw{0%,to{transform:scale(1)}50%{transform:scale(1.03,.96) translateY(1.5%)}}.zg-bak{flex:0 0 var(--zg-bak);display:flex;justify-content:center;align-items:center;gap:clamp(14px,4vmin,44px);padding:6px 12px calc(10px + var(--sab));background:linear-gradient(180deg,#0000,#00000047);z-index:15}.zg-item,.zg-tool{height:auto;max-height:calc(var(--zg-bak) - 18px);object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));will-change:transform;animation:zg-pop .4s cubic-bezier(.2,1.6,.4,1) backwards}.zg-item{cursor:grab;touch-action:none;position:relative;z-index:1}.zg-item.sleep{z-index:50;cursor:grabbing;filter:drop-shadow(0 16px 16px rgba(0,0,0,.4));animation:none}.zg-item.terug{transition:transform .45s cubic-bezier(.2,1.2,.4,1)}.zg-item.bezig{pointer-events:none;z-index:50}.zg-tool{animation:zg-pop .4s cubic-bezier(.2,1.6,.4,1) backwards,zg-deint 1.6s ease-in-out .4s infinite}.zg-tool.in-hand{opacity:.25;animation:none}@keyframes zg-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zg-deint{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.zg-hand{position:absolute;z-index:55;pointer-events:none;transform:translate(-30%,-70%) rotate(-8deg);filter:drop-shadow(0 10px 10px rgba(0,0,0,.4));transition:transform .1s}.zg-hand.beweegt{transform:translate(-30%,-70%) rotate(6deg) scale(1.04)}.zg-deeltje{position:absolute;z-index:54;pointer-events:none;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;animation:zg-deeltje .75s ease-out forwards}.zg-deeltje--bubbel{background:radial-gradient(circle at 35% 35%,#fff,#dcf5ffd9 55%,#aadcff99);box-shadow:inset 0 0 0 2px #ffffffb3}.zg-deeltje--druppel{width:12px;height:16px;border-radius:50% 50% 55% 55%;background:radial-gradient(circle at 35% 30%,#fff,#8fd3ff 60%,#4aa8e8)}.zg-deeltje--fonkel{background:none;color:#ffe27a}.zg-deeltje svg{width:100%;height:100%;display:block}@keyframes zg-deeltje{0%{transform:translate(0) scale(.5);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1.1);opacity:0}}.zg-hart{position:absolute;z-index:56;pointer-events:none;width:clamp(34px,7vmin,64px);color:#ff4d6d;animation:zg-hart 1.8s ease-out forwards}.zg-hart--sterren{color:#ffd23f}.zg-hart svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@keyframes zg-hart{0%{transform:translate(0) scale(0);opacity:0}15%{opacity:1;transform:translateY(-10px) scale(var(--s))}to{transform:translate(var(--dx),-220px) scale(var(--s)) rotate(15deg);opacity:0}}.zg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(var(--zg-sys) + 16px + var(--sat)) 16px calc(16px + var(--sab));overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#b8301f,#7d140e 55%,#4a0a07 120%)}.zg-titel{transform:rotate(-2deg)}.zg-eind__titel{margin:0;font-family:var(--zg-titelfont);font-weight:700;font-size:clamp(30px,6.5vmin,56px);color:var(--zg-accent);-webkit-text-stroke:clamp(3px,.8vmin,7px) var(--zg-accent-dark);paint-order:stroke fill;text-shadow:0 4px 0 #3a0906;text-align:center}.zg-knop{font-family:var(--zg-titelfont);font-weight:700;cursor:pointer;border:none;border-radius:20px;background:linear-gradient(180deg,#ffe27a,#f4b92c);color:var(--zg-accent-dark);font-size:clamp(22px,4vmin,34px);border-bottom:6px solid #a8780e;box-shadow:0 6px 14px #0000004d;transition:transform .08s}.zg-knop:active{transform:translateY(3px);border-bottom-width:3px}.zg-knop--huis{background:linear-gradient(180deg,#fff,#e8e2d6);color:#3a2a12;border-bottom-color:#a89a84;font-size:clamp(18px,3.2vmin,26px)}.zg-eindfiguur{filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.zg-root .su-start__hero-img{max-height:46vh}@media (max-width: 480px){:root{--zg-bak: clamp(104px, 17vmin, 150px)}.zg-podium{margin:calc(var(--zg-sys) + 12px + var(--sat)) 6px 4px}}@media (max-height: 640px){:root{--zg-bak: 100px}}.tk-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--tk-font, "Nunito", system-ui, sans-serif);background:var(--tk-page-bg, #2d6a4f);color:var(--su-ink, #2b1a0e);-webkit-tap-highlight-color:transparent}.tk-root [hidden],.tk-root[hidden]{display:none!important}.tk-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.tk-root .su-sys__btn{background:var(--tk-sys, rgba(255,255,255,.94));color:var(--tk-sys-inkt, #2b1a0e)}.tk-root .su-sys__btn:hover{filter:brightness(1.08);background:var(--tk-sys, #fff)}.tk-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--su-knop, 54px) + 12px + var(--sat, 0px)) 16px calc(18px + var(--sab, 0px));background:linear-gradient(var(--tk-waas),var(--tk-waas)),var(--tk-plaat, none) center 50% / cover no-repeat,var(--tk-page-bg, #2d6a4f)}.tk-logo{width:clamp(260px,46vw,560px);max-width:92vw;max-height:34vh;object-fit:contain;display:block;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}.tk-titel{margin:0;font-family:var(--tk-font-titel, inherit);font-weight:400;line-height:1.05;letter-spacing:1px;font-size:clamp(36px,8vw,68px);color:var(--tk-titel, #ffd24d);-webkit-text-stroke:clamp(4px,.9vmin,8px) var(--tk-titel-rand, #2b1a0e);paint-order:stroke fill;text-shadow:0 6px 18px rgba(0,0,0,.45)}.tk-titel--start{font-size:clamp(48px,14vmin,128px);line-height:.95;transform:rotate(-3deg)}.tk-btn{font-family:var(--tk-font-titel, inherit);font-weight:400;font-size:clamp(26px,4.6vw,36px);letter-spacing:1px;border:none;border-radius:24px;cursor:pointer;padding:16px 52px;margin-top:4px;color:var(--tk-knop-inkt, #fff);background:var(--tk-knop, #ff8a3d);box-shadow:0 7px 0 var(--tk-knop-rand, #a34a0b),0 14px 26px #00000073,inset 0 2px #fff5dc80;transition:transform .06s,box-shadow .06s;touch-action:manipulation}.tk-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--tk-knop-rand, #a34a0b)}.tk-btn:disabled,.tk-btn[aria-disabled=true]{opacity:.5;cursor:default;transform:none}.tk-overlay--eind .su-eind{justify-content:center}.tk-overlay--eind .su-paneel{display:flex;flex-direction:column;align-items:center;gap:4px;border:3px solid var(--tk-titel-rand, #2b1a0e)}.tk-overlay--eind .tk-titel{font-size:clamp(30px,7vw,48px)}.tk-overlay--eind .tk-btn{margin:0;padding:12px 8px}.su-start.tk-start{background:linear-gradient(var(--tk-waas),var(--tk-waas)),var(--tk-plaat, none) center 50% / cover no-repeat,var(--tk-page-bg, #2d6a4f);color:var(--tk-titel, #ffd24d)}.tk-start .tk-start__logo{display:block}.tk-start .su-start__speel.tk-btn{min-width:0;margin-top:0;font-family:var(--tk-font-titel, inherit);font-weight:400;font-size:clamp(28px,5vw,40px);padding:18px 60px;border-radius:26px;color:var(--tk-knop-inkt, #fff);background:var(--tk-knop, #ff8a3d);text-shadow:none;animation:none;box-shadow:0 7px 0 var(--tk-knop-rand, #a34a0b),0 14px 26px #00000073,inset 0 2px #fff5dc80}.tk-start .su-start__speel.tk-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--tk-knop-rand, #a34a0b)}@media (max-height: 520px){.tk-logo{max-height:30vh}.tk-overlay--eind .su-eind__sint{width:80px}}:root{--mk-font: "Nunito", system-ui, sans-serif;--mk-titelfont: "Fredoka", "Nunito", system-ui, sans-serif;--mk-accent: #ffd23f;--mk-accent-dark: #6b3a05;--mk-rood: #e63946;--mk-rood-dark: #8f1620;--mk-sys: 54px;--mk-balk: clamp(120px, 21vmin, 182px);--mk-optie-bg: rgba(255, 248, 238, .94);--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#4a0a07}.mk-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--mk-font);color:#fff6e5;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.mk-root [hidden]{display:none!important}.mk-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#4a0a07 center / cover no-repeat}.mk-root .su-sys{z-index:60}.mk-speel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column}.mk-stappen{position:absolute;top:calc(18px + var(--sat));left:16px;z-index:20;display:flex;gap:8px}.mk-dot{width:clamp(14px,2.4vmin,20px);height:clamp(14px,2.4vmin,20px);border-radius:50%;background:#ffffff59;box-shadow:inset 0 0 0 2px #00000040,0 2px #0003;transition:background .2s,transform .2s}.mk-dot.klaar{background:var(--mk-accent)}.mk-dot.nu{background:#fff;transform:scale(1.2)}.mk-podium{position:relative;flex:1;min-height:0;margin:calc(var(--mk-sys) + 14px + var(--sat)) 12px 6px;display:flex;align-items:center;justify-content:center;gap:8px}.mk-podium--liggend{flex-direction:row}.mk-podium--liggend .mk-figuur--links{order:-1}.mk-podium--staand{flex-direction:column}.mk-podium--staand .mk-figuur{order:-1}.mk-werkstuk{position:relative;width:300px;height:300px;flex:none;transform-origin:50% 85%}.mk-lagen{position:absolute;top:0;right:0;bottom:0;left:0}.mk-laag{position:absolute;transform:translate(-50%,-50%);height:auto;display:block;filter:drop-shadow(0 6px 8px rgba(0,0,0,.28));cursor:pointer;touch-action:none}.mk-laag--basis{cursor:default;pointer-events:none}.mk-laag--vul{filter:none}.mk-laag.nieuw{animation:mk-plof .45s cubic-bezier(.2,1.6,.4,1) backwards}.mk-laag--vul.nieuw{animation:mk-plof-vul .45s cubic-bezier(.2,1.6,.4,1) backwards}@keyframes mk-plof{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes mk-plof-vul{0%{transform:scale(0)}to{transform:scale(1)}}.mk-werkstuk.mk-hap .mk-lagen:not(.mk-lagen--onder){-webkit-mask-image:radial-gradient(circle at var(--mk-hap-x, 78%) var(--mk-hap-y, 20%),transparent 0 calc(var(--mk-hap-r, 16%) - .5%),#000 var(--mk-hap-r, 16%));mask-image:radial-gradient(circle at var(--mk-hap-x, 78%) var(--mk-hap-y, 20%),transparent 0 calc(var(--mk-hap-r, 16%) - .5%),#000 var(--mk-hap-r, 16%))}.mk-werkstuk.mk-dans{animation:mk-dans .5s ease-in-out 5}@keyframes mk-dans{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5%) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5%) rotate(5deg)}}.mk-figuur{position:relative;flex:none;width:200px;height:300px;transform-origin:50% 90%}.mk-figuur__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(0 10px 12px rgba(0,0,0,.35))}.mk-beweeg--wiebel{animation:mk-wiebel .5s ease-in-out 3}.mk-beweeg--hup{animation:mk-hup .55s cubic-bezier(.3,1.4,.5,1) 3}.mk-beweeg--knik{animation:mk-knik .6s ease-in-out 2}@keyframes mk-wiebel{0%,to{transform:rotate(0)}25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes mk-hup{0%,to{transform:translateY(0) scale(1)}40%{transform:translateY(-5%) scale(1.03,.97)}70%{transform:translateY(0) scale(.98,1.03)}}@keyframes mk-knik{0%,to{transform:rotate(0)}50%{transform:rotate(5deg) translateY(2%)}}.mk-balk{flex:0 0 var(--mk-balk);display:flex;justify-content:center;align-items:center;gap:clamp(10px,2.6vmin,30px);padding:6px 12px calc(10px + var(--sab));background:linear-gradient(180deg,#0000,#0000004d);z-index:15}.mk-optie{--mk-optie-maat: min(var(--mk-optie, 120px), calc(var(--mk-balk) - 18px), calc((100vw - 40px - (var(--mk-n, 4) - 1) * 10px) / var(--mk-n, 4)));width:var(--mk-optie-maat);height:var(--mk-optie-maat);flex:none;box-sizing:border-box;padding:calc(var(--mk-optie-maat) * .08);border:0;border-radius:22px;background:var(--mk-optie-bg);cursor:pointer;touch-action:none;box-shadow:0 5px #00000040,0 8px 16px #00000040;display:grid;place-items:center;overflow:hidden;animation:mk-pop .4s cubic-bezier(.2,1.6,.4,1) backwards;transition:transform .08s,box-shadow .08s}.mk-optie:active,.mk-optie.tik{transform:translateY(3px) scale(.96);box-shadow:0 2px #00000040,0 4px 8px #0003}.mk-optie.gekozen{outline:5px solid var(--mk-accent);outline-offset:-2px}.mk-optie__img{width:100%;height:100%;min-height:0;min-width:0;object-fit:contain;pointer-events:none}.mk-optie__staal{width:100%;height:100%;min-height:0;box-sizing:border-box;border-radius:16px;box-shadow:inset 0 0 0 3px #0000002e;pointer-events:none}@keyframes mk-pop{0%{transform:scale(0)}to{transform:scale(1)}}.mk-confetti{position:absolute;z-index:56;pointer-events:none;width:clamp(10px,1.8vmin,16px);height:clamp(14px,2.6vmin,24px);border-radius:3px;animation:mk-confetti var(--d, 2s) cubic-bezier(.3,.2,.6,1) forwards}@keyframes mk-confetti{0%{transform:translate(0) rotate(0);opacity:1}85%{opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}.mk-deeltje{position:absolute;z-index:56;pointer-events:none;width:clamp(34px,7vmin,64px);color:#ff4d6d;animation:mk-deeltje 1.8s ease-out forwards}.mk-deeltje--sterren{color:#ffd23f}.mk-deeltje svg{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}@keyframes mk-deeltje{0%{transform:translate(0) scale(0);opacity:0}15%{opacity:1;transform:translateY(-10px) scale(var(--s))}to{transform:translate(var(--dx),-220px) scale(var(--s)) rotate(15deg);opacity:0}}.mk-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:calc(var(--mk-sys) + 16px + var(--sat)) 16px calc(16px + var(--sab));overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#b8301f,#7d140e 55%,#4a0a07 120%)}.mk-titel{transform:rotate(-2deg)}.mk-eind__titel{margin:0 0 10px;font-family:var(--mk-titelfont);font-weight:700;font-size:clamp(28px,6vmin,50px);color:var(--mk-accent);-webkit-text-stroke:clamp(3px,.8vmin,7px) var(--mk-accent-dark);paint-order:stroke fill;text-shadow:0 4px 0 #3a0906;text-align:center}.mk-eind__werkstuk{position:relative;width:min(100%,300px,34vh);margin:0 auto;background:#fff;border-radius:18px;box-shadow:inset 0 0 0 4px #00000014;overflow:hidden}.mk-eind__werkstuk .mk-laag{cursor:default;pointer-events:none}.mk-knop{font-family:var(--mk-titelfont);font-weight:700;cursor:pointer;border:none;border-radius:20px;background:linear-gradient(180deg,#ffe27a,#f4b92c);color:var(--mk-accent-dark);font-size:clamp(22px,4vmin,34px);border-bottom:6px solid #a8780e;box-shadow:0 6px 14px #0000004d;transition:transform .08s}.mk-knop--bewaar{background:linear-gradient(180deg,#fff,#e8e2d6);color:#3a2a12;border-bottom-color:#a89a84}.mk-knop--huis{background:linear-gradient(180deg,#fff,#e8e2d6);color:#3a2a12;border-bottom-color:#a89a84;font-size:clamp(18px,3.2vmin,26px)}.mk-knop:active{transform:translateY(3px);border-bottom-width:3px}.mk-eindfiguur{filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.mk-root .su-start__hero-img{max-height:46vh}@media (max-width: 480px){:root{--mk-balk: clamp(104px, 17vmin, 150px)}.mk-podium{margin:calc(var(--mk-sys) + 12px + var(--sat)) 6px 4px}.mk-eind__werkstuk{width:min(100%,240px,30vh)}}@media (max-height: 640px){:root{--mk-balk: 104px}.mk-eind__werkstuk{width:min(100%,200px,30vh)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}.gb-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--gb-font, "Nunito", system-ui, sans-serif);background:var(--gb-page-bg, #5b2a86);color:var(--su-ink, #2b1a0e);-webkit-tap-highlight-color:transparent}.gb-root [hidden],.gb-root[hidden]{display:none!important}.gb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}.gb-root .su-sys__btn{background:var(--gb-sys, rgba(255,255,255,.94));color:var(--gb-sys-inkt, #2b1a0e)}.gb-root .su-sys__btn:hover{filter:brightness(1.08);background:var(--gb-sys, #fff)}.gb-knoppen{position:absolute;top:calc(12px + var(--sat, 0px));right:calc(var(--su-sys-breedte, 240px) + 4px);display:flex;gap:8px;z-index:79}.gb-knoppen .gb-knop{padding:calc(var(--su-knop-eff) * .19)}.gb-knoppen .gb-knop svg{width:100%;height:100%}@media (max-width: 560px){.gb-knoppen{top:calc(12px + var(--sat, 0px) + var(--su-knop-eff, 54px) + 10px);right:12px}}.gb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--su-knop, 54px) + 12px + var(--sat, 0px)) 16px calc(18px + var(--sab, 0px));background:linear-gradient(var(--gb-waas),var(--gb-waas)),var(--gb-plaat, none) center 50% / cover no-repeat,var(--gb-page-bg, #5b2a86)}.gb-logo{width:clamp(260px,46vw,560px);max-width:92vw;max-height:34vh;object-fit:contain;display:block;filter:drop-shadow(0 10px 26px rgba(0,0,0,.6))}.gb-titel{margin:0;font-family:var(--gb-font-titel, inherit);font-weight:400;line-height:1.05;letter-spacing:1px;font-size:clamp(36px,8vw,68px);color:var(--gb-titel, #ffd24d);-webkit-text-stroke:clamp(4px,.9vmin,8px) var(--gb-titel-rand, #2b1a0e);paint-order:stroke fill;text-shadow:0 6px 18px rgba(0,0,0,.45)}.gb-titel--start{font-size:clamp(48px,14vmin,128px);line-height:.95;transform:rotate(-3deg)}.gb-btn{font-family:var(--gb-font-titel, inherit);font-weight:400;font-size:clamp(26px,4.6vw,36px);letter-spacing:1px;border:none;border-radius:24px;cursor:pointer;padding:16px 52px;margin-top:4px;color:var(--gb-knop-inkt, #fff);background:var(--gb-knop, #ff8a3d);box-shadow:0 7px 0 var(--gb-knop-rand, #a34a0b),0 14px 26px #00000073,inset 0 2px #fff5dc80;transition:transform .06s,box-shadow .06s;touch-action:manipulation}.gb-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--gb-knop-rand, #a34a0b)}.gb-btn:disabled,.gb-btn[aria-disabled=true]{opacity:.5;cursor:default;transform:none}.gb-overlay--kiezer{flex-direction:column;gap:clamp(14px,3vmin,28px)}.gb-kiezer__kop{margin:0;font-family:var(--gb-font-titel, inherit);font-weight:400;font-size:clamp(30px,6vw,52px);color:var(--gb-titel, #ffd24d);-webkit-text-stroke:clamp(3px,.7vmin,6px) var(--gb-titel-rand, #2b1a0e);paint-order:stroke fill;text-shadow:0 5px 14px rgba(0,0,0,.45);text-align:center}.gb-kiezer__rij{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(14px,3vmin,30px);max-width:100%}.gb-keuze{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:clamp(130px,24vmin,210px);height:clamp(130px,24vmin,210px);padding:10px;border:4px solid var(--gb-titel-rand, #2b1a0e);border-radius:28px;cursor:pointer;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #2b1a0e);box-shadow:0 7px 0 var(--gb-knop-rand, #a34a0b),0 14px 26px #0006;transition:transform .06s,box-shadow .06s;touch-action:manipulation;font:inherit}.gb-keuze:active{transform:translateY(5px);box-shadow:0 2px 0 var(--gb-knop-rand, #a34a0b)}.gb-keuze svg{width:46%;height:46%;color:var(--gb-knop, #ff8a3d)}.gb-keuze__beeld{width:62%;height:58%;object-fit:contain}.gb-keuze__getal{font-family:var(--gb-font-titel, inherit);font-size:clamp(54px,11vmin,96px);line-height:1;color:var(--gb-knop, #ff8a3d);-webkit-text-stroke:3px var(--gb-titel-rand, #2b1a0e);paint-order:stroke fill}.gb-keuze__label{font-weight:500;font-size:clamp(14px,2.4vmin,20px);text-align:center;line-height:1.15}@media (max-height: 520px){.gb-keuze{width:clamp(110px,22vmin,170px);height:clamp(110px,22vmin,170px)}.gb-kiezer__kop{font-size:clamp(24px,5vmin,40px)}}.gb-overlay--eind .su-eind{justify-content:center}.gb-overlay--eind .su-paneel{display:flex;flex-direction:column;align-items:center;gap:4px;border:3px solid var(--gb-titel-rand, #2b1a0e)}.gb-overlay--eind .gb-titel{font-size:clamp(30px,7vw,48px)}.gb-overlay--eind .gb-btn{margin:0;padding:12px 8px}.su-start.gb-start{background:linear-gradient(var(--gb-waas),var(--gb-waas)),var(--gb-plaat, none) center 50% / cover no-repeat,var(--gb-page-bg, #5b2a86);color:var(--gb-titel, #ffd24d)}.gb-start .gb-start__logo{display:block}.gb-start .su-start__speel.gb-btn{min-width:0;margin-top:0;font-family:var(--gb-font-titel, inherit);font-weight:400;font-size:clamp(28px,5vw,40px);padding:18px 60px;border-radius:26px;color:var(--gb-knop-inkt, #fff);background:var(--gb-knop, #ff8a3d);text-shadow:none;animation:none;box-shadow:0 7px 0 var(--gb-knop-rand, #a34a0b),0 14px 26px #00000073,inset 0 2px #fff5dc80}.gb-start .su-start__speel.gb-btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--gb-knop-rand, #a34a0b)}@media (max-height: 520px){.gb-logo{max-height:30vh}.gb-overlay--eind .su-eind__sint{width:80px}}:root{--jg-font: "Nunito", system-ui, sans-serif;--jg-font-title: "Chewy", "Nunito", system-ui, sans-serif;--jg-rood: #c8372d;--jg-rood-d: #9b241c;--jg-goud: #f4b400;--jg-goud-l: #ffd966;--jg-creme: #fff3dc;--jg-creme-d: #f3dfbc;--jg-bruin: #4a2418;--sat: env(safe-area-inset-top, 0px)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--jg-rood-d)}body{font-family:var(--jg-font);color:var(--jg-bruin);-webkit-tap-highlight-color:transparent}.jg-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;user-select:none;-webkit-user-select:none}.jg-scherm{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.jg-scherm[hidden]{display:none}.jg-galerij,.jg-maat,.jg-spel{background:radial-gradient(ellipse at 50% 120%,rgba(255,217,102,.35),transparent 60%),repeating-conic-gradient(from 0deg at 50% 60%,rgba(255,255,255,.06) 0deg 7deg,transparent 7deg 14deg),linear-gradient(180deg,#d94a3d,#b82e25)}.jg-spel{background:linear-gradient(180deg,#fff6e4,#f7e3c0)}.jg-titel{font-family:var(--jg-font-title);font-weight:400;font-size:clamp(42px,9vmin,96px);margin:0;color:#fff;text-shadow:0 4px 0 var(--jg-rood-d),0 8px 18px rgba(0,0,0,.35);letter-spacing:.02em;line-height:1}.jg-titel--klein{font-size:clamp(38px,8vmin,72px)}.jg-kop{font-family:var(--jg-font-title);font-weight:400;font-size:clamp(26px,5vmin,48px);color:#fff;text-shadow:0 3px 0 var(--jg-rood-d);margin:0;padding:calc(12px + var(--sat)) 160px 6px 20px;text-align:left;line-height:1.1}.jg-kop__sub{font-family:var(--jg-font);font-weight:500;font-size:.55em;color:var(--jg-creme);margin-left:8px}.jg-knop{font-family:var(--jg-font-title);font-weight:400;font-size:clamp(20px,3.4vmin,32px);color:#fff;background:linear-gradient(180deg,#ffd24a,#f4a300);border:0;border-radius:999px;padding:.45em 1.4em;cursor:pointer;box-shadow:0 6px #b87400,0 10px 18px #00000040;text-shadow:0 2px 0 rgba(0,0,0,.25);letter-spacing:.03em;transition:transform .08s,box-shadow .08s}.jg-knop:active{transform:translateY(4px);box-shadow:0 2px #b87400,0 4px 8px #00000040}.jg-knop--groot{font-size:clamp(30px,6vmin,56px);padding:.4em 1.6em}.jg-knop--primair{background:linear-gradient(180deg,#e8574a,#c22d22);box-shadow:0 6px #7e1a12,0 10px 18px #00000040}.jg-knop--primair:active{box-shadow:0 2px #7e1a12,0 4px 8px #00000040}.jg-knop--licht{background:linear-gradient(180deg,#fff9ec,#f0dcb8);color:var(--jg-bruin);text-shadow:none;box-shadow:0 6px #c9ad82,0 10px 18px #0000002e}.jg-knop--licht:active{box-shadow:0 2px #c9ad82,0 4px 8px #0000002e}.jg-knop[hidden]{display:none}.jg-ikoon{width:clamp(44px,7vmin,64px);height:clamp(44px,7vmin,64px);border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:linear-gradient(180deg,#fff9ec,#f1dbb5);color:var(--jg-rood);box-shadow:0 4px #c9ad82,0 6px 12px #00000040;transition:transform .08s}.jg-ikoon svg{width:58%;height:58%}.jg-ikoon:active{transform:scale(.92)}.jg-ikoon--goud{background:linear-gradient(180deg,#ffd96a,#f4a300);color:#fff;box-shadow:0 4px #b87400,0 6px 12px #00000040}.jg-ikoon.is-uit{opacity:.55}.jg-ikoon[hidden]{display:none}.jg-root .su-sys{z-index:60}.jg-startscherm .su-start__titel{font-weight:400;letter-spacing:.02em;color:#fff;text-shadow:0 4px 0 var(--jg-rood-d),0 8px 18px rgba(0,0,0,.35)}.jg-startscherm .su-start__speel{font-family:var(--jg-font-title);font-weight:400;letter-spacing:.03em;border-radius:999px;background:linear-gradient(180deg,#ffd24a,#f4a300);box-shadow:0 6px #b87400,0 10px 18px #00000040;text-shadow:0 2px 0 rgba(0,0,0,.25)}.jg-startscherm .su-start__speel:active{box-shadow:0 2px #b87400,0 4px 8px #00000040}.jg-galerij__raster{position:absolute;top:calc(64px + 4vmin + var(--sat));bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,2vmin,20px);padding:0 clamp(10px,3vmin,40px) clamp(10px,2vmin,24px)}.jg-kaart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--jg-creme);border:0;border-radius:18px;padding:8px 8px 10px;cursor:pointer;box-shadow:0 6px #a0251c,0 10px 18px #00000047;transition:transform .08s;min-width:0;min-height:0;overflow:hidden}.jg-kaart:active{transform:translateY(4px)}.jg-kaart__beeld{display:block;flex:1 1 0;min-height:0;width:auto;max-width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#ddd}.jg-kaart__beeld img{width:100%;height:100%;object-fit:cover;display:block}.jg-kaart__naam{font-family:var(--jg-font-title);font-size:clamp(16px,2.8vmin,26px);color:var(--jg-rood);line-height:1.1}.jg-sterren{display:inline-flex;gap:2px}.jg-sterren i{display:inline-block;width:clamp(22px,5vmin,44px);height:clamp(22px,5vmin,44px)}.jg-sterren--klein i{width:clamp(14px,2.6vmin,22px);height:clamp(14px,2.6vmin,22px)}.jg-sterren i svg{width:100%;height:100%;fill:#d9c6a5}.jg-sterren i.is-vol svg{fill:var(--jg-goud);filter:drop-shadow(0 1px 0 #b87400)}.jg-maat__raster{position:absolute;top:calc(64px + 4vmin + var(--sat));bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:clamp(8px,2vmin,20px);padding:0 clamp(10px,3vmin,40px) clamp(10px,2vmin,24px);align-items:center}.jg-maatkaart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-height:100%;min-height:0;overflow:hidden;background:var(--jg-creme);border:0;border-radius:18px;padding:8px 8px 10px;cursor:pointer;box-shadow:0 6px #a0251c,0 10px 18px #00000047;transition:transform .08s;min-width:0}.jg-maatkaart:active{transform:translateY(4px)}.jg-maatkaart.is-dicht{opacity:.45;cursor:default}.jg-maatkaart__beeld{position:relative;display:block;flex:0 1 auto;min-height:0;width:100%;max-width:100%;aspect-ratio:4 / 3;border-radius:12px;overflow:hidden;background:#ddd}.jg-maatkaart__beeld img,.jg-maatkaart__beeld svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.jg-maatkaart__beeld img{object-fit:cover}.jg-maatkaart__label{font-family:var(--jg-font);font-weight:500;font-size:clamp(14px,2.6vmin,24px);color:var(--jg-bruin)}.jg-maatkaart__label b{font-family:var(--jg-font-title);font-weight:400;font-size:1.5em;color:var(--jg-rood)}.jg-stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none;overflow:hidden}.jg-hud{position:absolute;top:calc(10px + var(--sat));left:10px;display:flex;gap:8px;z-index:40}.jg-bord{position:absolute;border-radius:10px;background:#fffaf0;box-shadow:inset 0 0 0 3px #e4c99a,0 8px 20px #50280a40}.jg-ghost{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border-radius:10px;overflow:hidden}.jg-bord--ghost-uit .jg-ghost image,.jg-bord--ghost-uit .jg-ghost__lijn{display:none}.jg-ghost__hint{animation:jg-puls .55s ease-in-out infinite alternate}@keyframes jg-puls{0%{opacity:.35}to{opacity:1}}.jg-stuk{position:absolute;left:0;top:0;cursor:grab;filter:drop-shadow(0 4px 5px rgba(60,20,0,.35));will-change:transform}.jg-stuk--sleep{cursor:grabbing;filter:drop-shadow(0 12px 14px rgba(60,20,0,.45)) brightness(1.06)}.jg-stuk--vast{filter:none;pointer-events:none;cursor:default}.jg-stuk--snap{animation:jg-snap .45s ease-out}@keyframes jg-snap{0%{filter:brightness(1.8) drop-shadow(0 0 10px #ffd966)}to{filter:brightness(1) drop-shadow(0 0 0 transparent)}}.jg-stuk--hint{animation:jg-wiebel .5s ease-in-out infinite}@keyframes jg-wiebel{0%,to{filter:drop-shadow(0 4px 5px rgba(60,20,0,.35)) brightness(1)}50%{filter:drop-shadow(0 0 14px #ffb400) brightness(1.25)}}.jg-flits{position:absolute;border-radius:50%;pointer-events:none;z-index:30;background:radial-gradient(circle,rgba(255,240,150,.95) 0%,rgba(255,200,60,.55) 40%,transparent 70%);animation:jg-flits .6s ease-out forwards}@keyframes jg-flits{0%{transform:scale(.4);opacity:1}to{transform:scale(1.6);opacity:0}}.jg-klaar{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:radial-gradient(ellipse at 50% 110%,rgba(255,217,102,.5),transparent 60%),linear-gradient(180deg,#d94a3d,#b82e25);display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--su-knop, 46px) + 12px + var(--sat, 0px)) 16px calc(16px + var(--sab, 0px));box-sizing:border-box}.jg-klaar[hidden]{display:none}.jg-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.jg-klaar__inhoud{position:relative;margin:8px}.jg-klaar__juich{height:clamp(90px,18vmin,150px);object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3));animation:jg-spring .7s ease-in-out infinite alternate}@keyframes jg-spring{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-10px) rotate(3deg)}}.jg-klaar .su-paneel .jg-titel--klein{color:var(--jg-rood-d, #b82e25);text-shadow:none;font-size:clamp(30px,6vmin,52px)}.jg-klaar__sub{margin:4px 0 0;font-weight:500;font-size:clamp(16px,3vmin,24px);color:var(--su-ink)}.jg-klaar__sterren{margin-top:8px}.jg-klaar .su-paneel{display:flex;flex-direction:column;align-items:center}.jg-klaar .su-eind__slot--voorScore{order:-1;display:flex;justify-content:center}.jg-klaar__sterren.jg-sterren{display:flex;justify-content:center}.jg-klaar__sterren>span{display:inline-block;width:clamp(22px,5vmin,44px);height:clamp(22px,5vmin,44px)}.jg-klaar__sterren>span svg{width:100%;height:100%;fill:#d9c6a5}.jg-klaar__sterren>span.is-vol svg{fill:var(--jg-goud);filter:drop-shadow(0 1px 0 #b87400)}.jg-klaar .su-paneel .jg-knop{font-size:clamp(18px,3.2vmin,28px);padding-left:8px;padding-right:8px}@media (max-height: 560px){.jg-klaar__juich{height:70px}}@media (max-aspect-ratio: 1/1){.jg-galerij__raster,.jg-maat__raster{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.jg-maat__raster .jg-maatkaart:last-child{grid-column:1 / -1;max-width:50%;justify-self:center;width:100%}.jg-kop{padding-right:20px;padding-top:calc(70px + var(--sat))}.jg-galerij__raster,.jg-maat__raster{top:calc(122px + var(--sat))}}@media (max-height: 620px) and (min-aspect-ratio: 1/1){.jg-galerij__raster,.jg-maat__raster{top:calc(56px + 3vmin + var(--sat))}.jg-klaar__figuren{height:36vh}}.jg-albums{position:absolute;top:calc(58px + 3vmin + var(--sat));left:0;right:0;display:flex;gap:clamp(6px,1.4vmin,14px);justify-content:center;padding:0 12px;z-index:2}.jg-albums[hidden]{display:none}.jg-album{display:inline-flex;align-items:center;gap:8px;font-family:var(--jg-font-title);font-size:clamp(15px,2.6vmin,24px);color:var(--jg-bruin);background:var(--jg-creme);border:0;border-radius:999px;padding:4px 16px 4px 4px;cursor:pointer;box-shadow:0 4px #00000038;opacity:.82;transition:transform .08s}.jg-album img{width:clamp(30px,5.4vmin,46px);height:clamp(30px,5.4vmin,46px);border-radius:50%;object-fit:cover;display:block}.jg-album.is-actief{opacity:1;background:#fff;outline:3px solid var(--jg-goud);transform:translateY(-2px)}.jg-album:active{transform:translateY(2px)}.jg-galerij--albums .jg-galerij__raster{top:calc(64px + 4vmin + clamp(38px,6.4vmin,56px) + 10px + var(--sat))}.jg-modus{position:absolute;top:calc(58px + 3vmin + var(--sat));left:0;right:0;display:flex;justify-content:center;z-index:2}.jg-modus[hidden]{display:none}.jg-modus__knop{font-family:var(--jg-font-title);font-size:clamp(16px,2.8vmin,26px);border:0;padding:6px clamp(14px,3vmin,26px);background:var(--jg-creme);color:var(--jg-bruin);cursor:pointer;box-shadow:0 4px #00000038}.jg-modus__knop:first-child{border-radius:999px 0 0 999px}.jg-modus__knop:last-child{border-radius:0 999px 999px 0}.jg-modus__knop.is-actief{background:linear-gradient(180deg,#ffd24a,#f4a300);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.22)}.jg-maat--modus .jg-maat__raster{top:calc(64px + 4vmin + clamp(36px,6vmin,50px) + 10px + var(--sat))}.jg-maat--schuif .jg-maat__raster{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:clamp(10px,8vw,140px);padding-right:clamp(10px,8vw,140px)}.jg-schuifbord{position:absolute;border-radius:12px;background:#3b2a20;box-shadow:inset 0 0 0 4px #00000040,0 10px 24px #3c1e0a4d;overflow:hidden;touch-action:none}.jg-tegel{position:absolute;left:0;top:0;border-radius:8px;background-repeat:no-repeat;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff59,0 2px 4px #00000059;transition:transform .14s ease-out;will-change:transform}.jg-tegel--slot{opacity:0;pointer-events:none;transition:opacity .5s ease .1s}.jg-schuifbord.is-klaar .jg-tegel--slot{opacity:1}.jg-schuifbord.is-klaar .jg-tegel{box-shadow:none;border-radius:0}.jg-tegel__nr{position:absolute;left:6%;top:6%;min-width:1.6em;padding:0 .3em;font-family:var(--jg-font-title);font-size:clamp(14px,3.4vmin,28px);line-height:1.5;text-align:center;color:#fff;background:#28190fb8;border-radius:999px;opacity:0;transition:opacity .2s;pointer-events:none}.jg-schuifbord.met-cijfers .jg-tegel__nr{opacity:1}.jg-tegel.is-nee{animation:jg-nee .3s ease}@keyframes jg-nee{0%,to{filter:none}50%{filter:brightness(.8) sepia(.4) hue-rotate(-30deg)}}.jg-ikoon.is-aan{outline:3px solid #fff}.jg-zetten{align-self:center;font-family:var(--jg-font-title);font-size:clamp(16px,3vmin,26px);color:var(--jg-bruin);background:#ffffffd9;border-radius:999px;padding:4px 14px;box-shadow:0 3px #00000026;white-space:nowrap;font-variant-numeric:tabular-nums}.jg-zetten[hidden]{display:none}@media (max-aspect-ratio: 1/1){.jg-albums,.jg-modus{top:calc(118px + var(--sat))}.jg-album{padding-right:10px;font-size:15px;gap:5px}.jg-galerij--albums .jg-galerij__raster,.jg-maat--modus .jg-maat__raster{top:calc(178px + var(--sat))}.jg-maat--schuif .jg-maat__raster{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));padding-left:12px;padding-right:12px}.jg-maat--schuif .jg-maat__raster .jg-maatkaart:last-child{grid-column:1 / -1;max-width:50%;justify-self:center;width:100%}}.jg-spel--wissel{background:var(--jg-wissel-bg, linear-gradient(180deg, #fff6e4 0%, #f7e3c0 100%))}.jg-wisselbord{position:absolute;overflow:hidden;touch-action:none;background:var(--jg-wissel-lijn, #000);box-shadow:0 10px 24px #0000004d}.jg-wtegel{position:absolute;left:0;top:0;background-repeat:no-repeat;cursor:pointer;box-shadow:inset 0 0 0 1px var(--jg-wissel-lijn, #000);transition:transform .16s linear,box-shadow .4s;will-change:transform}.jg-wtegel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--jg-wissel-kies, rgba(0, 180, 255, .5));opacity:0;transition:opacity .1s;pointer-events:none}.jg-wtegel.is-gekozen:after{opacity:1}.jg-wisselbord.is-klaar .jg-wtegel{box-shadow:none}.jg-wisselbord.is-klaar .jg-wtegel:after{opacity:0}.jg-toast{position:absolute;left:50%;bottom:max(18px,4vh);transform:translate(-50%);z-index:45;max-width:calc(100% - 32px);padding:10px 20px;border-radius:999px;background:var(--jg-toast-bg, rgba(40, 25, 15, .92));color:#fff;font-family:var(--jg-font);font-weight:500;font-size:clamp(15px,2.6vmin,22px);text-align:center;box-shadow:0 6px 16px #0000004d;pointer-events:none}.jg-toast[hidden]{display:none}.jg-klaar .su-paneel .jg-klaar__score{font-family:var(--jg-font-title);font-weight:400;color:var(--jg-rood-d, #b82e25);font-size:clamp(44px,9vmin,80px);line-height:1}.jg-klaar .su-paneel .jg-klaar__regel{font-weight:500;color:var(--su-ink, #4a2418);margin:2px 0 0}.jg-klaar .su-paneel .jg-klaar__label{display:block;font-family:var(--jg-font);font-weight:500;font-size:clamp(15px,2.8vmin,22px);color:var(--su-ink, #4a2418);margin-bottom:2px}.jg-klaar__sterren.jg-sterren[hidden],.jg-klaar .su-eind__score[hidden]{display:none}.jg-root--huis .jg-hud{gap:10px}.jg-klaar.jg-klaar--los{background:none;pointer-events:none}.jg-juich-los{position:absolute;left:0;right:0;bottom:6%;display:flex;justify-content:center;pointer-events:none}.jg-juich-los[hidden]{display:none}.jg-juich-los .jg-klaar__juich{height:clamp(110px,24vmin,200px)}:root{--kp-font: "Nunito", system-ui, sans-serif;--kp-font-title: "Chewy", "Nunito", system-ui, sans-serif;--kp-creme: #fff4dd;--kp-creme-2: #f7e4c2;--kp-rood: #d8232a;--kp-rood-d: #9d1419;--kp-goud: #f2b632;--kp-goud-d: #b8800e;--kp-groen: #2e9e5b;--kp-groen-d: #1d6b3c;--kp-inkt: #4a2a12;--kp-inkt-2: #7a5a3a;--kp-sys: 46px;--kp-chip: clamp(34px, 6.2vmin, 54px);--kp-tool: clamp(48px, 8vmin, 66px)}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--kp-creme)}body{font-family:var(--kp-font);color:var(--kp-inkt);-webkit-text-size-adjust:100%}.kp-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--kp-creme);user-select:none;-webkit-user-select:none}.kp-root button{font-family:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kp-root svg{width:1em;height:1em;display:block}.kp-root section{position:absolute;top:0;right:0;bottom:0;left:0}.kp-root [hidden]{display:none!important}.kp-titel{font-family:var(--kp-font-title);font-weight:400;color:var(--kp-rood);text-shadow:0 3px 0 #fff,0 5px 0 rgba(120,60,20,.18);letter-spacing:.02em;margin:0;line-height:1}.kp-knop{display:inline-flex;align-items:center;justify-content:center;gap:.45em;border:0;border-radius:999px;padding:.55em 1.3em;font-weight:800;font-size:clamp(16px,3vmin,24px);background:#fff;color:var(--kp-inkt);box-shadow:0 5px #783c1440;transition:transform .08s}.kp-knop:active{transform:translateY(3px);box-shadow:0 2px #783c1440}.kp-knop--primair{background:linear-gradient(#ee4a50,var(--kp-rood));color:#fff;box-shadow:0 5px 0 var(--kp-rood-d)}.kp-knop--primair:active{box-shadow:0 2px 0 var(--kp-rood-d)}.kp-knop--goud{background:linear-gradient(#ffd166,var(--kp-goud));color:var(--kp-inkt);box-shadow:0 5px 0 var(--kp-goud-d)}.kp-knop--goud:active{box-shadow:0 2px 0 var(--kp-goud-d)}.kp-knop svg{font-size:1.15em}.kp-root .su-sys{z-index:50}.kp-startscherm{color:var(--kp-inkt)}.kp-startscherm .su-start__titel{font-weight:400;letter-spacing:.02em;color:var(--kp-rood);text-shadow:0 3px 0 #fff,0 5px 0 rgba(120,60,20,.18)}.kp-startscherm .su-start__hero-img{filter:drop-shadow(0 10px 10px rgba(120,60,20,.25))}.kp-startscherm .su-start__speel{font-family:var(--kp-font);border-radius:999px;background:linear-gradient(#ee4a50,var(--kp-rood));box-shadow:0 5px 0 var(--kp-rood-d),0 10px 18px #783c1433}.kp-startscherm .su-start__speel:active{box-shadow:0 2px 0 var(--kp-rood-d)}.kp-galerij{display:flex;flex-direction:column;padding:12px clamp(12px,3vw,40px) clamp(12px,3vh,24px);box-sizing:border-box;gap:8px}.kp-galerij__kop{font-family:var(--kp-font-title);font-weight:400;color:var(--kp-rood);font-size:clamp(24px,5.2vmin,44px);margin:0;line-height:1.1;padding-right:calc(var(--su-sys-breedte) + 8px);min-height:calc(var(--kp-sys) + 4px);display:flex;align-items:center}.kp-galerij__grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,2vmin,18px)}.kp-kaart{display:flex;flex-direction:column;min-height:0;min-width:0;border:0;border-radius:18px;background:#fff;padding:8px;box-shadow:0 5px #783c1438;position:relative;gap:4px;transition:transform .08s}.kp-kaart:active{transform:translateY(3px);box-shadow:0 2px #783c1438}.kp-kaart__beeld{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#fff}.kp-kaart__beeld img{width:100%;height:100%;object-fit:contain;display:block}.kp-kaart__naam{font-weight:800;font-size:clamp(13px,2.4vmin,20px);color:var(--kp-inkt);text-align:center;line-height:1.15}.kp-kaart__klaar{position:absolute;top:-6px;right:-6px;width:clamp(28px,5vmin,44px);height:clamp(28px,5vmin,44px);border-radius:50%;background:var(--kp-goud);color:#fff;display:grid;place-items:center;font-size:clamp(18px,3.2vmin,28px);box-shadow:0 3px 0 var(--kp-goud-d)}.kp-kleur{display:flex;flex-direction:row}.kp-plaatvak{flex:1;min-width:0;min-height:0;container-type:size;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.kp-plaat{position:relative;width:min(100cqw,150cqh);aspect-ratio:3 / 2;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px #783c142e,0 10px 24px #783c141f;touch-action:none;cursor:crosshair}.kp-plaat[data-tool=vul]{cursor:pointer}.kp-laag{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;image-rendering:auto}.kp-laden{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff;font-weight:500;font-size:clamp(16px,3vmin,24px);color:var(--kp-inkt-2)}.kp-palet{width:clamp(200px,22vw,290px);flex:none;display:flex;flex-direction:column;gap:8px;padding:calc(var(--kp-sys) + 18px) 10px 10px;box-sizing:border-box;background:var(--kp-creme-2);box-shadow:inset 4px 0 #783c1414;overflow:hidden}.kp-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.kp-stempels{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.kp-tool--stempel{width:calc((100% - 18px)/4);max-width:calc(var(--kp-tool) * .92);height:auto;aspect-ratio:1}.kp-tool{width:var(--kp-tool);height:var(--kp-tool);border:3px solid transparent;border-radius:16px;background:#fff;color:var(--kp-inkt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;box-shadow:0 4px #783c1433;font-size:calc(var(--kp-tool) * .42)}.kp-tool img{width:calc(var(--kp-tool) * .52);height:calc(var(--kp-tool) * .52);display:block}.kp-tool span{font-size:calc(var(--kp-tool) * .17);font-weight:500;line-height:1;color:var(--kp-inkt-2)}.kp-tool.is-actief{border-color:var(--kp-rood);background:#fff1e6}.kp-tool:active{transform:translateY(2px);box-shadow:0 2px #783c1433}.kp-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;align-content:flex-start;flex:1;min-height:0}.kp-chip{width:var(--kp-chip);height:var(--kp-chip);border-radius:50%;border:3px solid #fff;padding:0;background-size:cover;box-shadow:0 3px #783c1440;transition:transform .08s}.kp-chip.is-actief{border-color:var(--kp-inkt);transform:scale(1.12);box-shadow:0 0 0 3px #fff,0 4px 0 3px #783c1440}.kp-acties{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}.kp-actie{width:calc(var(--kp-tool) * .78);height:calc(var(--kp-tool) * .78);border:0;border-radius:14px;background:#fff;color:var(--kp-inkt);display:grid;place-items:center;font-size:calc(var(--kp-tool) * .4);box-shadow:0 4px #783c1433}.kp-actie:disabled{opacity:.35;cursor:default}.kp-actie:not(:disabled):active{transform:translateY(2px);box-shadow:0 2px #783c1433}.kp-knop--klaar{background:linear-gradient(#45c072,var(--kp-groen));color:#fff;box-shadow:0 5px 0 var(--kp-groen-d);font-size:clamp(16px,2.8vmin,22px);padding:.45em 1em;flex:1 1 100%;max-width:100%}.kp-knop--klaar:active{box-shadow:0 2px 0 var(--kp-groen-d)}@media (orientation: portrait){.kp-kleur{flex-direction:column}.kp-plaatvak{flex:0 0 auto;container-type:normal;height:auto;width:100%;padding:calc(var(--kp-sys) + 18px) 8px 6px}.kp-plaat{width:min(100%,66vh)}.kp-palet{width:auto;flex:1;min-height:0;padding:8px 8px 10px;box-shadow:inset 0 4px #783c1414}.kp-chips{flex:1}.kp-knop--klaar{flex:1 1 auto}.kp-galerij__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}}.kp-klaar{z-index:40;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% -10%,#fffbf0,var(--kp-creme) 50%,var(--kp-creme-2));padding:12px;box-sizing:border-box}.kp-klaar__kaart{max-height:100%}.kp-klaar__piet{height:clamp(70px,14vmin,120px);width:auto;filter:drop-shadow(0 6px 8px rgba(120,60,20,.22))}.kp-klaar__midden{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}.kp-klaar__kop{font-size:clamp(28px,6vmin,50px)}.kp-klaar__tekst{margin:0;font-weight:500;font-size:clamp(15px,2.6vmin,20px);color:var(--kp-inkt-2)}.kp-klaar__plaat{width:min(100%,360px,30vh * 1.5);aspect-ratio:3 / 2;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 5px #783c1433}.kp-klaar__knoppen .kp-knop{font-size:clamp(15px,2.4vmin,20px);padding:.5em 1em;justify-content:center}@media (max-height: 560px){.kp-klaar__plaat{display:none}.kp-klaar__piet{height:56px}}.kp-print{display:none}@media print{html,body{overflow:visible;background:#fff;height:auto}.kp-root{position:static;background:#fff}.kp-root>*:not(.kp-print){display:none!important}.kp-print{display:block!important;width:100%;max-height:95vh;object-fit:contain}@page{margin:10mm;size:landscape}}.kp-maten{display:flex;justify-content:center;gap:8px}.kp-maat{width:calc(var(--kp-tool) * .7);height:calc(var(--kp-tool) * .7);border:3px solid transparent;border-radius:50%;background:#fff;display:grid;place-items:center;padding:0;box-shadow:0 3px #783c1433}.kp-maat__stip{width:var(--kp-maat-stip, 12px);height:var(--kp-maat-stip, 12px);border-radius:50%;background:var(--kp-inkt);display:block}.kp-maat.is-actief{border-color:var(--kp-rood);background:#fff1e6}.kp-tabs{display:flex;flex-wrap:wrap;gap:8px}.kp-tab{border:0;border-radius:999px;padding:.4em 1.1em;font-weight:700;font-size:clamp(14px,2.4vmin,20px);background:#fff;color:var(--kp-inkt);box-shadow:0 4px #783c1433}.kp-tab.is-actief{background:var(--kp-rood);color:#fff;box-shadow:0 4px 0 var(--kp-rood-d)}.kp-galerij__grid[data-aantal="3"]{grid-template-rows:minmax(0,1fr)}.kp-galerij__grid[data-aantal="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (orientation: portrait){.kp-galerij__grid[data-aantal="3"]{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr))}.kp-galerij__grid[data-aantal="4"]{grid-template-rows:repeat(2,minmax(0,1fr))}}.kp-root--huis .kp-palet{gap:12px}.kp-root--huis .kp-chips{gap:10px}.kp-root--huis .kp-knop--klaar{min-height:64px;font-size:clamp(20px,3.4vmin,28px)}.kp-juich{position:absolute;left:0;right:0;bottom:4%;display:flex;justify-content:center;pointer-events:none;z-index:5}.kp-juich[hidden]{display:none}.kp-juich__piet{height:clamp(90px,30cqh,220px);width:auto;filter:drop-shadow(0 8px 14px rgba(120,60,20,.3));animation:kp-juich .7s ease-in-out infinite alternate}@keyframes kp-juich{0%{transform:translateY(0) rotate(-3deg)}to{transform:translateY(-12px) rotate(3deg)}}.kp-root[data-scherm=klaar] .kp-palet button:disabled{opacity:.55}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--su-ink: #1d1a2e;--su-paneel: #fff8ee;--su-knop: 46px;--su-knop-eff: min(var(--su-knop), max(40px, 7vmin));--su-sys-breedte: 232px }.su-sys{--su-knop-eff: min(var(--su-knop), max(40px, 7vmin));position:fixed;top:calc(12px + var(--sat));right:12px;display:flex;gap:8px;z-index:80}.su-sys__btn{width:var(--su-knop-eff);height:var(--su-knop-eff);border-radius:14px;border:none;background:#fffffff0;color:var(--su-ink);cursor:pointer;padding:calc(var(--su-knop-eff) * .217);box-shadow:0 3px #0000004d;display:grid;place-items:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}.su-sys__btn svg{width:100%;height:100%;display:block}.su-sys__btn.is-uit{opacity:.55}.su-sys__btn:hover{background:#fff}.su-sys__btn:active{transform:translateY(2px);box-shadow:0 1px #0000004d}.su-sys__btn[hidden]{display:none!important}.su-sys__btn:focus-visible{outline:3px solid #ffd24d;outline-offset:2px}.su-sys--jungle{--su-jbg: radial-gradient(circle at 50% 45%, #c98a45 0 50%, #8a5424 51% 62%, #3f8f2a 63% 70%, transparent 71%)}.su-sys--jungle .su-sys__btn,.su-sys--jungle .su-sys__btn:hover{background:var(--su-jbg) center / 100% 100% no-repeat;color:#ffd54a;border-radius:50%;box-shadow:none;padding:calc(var(--su-knop-eff) * .27);filter:drop-shadow(0 3px 2px rgba(0,0,0,.35))}.su-sys--jungle .su-sys__btn:active{box-shadow:none}.su-sys--beeld .su-sys__btn,.su-sys--beeld .su-sys__btn:hover{background:transparent center / contain no-repeat;padding:0}.su-sys--beeld .su-sys__btn svg{display:none}.su-sys--beeld .su-sys__btn.is-uit{opacity:1}.su-eind{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px;width:100%;margin:auto;justify-content:center}.su-eind__sint{grid-column:1;justify-self:end;width:clamp(90px,22vmin,170px);height:auto;flex:none;filter:drop-shadow(0 8px 12px rgba(0,0,0,.5));animation:su-sint .6s cubic-bezier(.2,1.5,.4,1) backwards}.su-paneel{grid-column:2;flex:1;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #1d1a2e);border-radius:26px;padding:22px 20px 28px;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 40px - var(--sat, 0px) - var(--sab, 0px));overflow-y:auto;box-shadow:0 14px 40px #00000080;box-sizing:border-box;position:relative;text-align:center}.su-paneel__acties{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px;width:100%}.su-paneel__acties>button{width:min(100%,300px);min-height:58px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;line-height:1.15;padding-top:8px;padding-bottom:8px}@keyframes su-sint{0%{transform:translateY(40px) scale(.6);opacity:0}to{transform:none;opacity:1}}.su-eind__titel{margin:0 0 6px;font-size:clamp(26px,5vmin,40px);line-height:1.1}.su-eind__sterren{display:flex;justify-content:center;gap:6px;color:#1d1a2e2e;margin:4px 0}.su-eind__sterren svg{width:clamp(34px,7vmin,48px);height:auto;display:block}.su-eind__sterren .is-on{color:#ffc93c;animation:su-ster .45s cubic-bezier(.2,1.6,.4,1) backwards}.su-eind__score{font-size:clamp(44px,10vmin,72px);font-weight:900;line-height:1.05}.su-eind__record{min-height:1.3em;font-weight:500;opacity:.75}.su-eind__record.is-record{color:var(--su-accent, #e63946);font-weight:800;opacity:1}.su-eind__regel{margin:6px 0 0;font-weight:500}.su-eind__knop{font:inherit;font-weight:800;font-size:20px;padding:14px 22px;border-radius:16px;border:none;background:var(--su-accent, #e63946);color:#fff;box-shadow:0 4px #00000040;cursor:pointer}.su-eind__knop--insturen{background:var(--su-insturen, #2a9d4b)}.su-eind__knop:disabled{opacity:.55;cursor:default;box-shadow:none}.su-eind__knop:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #00000040}.su-eind[hidden],.su-eind__sterren[hidden],.su-eind__score[hidden],.su-eind__record[hidden],.su-eind__slot[hidden]{display:none!important}.su-eind__sterren img{width:clamp(34px,7vmin,48px);height:auto;display:block}@keyframes su-ster{0%{transform:scale(0)}to{transform:none}}@media (max-width: 480px){.su-eind{grid-template-columns:1fr;justify-items:center}.su-eind__sint{grid-column:1;justify-self:center;width:92px;margin-bottom:-18px;z-index:1}.su-paneel{grid-column:1}}@media (prefers-reduced-motion: reduce){.su-eind__sint{animation:none}}.su-lvl{font:inherit;font-weight:800;font-size:20px;aspect-ratio:1;border:none;border-radius:14px;background:var(--su-accent, #e63946);color:#fff;box-shadow:0 3px #00000040;cursor:pointer;display:grid;place-items:center;gap:2px;padding:4px}.su-lvl--slot{background:#1d1a2e2e;color:#1d1a2e8c;box-shadow:none;cursor:default}.su-lvl--slot svg{width:46%;height:auto}.su-lvl--huidig{outline:3px solid #ffd24d;outline-offset:2px}.su-lvl__sterren{display:flex;gap:1px;color:#00000040}.su-lvl__sterren svg{width:12px;height:12px;display:block}.su-lvl__sterren .is-on{color:#ffd24d}.su-shop{font:inherit;border:none;border-radius:16px;background:#fff;color:var(--su-ink, #1d1a2e);box-shadow:0 3px #0000002e;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.su-shop--actief{outline:3px solid var(--su-accent, #e63946)}.su-shop__prijs{font-weight:800}.su-pauze{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--su-knop, 46px) + 12px + var(--sat)) 16px calc(16px + var(--sab));box-sizing:border-box;background:var(--su-overlay, #7a1b1f)}.su-pauze[hidden]{display:none!important}.su-pauze__paneel{flex:none;width:min(100%,400px);margin:auto}.su-pauze__titel{font-family:var(--su-titel-font, inherit);font-size:clamp(40px,9vmin,68px);line-height:1;margin:0 0 4px}.su-pauze__inhoud{font-weight:500;font-size:clamp(16px,3vmin,20px);margin:8px 0 0}.su-pauze__inhoud[hidden]{display:none!important}.su-pauze__inhoud svg{width:1.1em;height:1.1em;vertical-align:-.2em}.su-pauze__acties{margin-top:18px}.su-pauze__knop[hidden]{display:none!important}.su-start{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow:hidden;color:#fff;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;background:var(--su-start-beeld, none) center / cover no-repeat,var(--su-start-bg, linear-gradient(180deg, #b8242c 0%, #8a1f22 62%, #5c1418 100%))}.su-start[hidden]{display:none!important}.su-start__binnen{height:100%;box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:clamp(8px,2.2vh,22px);padding:calc(max(12px + var(--su-knop, 46px) + 12px,6vh) + var(--sat, 0px)) 16px calc(max(18px,6vh) + var(--sab, 0px))}.su-start__titel{margin:0;max-width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;font-family:var(--su-titel-font, inherit);font-weight:800;font-size:clamp(42px,10.5vmin,96px);line-height:.95;letter-spacing:-.5px;color:var(--su-titel, #fff4d6);text-shadow:0 4px 0 var(--su-titel-schaduw, #8a1f22),0 8px 0 rgba(0,0,0,.25),0 0 40px rgba(255,180,80,.35);transform:rotate(-2deg)}.su-start__titel-2{color:var(--su-titel-2, #ffd24d)}.su-start__hero{align-self:stretch;justify-self:stretch;min-height:0;display:flex;align-items:center;justify-content:center}.su-start__hero.is-leeg{pointer-events:none}.su-start__hero-img{width:100%;height:100%;max-width:760px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4));animation:su-bob 2.6s ease-in-out infinite}.su-start__hero>:not(img){max-width:100%;max-height:100%}.su-start__acties{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,16px)}.su-start__speel,.su-start__knop{font:inherit;font-weight:800;border:none;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4em;letter-spacing:.5px;text-shadow:0 2px 0 rgba(0,0,0,.2);touch-action:manipulation}.su-start__speel{font-size:clamp(24px,5vmin,34px);padding:.5em 1.6em;min-width:min(78vw,290px);border-radius:22px;background:linear-gradient(180deg,var(--su-speel-licht, #ff5f4f),var(--su-speel, #d8382f));box-shadow:0 6px 0 var(--su-speel-d, #8a1f22),0 12px 24px #00000059;animation:su-adem 2.2s ease-in-out infinite}.su-start__speel:active{transform:translateY(4px);box-shadow:0 2px 0 var(--su-speel-d, #8a1f22);animation:none}.su-start__rij{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.su-start__knop{font-size:clamp(15px,2.8vmin,19px);padding:10px 18px;border-radius:14px;background:linear-gradient(180deg,var(--su-knop2-licht, #4d96ff),var(--su-knop2, #2f6fd1));box-shadow:0 5px 0 var(--su-knop2-d, #1f4fa8),0 10px 20px #0000004d}.su-start__knop:active{transform:translateY(3px);box-shadow:0 2px 0 var(--su-knop2-d, #1f4fa8)}.su-start__knop[hidden],.su-start__speel[hidden]{display:none!important}.su-start__icoon{display:inline-flex}.su-start__icoon svg{width:1em;height:1em;display:block}.su-start__speel:focus-visible,.su-start__knop:focus-visible{outline:3px solid #ffd24d;outline-offset:3px}.su-start__onder{font-weight:500;font-size:clamp(14px,2.6vmin,18px);text-shadow:0 2px 0 rgba(0,0,0,.4)}.su-start.is-laag .su-start__titel{font-size:clamp(36px,9vmin,64px)}.su-start.is-laag .su-start__speel{font-size:26px}.su-start.is-mobiel .su-start__titel{font-size:clamp(38px,12.5vw,64px)}.su-start.is-mobiel .su-start__binnen{padding-bottom:calc(max(24px,7vh) + var(--sab, 0px))}@keyframes su-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes su-adem{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion: reduce){.su-start__hero-img,.su-start__speel{animation:none}}.su-handje{position:absolute;z-index:58;width:clamp(64px,11vmin,96px);pointer-events:none;transform-origin:30% 10%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.su-handje[hidden]{display:none!important}.su-handje svg{width:100%;height:auto;display:block}.su-handje--tik{animation:su-handje-tik 1s ease-in-out infinite}.su-handje--wrijf{animation:su-handje-wrijf 1.3s ease-in-out infinite}.su-handje--sleep{animation:su-handje-sleep 1.8s ease-in-out infinite}@keyframes su-handje-tik{0%,to{transform:translate(-28%,-8%) scale(1)}50%{transform:translate(-28%,-8%) scale(.82)}}@keyframes su-handje-wrijf{0%,to{transform:translate(-28%,-8%) translate(-22px) rotate(-8deg)}50%{transform:translate(-28%,-8%) translate(22px) rotate(8deg)}}@keyframes su-handje-sleep{0%{transform:translate(-28%,-8%) translate(0) scale(.9);opacity:0}15%{opacity:1}70%{transform:translate(-28%,-8%) translate(var(--dx, 0px),var(--dy, 0px)) scale(1);opacity:1}to{transform:translate(-28%,-8%) translate(var(--dx, 0px),var(--dy, 0px)) scale(1);opacity:0}}.su-uitleg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:59;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;cursor:pointer;padding:calc(12px + var(--su-knop, 46px) + 12px + var(--sat, 0px)) 16px calc(max(18px,5vh) + var(--sab, 0px));box-sizing:border-box;background:var(--su-overlay, #7a1b1f)}.su-uitleg[hidden]{display:none!important}.su-uitleg__binnen{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:clamp(8px,2.5vh,24px)}.su-uitleg__tekst{margin:0;max-width:18ch;text-align:center;font-family:var(--su-titel-font, inherit);font-weight:800;font-size:clamp(28px,7vmin,60px);line-height:1.05;letter-spacing:-.3px;color:var(--su-titel, #fff4d6);text-shadow:0 3px 0 var(--su-titel-schaduw, #8a1f22),0 6px 0 rgba(0,0,0,.25)}.su-uitleg__beeld{position:relative;align-self:stretch;justify-self:stretch;min-height:0;display:flex;align-items:center;justify-content:center}.su-uitleg__beeld-img{max-width:min(100%,420px);max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.4))}.su-uitleg__beeld-img[hidden]{display:none!important}.su-uitleg__beeld.is-leeg{min-height:clamp(120px,24vmin,220px)}.su-uitleg .su-handje{width:clamp(84px,16vmin,140px);left:52%;top:48%;z-index:2}.su-uitleg--tik .su-uitleg__beeld-img{animation:su-uitleg-tik 1s ease-in-out infinite}.su-uitleg--wrijf .su-uitleg__beeld-img{animation:su-uitleg-wrijf 1.3s ease-in-out infinite}.su-uitleg--sleep .su-handje{--dx: clamp(90px, 22vmin, 220px);--dy: 0px;left:calc(50% - var(--dx) / 2);top:52%}.su-uitleg--sleep .su-uitleg__beeld-img{animation:su-uitleg-sleep 1.8s ease-in-out infinite}@keyframes su-uitleg-tik{0%,to{transform:scale(1)}50%{transform:scale(.96)}62%{transform:scale(1.03)}}@keyframes su-uitleg-wrijf{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes su-uitleg-sleep{0%{transform:translate(calc(var(--dx, 120px) * -.5)) scale(.96);opacity:.9}15%{opacity:1}70%,to{transform:translate(calc(var(--dx, 120px) * .5)) scale(1);opacity:1}}.su-uitleg__knop{cursor:pointer}@media (prefers-reduced-motion: reduce){.su-handje,.su-uitleg__beeld-img{animation:none!important}}@font-face{font-family:Chewy;src:url(../fonts/chewy.woff2) format("woff2");font-display:swap}@font-face{font-family:Nunito;src:url(../fonts/nunito.woff2) format("woff2");font-weight:400 900;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;overscroll-behavior:none;background:#f4e3c2;font-family:Nunito,system-ui,sans-serif;color:#4a2c14;touch-action:none;user-select:none;-webkit-user-select:none}#app{height:100%}.dd-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.dd-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center bottom}.dd-stage{position:absolute;top:0;right:0;bottom:0;left:0}.dd-doll{position:absolute;z-index:1;transition:left .7s cubic-bezier(.2,.8,.2,1),top .7s cubic-bezier(.2,.8,.2,1),width .7s cubic-bezier(.2,.8,.2,1),height .7s cubic-bezier(.2,.8,.2,1)}.dd-root.show .dd-rack,.dd-root.show .dd-done,.dd-root.show .dd-reset{display:none}.dd-root.show .dd-doll{filter:drop-shadow(0 18px 30px rgba(40,20,5,.45))}.dd-root.show .dd-layer{cursor:default}.dd-showbar{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:90;display:flex;flex-direction:column;align-items:center;gap:16px;pointer-events:none}.dd-showbar[hidden]{display:none}.dd-showbar .dd-btn{pointer-events:auto}.dd-showbar .dd-end-title{color:#fff;text-shadow:0 2px 0 rgba(120,60,10,.6),0 6px 18px rgba(0,0,0,.45);animation:dd-titel .6s cubic-bezier(.2,.9,.3,1.3)}@keyframes dd-titel{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.dd-bgkiezer{position:absolute;z-index:30;display:flex;gap:8px;padding:8px;align-items:center;justify-content:center;background:linear-gradient(90deg,#b98950,#d3a468 8%,#c99b5e,#d3a468 92%,#a97a44);border:6px solid #8a5a2b;border-radius:12px;box-shadow:inset 0 0 18px #3c1e084d,0 8px 18px #3c1e0859}.dd-bgkiezer[hidden]{display:none}.dd-bgkeuze{border:3px solid rgba(255,240,214,.7);border-radius:8px;cursor:pointer;background-size:cover;background-position:center bottom;padding:0;box-shadow:0 3px 6px #3c1e0859;transition:transform .12s}.dd-bgkeuze:hover{transform:scale(1.06)}.dd-bgkeuze.actief{border-color:#ffd23a;box-shadow:0 0 0 3px #ffd23a8c,0 3px 6px #3c1e0859}.dd-doll-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;display:block}.dd-doll.gloed{filter:drop-shadow(0 0 18px rgba(255,220,120,.95))}.dd-layer{position:absolute;background-repeat:no-repeat;cursor:grab}.dd-layer.plop{animation:dd-plop .28s ease}@keyframes dd-plop{0%{transform:scale(1.08)}60%{transform:scale(.97)}to{transform:scale(1)}}.dd-rack{position:absolute}.dd-rack-l{background:repeating-linear-gradient(180deg,transparent 0,transparent calc(var(--plank-h, 90px) - 7px),rgba(94,58,28,.5) calc(var(--plank-h, 90px) - 7px),rgba(60,36,16,.55) calc(var(--plank-h, 90px) - 3px),rgba(255,240,214,.25) calc(var(--plank-h, 90px) - 3px),rgba(255,240,214,.18) var(--plank-h, 90px)),linear-gradient(90deg,#b98950,#d3a468 8%,#c99b5e,#d3a468 92%,#a97a44);border:10px solid #8a5a2b;border-radius:14px;box-shadow:inset 0 0 34px #3c1e0859,0 10px 26px #3c1e0859}.dd-rack-l[hidden],.dd-rack-r[hidden]{display:none}.dd-thumb{position:absolute;background-repeat:no-repeat;cursor:grab;filter:drop-shadow(0 3px 5px rgba(74,44,20,.35));transition:transform .12s}.dd-thumb:hover{transform:scale(1.07)}.dd-thumb.weg{visibility:hidden}.dd-ghost{position:fixed;z-index:4000;pointer-events:none;background-repeat:no-repeat;filter:drop-shadow(0 8px 14px rgba(74,44,20,.45))}.dd-ghost.past{filter:drop-shadow(0 0 14px rgba(120,220,120,.95))}.dd-ghost.terug{transition:left .3s ease-in,top .3s ease-in,width .3s,height .3s,background-size .3s,background-position .3s}.dd-spark{position:fixed;z-index:4100;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#fff6c8,#ffc83a);pointer-events:none;animation:dd-spark .6s ease-out forwards}@keyframes dd-spark{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.2);opacity:0}}.dd-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;background:#fffffff0;color:#7a4a1c;font-weight:600;font-size:clamp(14px,2.4vmin,19px);padding:8px 22px;border-radius:999px;pointer-events:none;box-shadow:0 4px 12px #4a2c1440}.dd-toast.zicht{animation:dd-toast 1.6s ease forwards}@keyframes dd-toast{0%{opacity:0;transform:translate(-50%) translateY(10px)}15%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1}to{opacity:0}}.dd-acties{position:fixed;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;gap:10px}.dd-done{font-family:Chewy,sans-serif;letter-spacing:1px;font-size:clamp(20px,3.6vmin,30px);color:#4a2308;background:linear-gradient(180deg,#ffd76e,#f2a93b);border:none;border-radius:18px;padding:10px 34px;cursor:pointer;box-shadow:0 6px #a06210,0 10px 22px #4a2c1459,inset 0 2px #fff5dc99;transition:transform .06s,box-shadow .06s}.dd-done:active{transform:translateY(4px);box-shadow:0 2px #a06210}.dd-reset{width:clamp(44px,6.4vmin,56px);height:clamp(44px,6.4vmin,56px);border:none;border-radius:50%;cursor:pointer;background:#fffcf4f0;box-shadow:0 4px #a062108c,0 6px 12px #4a2c144d;display:flex;align-items:center;justify-content:center;padding:0}.dd-reset svg{width:58%;height:58%}.dd-reset:active{transform:translateY(3px);box-shadow:0 1px #a062108c}.dd-root .su-sys{z-index:110}.dd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.2vh,14px);padding:12px;background:radial-gradient(circle at 20% 15%,rgba(232,131,58,.18),transparent 40%),radial-gradient(circle at 80% 85%,rgba(192,81,47,.16),transparent 40%),linear-gradient(180deg,#f9ecd2,#f4dcae)}.dd-overlay[hidden]{display:none}.dd-start{overflow:hidden}.dd-start-bg{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;z-index:-1;background-size:cover;background-position:center bottom;filter:blur(3px) saturate(1.1)}.dd-start:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#28120659,#2812068c 60%,#281206b3)}.dd-logo{width:clamp(240px,36vw,460px);max-width:88vw;max-height:22vh;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.dd-kies{font-family:Chewy,sans-serif;font-size:clamp(28px,5.6vmin,50px);color:#fff;letter-spacing:.5px;text-shadow:0 2px 0 rgba(120,60,10,.6),0 6px 16px rgba(0,0,0,.45)}.dd-kies[hidden]{display:none}.dd-heroes{display:flex;gap:clamp(16px,5vw,80px);align-items:flex-end}.dd-kaart{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;cursor:pointer;padding:6px 10px 0;background:none;transition:transform .18s}.dd-kaart:hover .dd-hero-pop,.dd-kaart:focus-visible .dd-hero-pop{filter:drop-shadow(0 0 22px rgba(255,214,110,.95)) drop-shadow(0 14px 22px rgba(0,0,0,.45))}.dd-kaart:hover,.dd-kaart:focus-visible{transform:translateY(-8px) scale(1.04);outline:none}.dd-kaart:active{transform:translateY(0) scale(.98)}.dd-kaart-naam{font-family:Chewy,sans-serif;font-size:clamp(30px,5.8vmin,54px);color:#fff;letter-spacing:1px;text-shadow:0 2px 0 rgba(120,60,10,.6),0 6px 16px rgba(0,0,0,.5)}.dd-hero-pop{position:relative;height:clamp(250px,54vh,560px);aspect-ratio:2 / 3;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45));animation:dd-bob 2.4s ease-in-out infinite;transition:filter .18s}.dd-hero-pop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dd-kaart:nth-child(2) .dd-hero-pop{animation-delay:1.2s}.dd-kaart.solo .dd-hero-pop{height:clamp(240px,54vh,560px)}@media (max-aspect-ratio: 3/4){.dd-toast{bottom:calc(92px + env(safe-area-inset-bottom))}.dd-hero-pop{height:min(54vh,58vw)}.dd-kaart.solo .dd-hero-pop{height:min(54vh,90vw)}.dd-heroes{gap:clamp(10px,4vw,40px)}}.dd-play[hidden]{display:none}.dd-startscherm{background:none}.dd-startscherm:before{content:"";position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;background:var(--su-start-beeld, none) center bottom / cover no-repeat,var(--su-start-bg, #f4dcae);filter:blur(3px) saturate(1.1)}.dd-startscherm:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#28120659,#2812068c 60%,#281206b3)}.dd-startscherm .su-start__binnen{position:relative;z-index:1}.dd-startscherm .su-start__titel{transform:none;text-shadow:none}.dd-startscherm .dd-logo{display:block;width:clamp(240px,36vw,460px);max-width:88vw;max-height:22vh}.dd-start-figuren{height:100%;max-height:560px;display:flex;gap:clamp(10px,5vw,80px);align-items:flex-end;justify-content:center}.dd-start-figuren .dd-hero-pop{height:min(100%,66vw);max-width:44vw}.dd-start-figuren .dd-hero-pop:only-child{height:min(100%,120vw);max-width:80vw}.dd-start-figuren .dd-hero-pop:nth-child(2){animation-delay:1.2s}.dd-startscherm .su-start__speel{font-family:Chewy,sans-serif;font-weight:400;letter-spacing:1px;color:#4a2308;text-shadow:none;background:linear-gradient(180deg,#ffd76e,#f2a93b);box-shadow:0 8px #a06210,0 14px 26px #4a2c1459,inset 0 2px #fff5dc99}.dd-startscherm .su-start__speel:active{box-shadow:0 3px #a06210}@keyframes dd-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dd-btn{font-family:Chewy,sans-serif;font-size:clamp(24px,4.5vw,34px);letter-spacing:1px;border:none;cursor:pointer;color:#4a2308;background:linear-gradient(180deg,#ffd76e,#f2a93b);padding:14px 52px;border-radius:22px;box-shadow:0 8px #a06210,0 14px 26px #4a2c1459,inset 0 2px #fff5dc99;transition:transform .06s,box-shadow .06s}.dd-btn:active{transform:translateY(5px);box-shadow:0 3px #a06210}.dd-end-title{font-family:Chewy,sans-serif;font-size:clamp(34px,7vw,58px);color:#b5622a;text-shadow:0 3px 0 rgba(255,255,255,.7),0 6px 14px rgba(74,44,20,.25);text-align:center;text-wrap:balance;max-width:92vw;padding:0 4vw}.dd-result{position:relative}.dd-result-pop{position:relative;height:clamp(240px,52vh,460px);aspect-ratio:2 / 3}.dd-result-pop img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dd-result-laag{position:absolute;background-size:100% 100%;background-repeat:no-repeat}.dd-result-pop{filter:drop-shadow(0 10px 22px rgba(74,44,20,.3))}.dd-confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:120;overflow:hidden}.dd-confetti-stuk{position:absolute;top:-14px;width:10px;height:14px;border-radius:3px;animation-name:dd-confetti-val;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes dd-confetti-val{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(540deg)}}.dd-root.kleuter .dd-rack{overflow-y:auto;overflow-x:hidden;touch-action:pan-y;scrollbar-width:none;background-attachment:local,scroll}.dd-root.kleuter .dd-rack::-webkit-scrollbar{display:none}.dd-root.kleuter .dd-thumb{filter:drop-shadow(0 4px 6px rgba(74,44,20,.4))}.dd-root.kleuter .dd-done{font-size:clamp(26px,5.4vmin,42px);padding:14px 46px;border-radius:22px}.dd-root.kleuter .dd-reset{width:clamp(52px,7.6vmin,64px);height:clamp(52px,7.6vmin,64px)}.dd-root.huis{position:absolute}:root{--hb-titelfont: "Chewy", "Fredoka", "Nunito", system-ui, sans-serif;--hb-accent: #ffd23f;--hb-rood: #e63946;--hb-rood-dark: #8f1620;--hb-creme: #fff6e5}html,body{background:#35578a}.hb-titel{letter-spacing:.5px;text-shadow:0 4px 0 rgba(0,0,0,.25)}.hb-kamerlaag>*{position:fixed;top:0;right:0;bottom:0;left:0}.hb-kamer__beeld[data-kamer=cadeautje-inpakken]{clip-path:polygon(2% 100%,2% 56%,27% 0%,100% 0%,100% 100%)}.hb-kamer__beeld[data-kamer=kleurpiet]{clip-path:polygon(0% 100%,0% 0%,73% 0%,98% 56%,98% 100%)}.hb-kamerlaag .jg-spel{background:linear-gradient(#fff6e58c,#fff6e58c),url(../assets/speel/puzzelpiet.webp) center / cover no-repeat}.hb-kamerlaag .kp-root--huis{background:url(../assets/speel/kleurpiet.webp) center / cover no-repeat}.hb-kamerlaag .su-handje{display:none!important}.hb-kamerlaag .kp-root--huis .su-sys__btn{color:#2b2540}@media (orientation: portrait){.hb-kamerlaag .kp-root--huis .kp-chip{width:52px!important;height:52px!important}.hb-kamerlaag .kp-root--huis .kp-chips{gap:8px}}.hb-kamerlaag .kp-root--huis .kp-knop--klaar{min-height:64px;font-size:24px;padding:12px 26px}@media (orientation: landscape){.hb-kamerlaag .kp-root--huis .kp-plaatvak{padding-top:72px}}