*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#8fd8ff;font-family:Lilita One,Arial Rounded MT Bold,system-ui,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:0}.hidden{display:none!important}#game,#game canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#touch{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2}#pops{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;overflow:hidden}#joy{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.55);pointer-events:none;z-index:4;display:none}#knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffd9;box-shadow:0 3px #0003}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.top{position:absolute;left:0;right:0;top:0;display:flex;align-items:flex-start;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 12px 0}#hearts{font-size:30px;letter-spacing:1px;text-shadow:0 3px 0 rgba(0,0,0,.25);min-width:110px}#hearts .h{color:#ff3b5c;display:inline-block}#hearts .h.empty{color:#00000040}#hearts .h.pop{animation:heartPop .4s}@keyframes heartPop{50%{transform:scale(1.6)}}.mid{text-align:center}#score{font-size:38px;line-height:1;text-shadow:0 4px 0 #e8402a,0 6px 8px rgba(0,0,0,.25)}#wave{font-size:15px;opacity:.95;text-shadow:0 2px 0 rgba(0,0,0,.3);margin-top:2px}.btns{display:flex;gap:8px;min-width:110px;justify-content:flex-end}.btns button{pointer-events:auto;width:44px;height:44px;border-radius:14px;font-size:20px;color:#fff;background:#00000040;box-shadow:inset 0 -3px #0003}.btns button.off{opacity:.45;text-decoration:line-through}#combo{position:absolute;left:50%;top:calc(env(safe-area-inset-top) + 76px);transform:translate(-50%);font-size:26px;color:#ffd23f;text-shadow:0 3px 0 #c0392b;opacity:0;transition:opacity .2s}#combo.on{opacity:1}#combo.bump{animation:bump .25s}@keyframes bump{50%{transform:translate(-50%) scale(1.35)}}#buffs{position:absolute;left:12px;top:calc(env(safe-area-inset-top) + 52px);display:flex;flex-direction:column;gap:6px}.buff{font-size:14px;padding:4px 10px;border-radius:10px;background:#00000047;text-shadow:0 2px 0 rgba(0,0,0,.3)}.buff i{display:block;height:4px;margin-top:3px;border-radius:2px;background:#ffd23f;font-style:normal}#sandalBtn{position:absolute;right:calc(env(safe-area-inset-right) + 18px);bottom:calc(env(safe-area-inset-bottom) + 22px);width:96px;height:96px;border-radius:50%;pointer-events:auto;overflow:hidden;background:#00000059;color:#fff;font-size:15px;line-height:1.05;border:4px solid rgba(255,255,255,.6);box-shadow:0 5px #00000040;z-index:6}#sandalBtn .fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(#3fa9f5,#1c6fd1);transition:height .2s}#sandalBtn .lbl{position:relative;text-shadow:0 2px 0 rgba(0,0,0,.35)}#sandalBtn.ready{border-color:#ffd23f;animation:ready .8s infinite}#sandalBtn.ready .fill{background:linear-gradient(#ffd23f,#ff8c1a)}@keyframes ready{50%{transform:scale(1.08) rotate(-4deg)}}#sandalBtn:active{transform:scale(.92)}.pop{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:22px;color:#fff;text-shadow:0 3px 0 #333,0 0 6px rgba(0,0,0,.3);animation:popUp 1s ease-out forwards}.pop.score{font-size:16px;color:#ffd23f}.pop.huge{font-size:46px;color:#ffd23f;text-shadow:0 5px 0 #c0392b}.pop.bad{color:#ff5c7a}.pop.good{color:#7dff9b}@keyframes popUp{0%{transform:translate(-50%,-50%) scale(.4) rotate(-8deg);opacity:0}15%{transform:translate(-50%,-80%) scale(1.25) rotate(4deg);opacity:1}30%{transform:translate(-50%,-90%) scale(1) rotate(0)}to{transform:translate(-50%,-190%) scale(.9);opacity:0}}#banner{position:fixed;left:0;right:0;top:30%;text-align:center;z-index:7;pointer-events:none;opacity:0;transform:scale(.5);transition:opacity .3s,transform .35s cubic-bezier(.3,1.6,.5,1);padding:0 16px}#banner.on{opacity:1;transform:scale(1)}#banner .t{font-size:48px;color:#ffd23f;text-shadow:0 5px 0 #c0392b,0 8px 14px rgba(0,0,0,.3)}#banner .s{font-size:19px;margin-top:6px;text-shadow:0 2px 0 rgba(0,0,0,.4)}#flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#ff2e4d;opacity:0;pointer-events:none;z-index:6;transition:opacity .25s}#flash.on{opacity:.35;transition:none}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#ffd23f59,#1428508c);padding:16px}.card{width:min(440px,100%);max-height:100%;overflow-y:auto;text-align:center;background:#fff8e7;color:#4a2d16;border-radius:28px;padding:24px 20px 20px;box-shadow:0 10px #e8a33d,0 18px 40px #00000059;border:4px solid #4a2d16;animation:cardIn .45s cubic-bezier(.3,1.6,.5,1)}.brand-logo{width:96px;height:96px;display:block;margin:0 auto 8px;filter:drop-shadow(0 4px 0 rgba(74,45,22,.25));animation:logoPop .55s cubic-bezier(.3,1.6,.5,1)}@keyframes logoPop{0%{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cardIn{0%{transform:scale(.6) rotate(-6deg);opacity:0}}.title{display:flex;flex-direction:column;line-height:.95;font-size:54px;color:#ffd23f;text-shadow:0 4px 0 #4a2d16,3px 0 0 #4a2d16,-3px 0 0 #4a2d16,0 -3px 0 #4a2d16}.title small{font-size:26px;color:#fff;margin:2px 0}.title .red,.title.red{color:#ff5a3c}.title.small{font-size:40px}.tag{font-family:system-ui,sans-serif;font-weight:700;font-size:15px;line-height:1.4;margin:14px 0 18px}.big{display:block;width:100%;font-size:32px;padding:14px;border-radius:20px;color:#fff;background:linear-gradient(#5fd35f,#2fa52f);box-shadow:0 6px #1f7a1f;text-shadow:0 3px 0 rgba(0,0,0,.25);animation:wiggle 2.4s infinite}.big:active{transform:translateY(4px);box-shadow:0 2px #1f7a1f}@keyframes wiggle{0%,80%,to{rotate:0deg}85%{rotate:-3deg}90%{rotate:3deg}95%{rotate:-2deg}}.ghost{margin-top:12px;background:none;color:#8a6440;font-size:18px;text-decoration:underline}.best{margin-top:14px;font-size:18px}.poslink{display:block;margin-top:12px;font-size:18px;color:#1c6fd1;text-decoration:none;pointer-events:auto}.poslink:active{transform:scale(.96)}.live{margin-top:10px;font-family:system-ui,sans-serif;font-weight:700;font-size:13px;background:#e8f6ff;color:#1c4e80;border-radius:12px;padding:8px 10px;line-height:1.35}.how{margin-top:14px;text-align:left;font-family:system-ui,sans-serif;font-size:13px;line-height:1.5;background:#ffe9b8;border-radius:14px;padding:10px 14px}.stats{display:flex;gap:8px;justify-content:center;margin-bottom:14px}.stats div{flex:1;background:#ffe9b8;border-radius:14px;padding:8px 4px}.stats small{display:block;font-size:12px;font-family:system-ui,sans-serif;font-weight:700}.stats b{font-size:28px;font-weight:400}.newbest{font-size:26px;color:#ff5a3c;margin-bottom:12px;animation:ready .6s infinite}@media(max-height:520px){.title{font-size:40px}.title small{font-size:18px}.tag{margin:8px 0 10px;font-size:13px}.how{display:none}.brand-logo{width:64px;height:64px;margin-bottom:2px}.big{font-size:26px;padding:10px}#banner .t{font-size:38px}#sandalBtn{width:82px;height:82px;font-size:13px}}