*,*: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:#5fb6ef;font-family:"Baloo 2",Trebuchet MS,Comic Sans MS,system-ui,sans-serif}.cy-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);--cy-page-bg: linear-gradient(180deg, #4fa8e8 0%, #a9dcf5 52%, #8fcf6a 100%);--cy-text: #4a2b2b;--cy-accent: #d9483f;--cy-accent-donker: #9e2f28;--cy-geel: #ffd24d;--cy-geel-donker: #c9941b}.cy-root [hidden]{display:none!important}.cy-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;touch-action:none}.cy-ic-munt{width:1.05em;height:1.05em;vertical-align:-.16em}.cy-ic svg,.cy-pill svg,.cy-toast svg,.cy-end__regel svg,.cy-end__tip svg,.cy-end__stats svg,.cy-end__record svg,.cy-record svg,.cy-pauze__stats svg,.cy-btn svg{width:1.05em;height:1.05em;vertical-align:-.16em}.cy-hud{position:absolute;top:calc(10px + var(--sat));left:calc(12px + var(--sal));display:flex;flex-wrap:wrap;gap:8px;max-width:calc(100% - 300px - var(--sal) - var(--sar));z-index:25;pointer-events:none}.cy-pill{background:#1e1e3e99;color:#fff;font-weight:700;font-size:clamp(14px,2.4vh,20px);padding:6px 14px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.cy-pill--fout{background:#c83746c7}.cy-pill--lek{background:#c83746d9;animation:cy-pop .7s ease-out infinite alternate}.cy-pill--klok b,.cy-pill--score b{font-variant-numeric:tabular-nums}.cy-pill--klokRood{background:#c83746d9;animation:cy-pop .55s ease-out infinite alternate}.cy-pill--pop{animation:cy-pop .3s ease-out}.cy-pill--wonderband{background:#5a6482c7}.cy-pill--combo{background:#e67814d9}.cy-pill--wind{background:#3c6e96cc;font-weight:500}.cy-pill--magneet{background:#b4463cc7}.cy-pill--toverbel{background:#a07814d1}.cy-pill--power{display:inline-flex;align-items:center;gap:5px}.cy-voortgang{position:absolute;top:calc(14px + var(--sat));left:50%;transform:translate(-50%);width:min(34vw,300px);height:12px;border-radius:999px;background:#1e1e3e73;z-index:24;pointer-events:none}.cy-voortgang__balk{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#ffd24d,#ff9d5c);transition:width .2s linear}.cy-voortgang__fiets{position:absolute;top:50%;left:0%;transform:translate(-50%,-55%);transition:left .2s linear;color:#fff;filter:drop-shadow(0 2px 2px rgba(20,20,50,.55))}.cy-voortgang__fiets svg{width:24px;height:24px;display:block}@media (max-width: 760px){.cy-voortgang{display:none}}.cy-corners{position:absolute;top:calc(10px + var(--sat));right:calc(12px + var(--sar));display:flex;gap:10px;z-index:50}.cy-corner{width:clamp(44px,6.5vh,56px);height:clamp(44px,6.5vh,56px);border-radius:50%;border:none;background:linear-gradient(180deg,#fff,#ffe3d6);box-shadow:0 4px #6e282373,inset 0 -3px #d9483f59,inset 0 2px #ffffffe6;color:#9e2f28;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .08s,box-shadow .08s}.cy-corner:active{transform:translateY(3px);box-shadow:0 1px #6e282373,inset 0 -2px #d9483f59}.cy-corner svg{width:58%;height:58%;display:block}.cy-corner--uit{opacity:.55}.cy-touch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:24;pointer-events:none}.cy-stuur{position:absolute;left:calc(18px + var(--sal));bottom:calc(22px + var(--sab));display:flex;gap:14px}.cy-stuur__knop{width:clamp(64px,11vh,88px);height:clamp(64px,11vh,88px);border-radius:50%;border:none;background:#ffffffd9;box-shadow:0 5px #6e282380;color:#9e2f28;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}.cy-stuur__knop svg{width:55%;height:55%}.cy-actie{position:absolute;right:calc(22px + var(--sar));bottom:calc(26px + var(--sab));display:flex;flex-direction:column;align-items:center;gap:12px}.cy-bel{width:clamp(58px,10vh,78px);height:clamp(58px,10vh,78px);border-radius:50%;border:none;background:linear-gradient(180deg,#fff,#ffe3d6);box-shadow:0 5px #6e282380;color:#c9941b;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:center}.cy-bel svg{width:58%;height:58%}.cy-hop{width:clamp(88px,15vh,120px);height:clamp(88px,15vh,120px);border-radius:50%;border:none;background:linear-gradient(180deg,#ffe08a,#ffc24d);box-shadow:0 6px #a06e14b3;color:#7a4d00;font-family:inherit;font-size:clamp(17px,3vh,24px);font-weight:900;letter-spacing:.03em;pointer-events:auto;touch-action:none}.cy-stuur__knop.ingedrukt,.cy-hop.ingedrukt,.cy-bel.ingedrukt{transform:scale(.92);box-shadow:0 2px #6e282380}.cy-toast{position:absolute;top:calc(70px + var(--sat));left:50%;transform:translate(-50%);z-index:45;background:#1e1e3ed1;color:#fff;font-weight:700;font-size:clamp(14px,2.4vh,19px);padding:8px 18px;border-radius:999px;pointer-events:none;white-space:nowrap;animation:cy-pop .25s ease-out;max-width:96vw}.cy-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:23;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(220,60,80,.55) 100%)}.cy-flash--aan{animation:cy-flits .5s ease-out}@keyframes cy-flits{0%{opacity:1}to{opacity:0}}.cy-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--cy-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(--cy-text);overflow:hidden auto}.cy-overlay h1{margin:0;font-family:var(--cy-titelfont, inherit);font-size:clamp(30px,7vh,56px);font-weight:900;letter-spacing:.02em;color:#fff;text-shadow:0 3px 0 rgba(60,30,80,.45)}.cy-overlay--home{background:none;justify-content:flex-start;padding-top:clamp(18px,5.5vh,52px);padding-bottom:clamp(18px,5vh,44px)}.cy-overlay--home h1{font-size:clamp(44px,12vh,92px);color:#fff;text-shadow:3px 0 0 var(--cy-accent-donker),-3px 0 0 var(--cy-accent-donker),0 3px 0 var(--cy-accent-donker),0 -3px 0 var(--cy-accent-donker),2px 2px 0 var(--cy-accent-donker),-2px 2px 0 var(--cy-accent-donker),2px -2px 0 var(--cy-accent-donker),-2px -2px 0 var(--cy-accent-donker),0 7px 14px rgba(30,20,60,.5)}.cy-sub{margin:0;font-size:clamp(16px,2.8vh,24px);font-weight:500;color:#fff;text-shadow:0 2px 6px rgba(30,20,60,.65)}.cy-home__spacer{flex:1}.cy-record{margin:0;font-weight:500;font-size:clamp(15px,2.6vh,21px);color:#fff;text-shadow:0 2px 5px rgba(30,20,60,.65)}.cy-record b{font-weight:800}.cy-btn--groot{font-size:clamp(22px,4.4vh,34px);padding:clamp(14px,2.6vh,22px) clamp(36px,7vw,64px);display:inline-flex;align-items:center;gap:.35em}.cy-btn--groot svg{width:.95em;height:.95em}.cy-end__score{display:flex;flex-direction:column;align-items:center;line-height:1}.cy-end__label{font-size:clamp(13px,2.2vh,17px);font-weight:500;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.cy-end__score b{font-family:var(--cy-titelfont, inherit);font-size:clamp(44px,10vh,84px);font-weight:900;color:var(--cy-accent)}.cy-end__record{margin:0;font-size:clamp(15px,2.6vh,21px);font-weight:500;color:#8a5a00;background:#fff4d6;border-radius:14px;padding:6px 16px}.cy-end__record b{font-weight:800}.cy-end__stats{margin:0;font-size:clamp(13px,2.2vh,17px);font-weight:500;opacity:.85}.cy-end__rij{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cy-paneel .cy-btn--opnieuw,.cy-paneel .cy-btn--door{margin-top:20px}.cy-btn{border:none;border-radius:999px;padding:clamp(12px,2.2vh,18px) clamp(28px,5vw,48px);font-family:inherit;font-size:clamp(18px,3.4vh,27px);font-weight:800;letter-spacing:.02em;color:#fff;background:linear-gradient(180deg,#ff7a5c 0%,var(--cy-accent) 100%);box-shadow:0 5px 0 var(--cy-accent-donker),inset 0 2px #ffffff73;cursor:pointer;transition:transform .08s,box-shadow .08s}.cy-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cy-accent-donker)}.cy-btn--klein{font-size:clamp(15px,2.6vh,21px);padding:clamp(9px,1.8vh,14px) clamp(20px,3.6vw,34px)}.cy-voortgang__vlag{position:absolute;top:50%;right:-4px;transform:translate(50%,-60%);color:#ffd24d;filter:drop-shadow(0 2px 2px rgba(20,20,50,.55))}.cy-voortgang__vlag svg{width:20px;height:20px;display:block}.cy-paneel{background:#ffffffd1;border-radius:26px;padding:clamp(16px,3vh,30px) clamp(18px,4vw,40px) 28px;display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2vh,18px);box-shadow:0 8px 24px #2819464d;max-width:min(92vw,640px)}.cy-paneel--breed{width:min(94vw,700px)}.cy-pauze__stats,.cy-end__regel{margin:0;font-size:clamp(16px,2.8vh,23px);font-weight:500}.cy-geen3d{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cy-page-bg);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:24px}.cy-geen3d h1{margin:0;font-size:clamp(30px,7vh,52px);font-weight:900}.cy-geen3d p{margin:0;font-size:clamp(15px,2.6vh,20px);font-weight:500;max-width:34em}.cy-confetti{position:absolute;top:-14px;width:10px;height:14px;border-radius:3px;z-index:60;pointer-events:none;animation:cy-confetti-val linear forwards}@keyframes cy-confetti-val{0%{transform:translateY(0) rotate(0)}to{transform:translateY(110vh) rotate(720deg)}}@keyframes cy-pop{0%{transform:scale(1)}50%{transform:scale(1.22)}to{transform:scale(1)}}@media (max-width: 620px){.cy-hud{top:calc(66px + var(--sat));max-width:calc(100% - 24px)}.cy-toast{top:calc(116px + var(--sat));white-space:normal;max-width:92vw}}@media (max-height: 470px){.cy-overlay{gap:5px;padding:6px;justify-content:flex-start}.cy-overlay--home{justify-content:flex-start}.cy-overlay h1{font-size:22px}.cy-paneel{padding:8px 16px 14px;gap:6px}.cy-paneel .cy-btn--opnieuw,.cy-paneel .cy-btn--door{margin-top:8px}.cy-end__rij{gap:12px}.cy-btn--groot{font-size:18px;padding:8px 26px}.cy-end__score b{font-size:34px}}