*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html{height:100%;overflow:hidden;background:linear-gradient(180deg,#5bb8f5,#89d4ff 45%,#b8eaff)}body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;cursor:pointer;font-family:Fredoka,Comic Sans MS,Chalkboard SE,cursive,sans-serif;background:transparent}#arena.hue-cycle{animation:hue-cycle 3s linear infinite}@keyframes hue-cycle{0%{filter:hue-rotate(0deg) saturate(1.4) brightness(1.1)}to{filter:hue-rotate(360deg) saturate(1.4) brightness(1.1)}}body.heavenly #count{color:#e8a820;text-shadow:2px 2px 0 rgba(255,255,255,.8),0 0 30px rgba(255,210,50,.6),0 0 60px rgba(255,200,30,.3)}body.heavenly #label{color:#d2a014e6;text-shadow:1px 1px 0 rgba(255,255,255,.7)}body.heavenly #milestone{color:#e8a820;text-shadow:3px 3px 0 rgba(255,255,255,.7),0 0 40px rgba(255,210,50,.5)}body.heavenly #watermark{color:#c8a02880}body.cosmic #count{color:#c0d8ff;text-shadow:3px 3px 0 rgba(0,0,0,.3),0 0 30px rgba(100,150,255,.4),0 0 60px rgba(80,50,200,.2)}body.cosmic #label{color:#a0beffd9;text-shadow:1px 1px 0 rgba(0,0,0,.3)}body.cosmic #milestone{color:#d0e0ff;text-shadow:3px 3px 0 rgba(0,0,0,.3),0 0 40px rgba(100,150,255,.4)}body.cosmic #watermark{color:#8caaff66}body.ethereal #count{color:#7050a0;text-shadow:2px 2px 0 rgba(255,255,255,.7),0 0 25px rgba(150,100,200,.3)}body.ethereal #label{color:#644696cc;text-shadow:1px 1px 0 rgba(255,255,255,.6)}body.ethereal #milestone{color:#7050a0;text-shadow:3px 3px 0 rgba(255,255,255,.6),0 0 30px rgba(150,100,200,.3)}body.ethereal #watermark{color:#64469666}body.transcendent #count{color:#a07030;text-shadow:2px 2px 0 rgba(255,255,255,.8),0 0 30px rgba(200,160,80,.3),0 0 60px rgba(180,140,60,.15)}body.transcendent #label{color:#966428bf;text-shadow:1px 1px 0 rgba(255,255,255,.7)}body.transcendent #milestone{color:#a07030;text-shadow:3px 3px 0 rgba(255,255,255,.7),0 0 40px rgba(200,160,80,.4)}body.transcendent #watermark{color:#96642859}body.hell-mode #count{color:#f40;text-shadow:3px 3px 0 rgba(0,0,0,.3),0 0 30px rgba(255,60,0,.5),0 0 60px rgba(255,30,0,.3)}body.hell-mode #label{color:#ff641ee6;text-shadow:1px 1px 0 rgba(0,0,0,.3)}body.hell-mode #milestone{color:#f30;text-shadow:4px 4px 0 rgba(0,0,0,.4),0 0 50px rgba(255,50,0,.5)}#sky-effects{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}#sky-effects:before{content:"";display:none}#sky-effects:after{content:"";position:absolute;top:-40%;left:-40%;width:180%;height:180%;opacity:var(--aurora-opacity, 0);transition:opacity 3s ease;background:radial-gradient(ellipse at 20% 30%,rgba(120,0,255,.35) 0%,transparent 50%),radial-gradient(ellipse at 80% 40%,rgba(0,220,180,.3) 0%,transparent 50%),radial-gradient(ellipse at 45% 75%,rgba(255,0,120,.25) 0%,transparent 45%),radial-gradient(ellipse at 10% 60%,rgba(0,140,255,.25) 0%,transparent 45%),radial-gradient(ellipse at 90% 15%,rgba(200,50,255,.2) 0%,transparent 40%),radial-gradient(ellipse at 60% 50%,rgba(255,200,0,.15) 0%,transparent 40%);animation:aurora-drift var(--aurora-speed, 20s) ease-in-out infinite alternate;mix-blend-mode:screen}#sky-effects.hue-cycle-sky{animation:hue-cycle-sky 5s linear infinite}@keyframes hue-cycle-sky{0%{filter:hue-rotate(0deg) saturate(1.5)}to{filter:hue-rotate(360deg) saturate(1.5)}}@keyframes twinkle{0%{opacity:var(--stars-opacity, 0)}40%{opacity:calc(var(--stars-opacity, 0) * .6)}60%{opacity:var(--stars-opacity, 0)}to{opacity:calc(var(--stars-opacity, 0) * .8)}}@keyframes aurora-drift{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(6%,-4%) rotate(2deg) scale(1.04)}40%{transform:translate(-4%,6%) rotate(-1.5deg) scale(.97)}60%{transform:translate(3%,3%) rotate(3deg) scale(1.06)}80%{transform:translate(-6%,-2%) rotate(-2deg) scale(.99)}to{transform:translate(2%,5%) rotate(1deg) scale(1.03)}}#vignette{position:fixed;inset:0;z-index:99;pointer-events:none;transition:box-shadow 2.5s ease;box-shadow:inset 0 0 0 0 transparent;will-change:box-shadow}#arena{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;background:linear-gradient(180deg,#5bb8f5,#89d4ff 45%,#b8eaff)}#ground{position:fixed;bottom:0;left:0;width:100%;height:calc(70px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,#5dc460,#4aaf4d 25%,#3d9340 60%,#2d7a30);z-index:3;box-shadow:0 -4px #6fd672,0 -8px 20px #00000014;transition:background 2s ease,box-shadow 2s ease}#grass-blades{position:absolute;top:-12px;left:0;width:100%;height:16px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 8px,#5DC460 8px,#5DC460 10px,transparent 10px,transparent 14px);mask-image:linear-gradient(0deg,#000 40%,transparent 100%);-webkit-mask-image:linear-gradient(0deg,#000 40%,transparent 100%);transition:opacity 2s ease;opacity:.6}#counter{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:100;text-align:center;pointer-events:none;line-height:1}#count{font-size:150px;font-weight:700;color:#fff;text-shadow:5px 5px 0 rgba(0,0,0,.15),0 0 40px rgba(255,255,255,.3);transition:transform .15s cubic-bezier(.175,.885,.32,1.275);min-width:100px;display:inline-block}#label{font-size:44px;font-weight:600;color:#ffffffd9;text-shadow:2px 2px 0 rgba(0,0,0,.1);letter-spacing:6px;text-transform:uppercase;margin-top:4px}#counter.bump #count{animation:bump .25s cubic-bezier(.175,.885,.32,1.275)}#hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;font-size:40px;font-weight:600;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.12);pointer-events:none;animation:hint-pulse 2.5s ease-in-out infinite;transition:opacity .6s ease;text-align:center;max-width:90vw;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:14px 32px;border-radius:30px;border:1px solid rgba(255,255,255,.25)}.hint-icon{font-size:1.3em;margin-bottom:4px;animation:hint-bounce 1.2s ease-in-out infinite}#milestone{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0) rotate(-5deg);font-size:125px;font-weight:700;color:#fff;text-shadow:6px 6px 0 rgba(0,0,0,.2),0 0 60px rgba(255,255,255,.4);pointer-events:none;z-index:200;opacity:0;text-align:center;max-width:90vw;letter-spacing:-1px;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275)}#milestone.show{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-2deg)}#sound-toggle{position:fixed;top:16px;right:16px;z-index:100;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:background .2s ease,color .2s ease;pointer-events:auto;-webkit-tap-highlight-color:transparent}#sound-toggle:hover{background:#ffffff4d;color:#fff}body.heavenly #sound-toggle,body.ethereal #sound-toggle,body.transcendent #sound-toggle{background:#00000014;border-color:#0000001f;color:#00000059}body.heavenly #sound-toggle:hover,body.ethereal #sound-toggle:hover,body.transcendent #sound-toggle:hover{background:#0000001f;color:#00000080}#watermark{position:fixed;bottom:8px;left:50%;transform:translate(-50%);font-size:14px;font-weight:600;color:#ffffff73;z-index:100;pointer-events:none;letter-spacing:.5px}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes hint-pulse{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shake-sm{0%,to{transform:translate(0)}15%{transform:translate(-3px,-2px)}30%{transform:translate(3px,2px)}45%{transform:translate(-2px,3px)}60%{transform:translate(2px,-3px)}75%{transform:translate(-3px,1px)}90%{transform:translate(1px,-2px)}}@keyframes shake-lg{0%,to{transform:translate(0)}10%{transform:translate(-6px,-4px) rotate(-.5deg)}20%{transform:translate(6px,3px) rotate(.5deg)}30%{transform:translate(-4px,6px) rotate(-.3deg)}40%{transform:translate(4px,-6px) rotate(.3deg)}50%{transform:translate(-6px,2px) rotate(-.5deg)}60%{transform:translate(5px,-4px) rotate(.4deg)}70%{transform:translate(-3px,6px) rotate(-.2deg)}80%{transform:translate(6px,-2px) rotate(.5deg)}90%{transform:translate(-4px,-5px) rotate(-.3deg)}}body.shake-sm{animation:shake-sm .25s ease-in-out}body.shake-lg{animation:shake-lg .35s ease-in-out}@media(max-width:600px){#count{font-size:26vw}#label{font-size:8vw;letter-spacing:3px}#hint{font-size:7.5vw;padding:16px 28px;line-height:1.3}#milestone{font-size:16vw}#ground{height:calc(50px + env(safe-area-inset-bottom,0px))}#counter{top:16px}}