: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-sys-breedte: 232px }.su-sys{position:fixed;top:calc(12px + var(--sat));right:12px;display:flex;gap:8px;z-index:80}.su-sys__btn{width:var(--su-knop);height:var(--su-knop);border-radius:14px;border:none;background:#fffffff0;color:var(--su-ink);cursor:pointer;padding:calc(var(--su-knop) * .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-eind{display:flex;align-items:flex-end;gap:6px;width:min(100%,560px)}.su-eind__sint{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{flex:1;background:var(--su-paneel, #fff8ee);color:var(--su-ink, #1d1a2e);border-radius:26px;padding:22px 20px 28px;width:min(100%,520px);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);box-sizing:border-box}@keyframes su-sint{0%{transform:translateY(40px) scale(.6);opacity:0}to{transform:none;opacity:1}}@media (max-width: 480px){.su-eind{flex-direction:column;align-items:center}.su-eind__sint{width:92px;margin-bottom:-18px;z-index:1}}@media (prefers-reduced-motion: reduce){.su-eind__sint{animation:none}}:root{--ct-font: "Nunito", system-ui, sans-serif;--ct-titelfont: "Chewy", "Nunito", system-ui, sans-serif;--ct-accent: #ffd23f;--ct-accent-dark: #6b120c;--ct-rood: #c8201a;--ct-rood-dark: #7a0f0a;--ct-tekst: #fff6e5;--ct-ballon: #fffaf0;--ct-ballon-tekst: #3a1a08;--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:#5a0c0a}.ct-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--ct-font);color:var(--ct-tekst);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.ct-root [hidden]{display:none!important}.ct-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#5a0c0a center / cover no-repeat}.ct-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#280a0540,#280a0573)}.ct-root{--ct-sys-hoogte: 66px}.ct-hud{position:absolute;top:calc(10px + var(--sat));left:12px;right:var(--su-sys-breedte);z-index:20;display:flex;align-items:center}.ct-hud__links{display:flex;flex-direction:column;gap:4px}.ct-hud__reeks{font-weight:700;font-size:clamp(14px,2.6vmin,20px);text-shadow:0 2px 0 rgba(0,0,0,.35)}.ct-dots{display:flex;gap:5px}.ct-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;box-shadow:inset 0 0 0 1.5px #0003}.ct-dot.klaar{background:var(--ct-accent)}.ct-dot.nu{background:#fff;transform:scale(1.2)}.ct-speel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(var(--ct-sys-hoogte) + 10px + var(--sat)) 12px calc(12px + var(--sab));gap:8px;z-index:10}.ct-top{display:flex;align-items:flex-end;gap:10px;min-height:0}.ct-piet{height:clamp(90px,20vmin,200px);width:auto;flex:0 0 auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));transform-origin:50% 100%}.ct-piet.dans{animation:ct-dans .4s ease-in-out 4}@keyframes ct-dans{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(-8deg) translateY(-10px)}75%{transform:rotate(8deg) translateY(-10px)}}.ct-ballon{position:relative;flex:1;background:var(--ct-ballon);color:var(--ct-ballon-tekst);border-radius:18px;padding:clamp(10px,2vmin,18px) clamp(14px,2.6vmin,24px);font-weight:700;font-size:clamp(16px,3vmin,26px);line-height:1.25;box-shadow:0 6px 16px #0000004d;margin-bottom:clamp(14px,4vmin,40px);text-wrap:balance}.ct-ballon:before{content:"";position:absolute;left:-12px;bottom:14px;border:10px solid transparent;border-right-color:var(--ct-ballon);border-left:0}.ct-veld{position:relative;flex:1;min-height:120px;border-radius:18px;background:#fffaeb38;box-shadow:inset 0 0 0 3px #fff6e58c,0 8px 22px #00000040;overflow:hidden}.ct-veld.juich{animation:ct-juich .7s}@keyframes ct-juich{0%,to{transform:scale(1)}30%{transform:scale(1.03)}}.ct-item{position:absolute;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3));animation:ct-pop .35s cubic-bezier(.2,1.6,.4,1) backwards}@keyframes ct-pop{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.ct-item.nieuw{animation:ct-erbij .5s cubic-bezier(.2,1.4,.4,1) backwards;outline:3px dashed rgba(255,210,63,.9);outline-offset:2px;border-radius:12px}@keyframes ct-erbij{0%{transform:translate(-50%,-160%) scale(.4);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.ct-weg{position:absolute;transform:translate(-50%,-50%)}.ct-weg .ct-item{opacity:.35;filter:grayscale(.6)}.ct-weg:before,.ct-weg:after{content:"";position:absolute;left:50%;top:50%;width:120%;height:10%;min-height:4px;background:var(--ct-rood);border-radius:4px;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 2px #fff9}.ct-weg:after{transform:translate(-50%,-50%) rotate(-45deg)}.ct-item.tikbaar{cursor:pointer}.ct-item.gekozen{outline:4px solid var(--ct-accent);outline-offset:3px;border-radius:14px;transform:translate(-50%,-50%) scale(1.12);background:#ffd23f40}.ct-onder{display:flex;justify-content:center}.ct-antwoorden{display:flex;gap:clamp(10px,2.4vmin,22px);justify-content:center;width:100%}.ct-knop{font-family:var(--ct-font);font-weight:800;cursor:pointer;border:none;border-radius:18px;background:var(--ct-rood);color:#fff;font-size:clamp(18px,3.4vmin,30px);padding:clamp(10px,2vmin,16px) clamp(18px,4vmin,34px);border-bottom:6px solid var(--ct-rood-dark);box-shadow:0 6px 14px #0000004d;transition:transform .08s,filter .15s}.ct-knop:active{transform:translateY(3px);border-bottom-width:3px}.ct-knop--antwoord{flex:1;max-width:180px;font-size:clamp(26px,5.5vmin,46px);padding:clamp(10px,2vmin,16px) 0;font-variant-numeric:tabular-nums}.ct-knop--antwoord.goed{background:#21a34b;border-bottom-color:#136b2f;animation:ct-juich .5s}.ct-knop--antwoord.fout{background:#777;border-bottom-color:#444;animation:ct-schud .35s}@keyframes ct-schud{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}.ct-knop--groot,.ct-knop--volgende,.ct-knop--spelen{background:var(--ct-accent);color:var(--ct-accent-dark);border-bottom-color:#a8780e}.ct-knop--licht{background:#ffffff38;border-bottom-color:#0000004d;font-size:clamp(16px,2.8vmin,22px)}.ct-knop__sub{display:block;font-size:.5em;font-weight:600;opacity:.85}.ct-tikbalk{display:flex;align-items:center;gap:14px;background:#0000004d;border-radius:999px;padding:8px 18px 8px 10px}.ct-schoen{height:clamp(44px,9vmin,80px);width:auto}.ct-tikteller{font-weight:800;font-size:clamp(26px,5vmin,44px);min-width:1.4em;text-align:center;font-variant-numeric:tabular-nums;text-shadow:0 2px 0 rgba(0,0,0,.35)}.ct-toast{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);z-index:25;pointer-events:none;font-family:var(--ct-titelfont);font-size:clamp(26px,6vmin,56px);color:#fff;letter-spacing:.5px;-webkit-text-stroke:clamp(3px,.7vmin,6px) #2a0a05;paint-order:stroke fill;text-shadow:0 4px 0 rgba(0,0,0,.35);animation:ct-toast 1.4s ease forwards;text-align:center;max-width:90vw}.ct-toast.goed{color:#7dff8a}.ct-toast.fout{color:#ffd6a0}.ct-toast.feest{color:var(--ct-accent)}@keyframes ct-toast{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)}}.ct-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.6vmin,16px);padding:calc(16px + var(--sat)) 16px calc(16px + var(--sab));overflow-y:auto;background:linear-gradient(180deg,#5a0c0a,#9c1f14 55%,#c8442a 130%)}.ct-hero{height:clamp(120px,26vmin,260px);width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.ct-titel{margin:0;font-family:var(--ct-titelfont);font-weight:400;font-size:clamp(40px,10vmin,96px);color:var(--ct-accent);-webkit-text-stroke:clamp(4px,1vmin,9px) var(--ct-accent-dark);paint-order:stroke fill;text-shadow:0 5px 0 #3a0906,0 10px 20px rgba(0,0,0,.4);line-height:1;transform:rotate(-2deg)}.ct-reeksen{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:640px}.ct-reeks{display:flex;flex-direction:column;align-items:center;gap:2px;width:clamp(88px,17vmin,116px);padding:8px 4px;border-radius:14px;border:3px solid rgba(255,255,255,.35);background:#ffffff24;color:var(--ct-tekst);font-family:var(--ct-font);cursor:pointer;transition:transform .08s}.ct-reeks.actief{border-color:var(--ct-accent);background:#ffd23f38;transform:scale(1.04)}.ct-reeks__nr{font-weight:800;font-size:clamp(20px,4vmin,30px);line-height:1}.ct-reeks__naam{font-weight:600;font-size:clamp(11px,2vmin,14px)}.ct-reeks__sterren{display:flex;gap:1px}.ct-ster{height:clamp(34px,8vmin,72px);width:auto;filter:drop-shadow(0 4px 4px rgba(0,0,0,.35));animation:ct-pop .5s backwards}.ct-ster--klein{height:16px;filter:none;animation:none}.ct-eind__sterren{display:flex;gap:6px}.ct-eind__sterren .ct-ster:nth-child(2){animation-delay:.15s}.ct-eind__sterren .ct-ster:nth-child(3){animation-delay:.3s}.ct-sint{height:clamp(140px,30vmin,300px);width:auto;filter:drop-shadow(0 8px 10px rgba(0,0,0,.4))}.ct-eind__titel{margin:0;font-family:var(--ct-titelfont);font-weight:400;font-size:clamp(30px,7vmin,64px);color:var(--ct-accent);-webkit-text-stroke:clamp(3px,.8vmin,7px) var(--ct-accent-dark);paint-order:stroke fill;text-shadow:0 4px 0 #3a0906}.ct-eind__sub{font-weight:600;font-size:clamp(14px,2.6vmin,20px);opacity:.95}.ct-knoprij{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:20px}.ct-overlay--eind .su-paneel{display:flex;flex-direction:column;align-items:center}.ct-overlay--eind .su-paneel .ct-eind__sub{color:#5a4a7a;margin-top:6px}.ct-overlay--eind .su-paneel .ct-knop{font-size:clamp(18px,3.6vmin,24px);padding:14px 24px}.ct-overlay--eind .su-paneel .ct-knop--opnieuw{background:var(--ct-rood)}@media (orientation: landscape) and (min-width: 700px){.ct-speel{padding-left:24px;padding-right:24px}.ct-piet{height:clamp(120px,28vmin,260px)}}@media (max-width: 420px){.ct-hud__reeks{font-size:13px}}