*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;background:#1c2447;font-family:"Baloo 2",Trebuchet MS,Comic Sans MS,system-ui,sans-serif}.cl-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;--sat: env(safe-area-inset-top, 0px);--sar: env(safe-area-inset-right, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--cl-page-bg: linear-gradient(180deg, #161d3d 0%, #283161 55%, #3d477e 100%);--cl-text: #eef1ff;--cl-rand: #10173a}.cl-root [hidden]{display:none!important}.cl-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.cl-hud{position:absolute;top:calc(10px + var(--sat));left:calc(12px + var(--sal));display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 260px - var(--sal) - var(--sar));z-index:25;pointer-events:none}.cl-pill{background:#0a10289e;color:#fff;font-weight:700;font-size:clamp(14px,2.4vh,20px);padding:6px 14px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.cl-corners{position:absolute;top:calc(10px + var(--sat));right:calc(12px + var(--sar));display:flex;gap:10px;z-index:50}.cl-corner{width:clamp(44px,6.5vh,56px);height:clamp(44px,6.5vh,56px);border-radius:50%;border:none;background:linear-gradient(180deg,#fffdf4,#e8e2c8);box-shadow:0 4px #0e122cbf,inset 0 -3px #c99a1b59,inset 0 2px #ffffffe6;color:#3a3560;font-size:clamp(19px,3vh,26px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,box-shadow .08s}.cl-corner:active{transform:translateY(3px);box-shadow:0 1px #0e122cbf,inset 0 -2px #c99a1b59}.cl-corner svg{width:58%;height:58%;display:block}@media (max-width: 480px){.cl-corners{gap:6px}.cl-corner{width:40px;height:40px}.cl-hud{max-width:calc(100% - 250px - var(--sal) - var(--sar))}}.cl-corner--muziek.is-uit{color:#b0aac8;background:linear-gradient(180deg,#d8d4c4,#beb8a4)}.cl-corner--muziek.is-uit svg{opacity:.55}.cl-skip{position:absolute;bottom:calc(18px + var(--sab));left:50%;transform:translate(-50%);z-index:26;border:none;border-radius:999px;padding:12px 22px;font-family:inherit;font-size:clamp(15px,2.4vh,19px);font-weight:800;color:#5a3d00;background:#ffd24d;box-shadow:0 4px #c99a1b;cursor:pointer;animation:cl-pop .3s ease-out}.cl-skip:active{transform:translate(-50%) scale(.94)}.cl-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none}.cl-stick{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:#ffffff29;border:2px solid rgba(255,255,255,.4)}.cl-stick__knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;background:#ffffff8c;transform:translate(-50%,-50%)}.cl-jump{position:absolute;right:calc(22px + var(--sar));bottom:calc(26px + var(--sab));width:clamp(72px,12vh,96px);height:clamp(72px,12vh,96px);border-radius:50%;border:none;background:#ffd24de6;box-shadow:0 5px #a07814b3;color:#5a3d00;display:flex;align-items:center;justify-content:center;pointer-events:auto;touch-action:none}.cl-jump svg{width:46%;height:46%}.cl-jump.ingedrukt{transform:scale(.92);box-shadow:0 2px #a07814b3}.cl-toast{position:absolute;top:calc(64px + var(--sat));left:50%;transform:translate(-50%);z-index:27;background:#0a1028cc;color:#fff;font-weight:800;font-size:clamp(14px,2.4vh,19px);padding:8px 18px;border-radius:999px;pointer-events:none;animation:cl-pop .25s ease-out}.cl-fade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:28;background:#070a18;opacity:0;pointer-events:none;transition:opacity .08s linear}.cl-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--cl-page-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1.8vh,18px);text-align:center;padding:clamp(10px,2.5vh,28px);color:var(--cl-text);overflow:hidden auto}.cl-overlay h1{margin:0;font-size:clamp(30px,7vh,58px);font-weight:900;letter-spacing:.01em}.cl-overlay--home{background:none;justify-content:flex-start;padding-top:clamp(20px,6vh,56px);padding-bottom:clamp(18px,5vh,44px)}.cl-home__spacer{flex:1}.cl-overlay--home h1{font-size:min(clamp(46px,12vh,96px),15vw);color:#ffd24d;text-shadow:3px 0 0 var(--cl-rand),-3px 0 0 var(--cl-rand),0 3px 0 var(--cl-rand),0 -3px 0 var(--cl-rand),2px 2px 0 var(--cl-rand),-2px 2px 0 var(--cl-rand),2px -2px 0 var(--cl-rand),-2px -2px 0 var(--cl-rand),0 8px 0 rgba(9,13,33,.9),0 14px 22px rgba(4,7,20,.55);animation:cl-logo-float 3.4s ease-in-out infinite}.cl-overlay--home .cl-sub{color:#fff;opacity:1;font-weight:800;text-shadow:0 2px 0 rgba(16,23,58,.95),0 4px 10px rgba(4,7,20,.5)}.cl-verder{margin:0;font-size:clamp(13px,2.2vh,17px);font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(16,23,58,.95),0 4px 10px rgba(4,7,20,.5)}.cl-home__modes{display:flex;gap:clamp(10px,2vw,18px);justify-content:center}.cl-home__modes .cl-btn{width:clamp(150px,34vw,250px);padding-left:0;padding-right:0}@keyframes cl-logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cl-overlay--home h1.cl-titel--logo{color:#fff;text-shadow:none;text-transform:uppercase;font-weight:800;letter-spacing:.01em;animation:cl-logo-zweef 3.4s ease-in-out infinite}.cl-titel--logo .cl-titel__a,.cl-titel--logo .cl-titel__b{position:relative;-webkit-text-stroke:.14em #3d1a6e;paint-order:stroke fill;text-shadow:0 .07em 0 #241040,0 .16em .3em rgba(8,4,24,.55)}.cl-titel--logo .cl-titel__a{color:#fff}.cl-titel--logo .cl-titel__b{color:#ffcf3d}.cl-titel__veer{position:absolute;width:.44em;height:.72em;right:-.02em;top:-.3em;transform:rotate(20deg);filter:drop-shadow(0 .04em 0 #241040);pointer-events:none}@keyframes cl-logo-zweef{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(-2deg)}}.cl-overlay--home .cl-sub{background:linear-gradient(180deg,#5a2ba0,#47217e);color:#fff;padding:.35em 1.2em;border-radius:999px;box-shadow:0 3px #2a1150,0 6px 14px #08041866;text-shadow:none;white-space:nowrap}@media (max-width: 480px){.cl-overlay--home .cl-sub{font-size:13px;padding:.35em 1em}}.cl-overlay--end,.cl-overlay--levels,.cl-overlay--shop,.cl-overlay--set{background:none}.cl-overlay--end h1,.cl-overlay--levels h1,.cl-overlay--shop h1,.cl-overlay--set h1{font-size:clamp(34px,8.5vh,68px);color:#fff;text-shadow:3px 0 0 var(--cl-rand),-3px 0 0 var(--cl-rand),0 3px 0 var(--cl-rand),0 -3px 0 var(--cl-rand),2px 2px 0 var(--cl-rand),-2px 2px 0 var(--cl-rand),2px -2px 0 var(--cl-rand),-2px -2px 0 var(--cl-rand),0 7px 0 rgba(9,13,33,.9),0 12px 18px rgba(4,7,20,.5)}.cl-overlay--end .cl-end__stats{background:#fffffff0;color:#1c2447;padding:8px 22px;border-radius:999px;box-shadow:0 3px #090d218c}.cl-overlay--end .cl-link,.cl-overlay--levels .cl-link,.cl-overlay--shop .cl-link,.cl-overlay--set .cl-link{color:#fff;opacity:.92;text-shadow:0 2px 4px rgba(4,7,20,.6)}.cl-paneel--breed{width:min(92vw,640px)}.cl-btn.cl-btn--shop{background:#ffd24d;box-shadow:0 5px #c99a1b;color:#5a3d00;padding-top:clamp(8px,1.4vh,12px);padding-bottom:clamp(8px,1.4vh,12px);font-size:clamp(15px,2.4vh,20px)}.cl-lvl__pager{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.cl-lvl__wereld{font-weight:800;font-size:clamp(14px,2.6vh,20px);color:#fff;text-shadow:0 2px 4px rgba(4,7,20,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-lvl__pijl{flex:none;width:clamp(40px,6vh,52px);height:clamp(40px,6vh,52px);border-radius:50%;border:none;background:#ffd24d;box-shadow:0 4px #c99a1b;color:#5a3d00;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s}.cl-lvl__pijl svg{width:55%;height:55%}.cl-lvl__pijl:active{transform:translateY(2px)}.cl-lvl__pijl[disabled]{opacity:.35;cursor:default;box-shadow:none}.cl-lvl__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(6px,1.4vw,12px);width:100%}.cl-lvl{aspect-ratio:1;border:none;border-radius:14px;font-family:inherit;font-weight:900;font-size:clamp(18px,3.6vh,28px);color:#fff;cursor:pointer;box-shadow:0 4px #05081699;transition:transform .08s}.cl-lvl:active{transform:translateY(2px)}.cl-lvl--w1{background:#d0783a}.cl-lvl--w2{background:#4a76d4}.cl-lvl--w3{background:#b04ad0}.cl-lvl--w4{background:#4aa5c8}.cl-lvl--w5{background:#b8952e}.cl-lvl--slot,.cl-lvl--slot:active{background:#ffffff24;color:#ffffffbf;cursor:default;box-shadow:none;transform:none}.cl-lvl--slot svg{width:40%;height:40%;opacity:.8}.cl-shop__saldo{margin:0;background:#fffffff0;color:#1c2447;font-weight:900;font-size:clamp(16px,2.8vh,22px);padding:6px 20px;border-radius:999px;box-shadow:0 3px #090d218c}.cl-shop__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(8px,1.5vw,14px);width:100%}@media (max-width: 480px){.cl-shop__grid{grid-template-columns:repeat(2,1fr)}}.cl-skin{display:flex;flex-direction:column;align-items:center;gap:5px;background:#ffffff24;border:3px solid transparent;border-radius:14px;padding:clamp(8px,1.5vh,14px);color:#fff;font-family:inherit;font-weight:800;font-size:clamp(12px,2vh,15px);cursor:pointer;transition:transform .08s}.cl-skin:active{transform:scale(.96)}.cl-skin--actief{border-color:#ffd24d;background:#ffffff38}.cl-skin__prev{display:flex;flex-direction:column;align-items:center}.cl-skin__kop{width:26px;height:20px;border-radius:5px;box-shadow:0 1px #05081680}.cl-skin__lijf{width:32px;height:22px;margin-top:2px;border-radius:6px;box-shadow:0 2px #05081680}.cl-skin__prijs{font-size:clamp(11px,1.8vh,13px);opacity:.95;color:#ffd24d}.cl-end__paneel{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,18px);background:#080c20a8;border-radius:28px;padding:clamp(18px,3.5vh,32px) clamp(22px,4.5vw,44px);box-shadow:0 10px 30px #02040e80,inset 0 1px #ffffff24}.cl-end__rij{display:flex;gap:clamp(10px,2vw,18px);justify-content:center}.cl-end__rij .cl-btn{width:clamp(150px,34vw,240px);padding-left:0;padding-right:0}.cl-btn.cl-btn--menu2,.cl-btn.cl-btn--menupauze{background:#3e6fe8;box-shadow:0 5px #1f43a3}.cl-sub{margin:0;font-size:clamp(15px,2.6vh,21px);font-weight:600;opacity:.85}.cl-btn{border:none;border-radius:999px;padding:clamp(12px,2.2vh,18px) clamp(30px,6vw,52px);font-family:inherit;font-size:clamp(18px,3.2vh,26px);font-weight:900;color:#fff;background:#e5533b;box-shadow:0 5px #a32e1c;cursor:pointer;transition:transform .08s;display:inline-flex;align-items:center;justify-content:center;gap:.45em}.cl-btn:active{transform:scale(.95)}.cl-btn[disabled]{opacity:.6;cursor:default}.cl-btn--submit{background:#2fa84f;box-shadow:0 5px #1d7a34}.cl-btn--afstand{background:#3e6fe8;box-shadow:0 5px #1f43a3}.cl-ico{width:.9em;height:.9em;display:inline-block;flex:none}.cl-pill--pop{animation:cl-pill-pop .3s ease-out}.cl-noot{width:1em;height:1em;display:inline-block;vertical-align:-.12em}.cl-btn.cl-btn--reset{background:#e5534b;box-shadow:0 5px #a83029}@keyframes cl-pill-pop{0%{scale:1}40%{scale:1.3}to{scale:1}}.cl-link{border:none;background:none;font-family:inherit;font-size:clamp(13px,2.2vh,17px);font-weight:700;color:var(--cl-text);opacity:.7;text-decoration:underline;cursor:pointer}.cl-end__stats{margin:0;font-size:clamp(16px,2.8vh,22px);font-weight:600}@media (max-height: 480px){.cl-overlay{justify-content:flex-start;gap:6px;padding-top:8px;padding-bottom:10px}.cl-overlay h1,.cl-overlay--levels h1,.cl-overlay--shop h1,.cl-overlay--end h1,.cl-overlay--set h1{font-size:clamp(20px,7vh,32px)}.cl-overlay--home h1{font-size:min(clamp(28px,11vh,44px),15vw)}.cl-end__paneel{gap:8px;padding:10px 18px;max-width:calc(100vw - 24px)}.cl-btn{padding:8px 22px;font-size:clamp(14px,4.5vh,18px)}.cl-lvl__grid{grid-template-columns:repeat(10,1fr);gap:5px}.cl-lvl{font-size:clamp(13px,4.5vh,18px);border-radius:9px}.cl-shop__grid{grid-template-columns:repeat(6,1fr);gap:6px}.cl-skin{padding:6px;font-size:11px}}.cl-confetti{position:absolute;top:-14px;width:10px;height:14px;z-index:45;border-radius:2px;pointer-events:none;animation:cl-confetti-val linear forwards}@keyframes cl-confetti-val{0%{transform:translateY(-10px) rotate(0)}to{transform:translateY(110vh) rotate(660deg)}}@keyframes cl-pop{0%{scale:.6;opacity:0}to{scale:1;opacity:1}}