html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;color:#fff;background:#1d1726;width:100%;height:100%;margin:0;padding:0;font-family:Fredoka,"Baloo 2",ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}body{position:fixed;inset:0}#app{background:#2a2140;width:min(100vw,56.25dvh);height:100dvh;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud{padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 6px;text-shadow:0 1px #0000004d;background:linear-gradient(#1a1228d9,#1a122873 75%,#1a122800);align-items:center;gap:6px;height:34px;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.pill{white-space:nowrap;background:#140e1e99;border-radius:999px;align-items:center;gap:5px;height:28px;padding:0 10px;font-size:14px;line-height:28px;display:flex}.pill.bump{animation:.22s ease-out bump}.coin{background:radial-gradient(circle at 35% 30%,#fff6c0,#ffc93c 45%,#b9790f);border-radius:50%;width:13px;height:13px;display:inline-block;box-shadow:0 1px #7a4c08}.energy{background:#140e1e99;border-radius:999px;flex:1;height:24px;position:relative;overflow:hidden}.energy-fill{transform-origin:0;background:linear-gradient(#7dffb0,#2fcf7a);border-radius:999px;transition:transform .12s ease-out;position:absolute;inset:3px}.energy.low .energy-fill{background:linear-gradient(#ffb37d,#ff6b4a)}.energy-text{justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.energy.bump{animation:.18s ease-out bump}@keyframes bump{50%{transform:scale(1.05)}}.icon-btn{pointer-events:auto;cursor:pointer;background:#140e1e99;border:0;border-radius:999px;width:30px;height:28px;padding:0;font-size:14px;line-height:28px}.icon-btn.muted{opacity:.6}.combo{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;top:0;left:0}.combo.show{opacity:1}.combo span{color:#fff;-webkit-text-stroke:1px #28143c80;text-shadow:0 3px #28143c8c,0 0 12px #ffffff40;font-size:26px;font-weight:800;display:block;transform:translate(-50%)}.combo.hot span{color:#ffe27a;font-size:30px}.combo span.pop{animation:.18s ease-out combo-pop}@keyframes combo-pop{0%{transform:translate(-50%)scale(1.45)}to{transform:translate(-50%)scale(1)}}.label{color:#5a3a1a;opacity:0;white-space:nowrap;background:#fffffff2;border-radius:10px;padding:3px 10px;font-size:15px;font-weight:800;position:absolute;transform:translate(-50%)scale(.6);box-shadow:0 3px #00000040}.label.nope{color:#a3321d}.label.show{animation:1.1s ease-out forwards label-up}@keyframes label-up{0%{opacity:0;transform:translate(-50%,6px)scale(.6)}15%{opacity:1;transform:translate(-50%)scale(1.1)}25%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-22px)scale(1)}}.toast{left:50%;top:calc(env(safe-area-inset-top,0px) + 60px);white-space:nowrap;opacity:0;background:#140e1ecc;border-radius:14px;padding:8px 16px;font-size:18px;font-weight:700;transition:opacity .15s,transform .15s;position:absolute;transform:translate(-50%)scale(.9)}.toast.show{opacity:1;transform:translate(-50%)scale(1)}.edge{opacity:0;transition:opacity .25s;position:absolute;inset:0}.edge.show{opacity:1}.edge.left{box-shadow:inset 18px 0 22px -12px #a0d2ff8c}.edge.right{box-shadow:inset -18px 0 22px -12px #a0d2ff8c}.edge.top{box-shadow:inset 0 18px 22px -12px #a0d2ff8c}.edge.bottom{box-shadow:inset 0 -18px 22px -12px #a0d2ff8c}.prompt{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);white-space:nowrap;opacity:0;background:#140e1ec7;border-radius:999px;padding:9px 18px;font-size:17px;font-weight:700;transition:opacity .3s,transform .3s;position:absolute;transform:translate(-50%,10px)}.prompt.show{opacity:1;transform:translate(-50%)}.ghost{opacity:0;width:0;height:0;transition:opacity .3s;position:absolute;top:0;left:0}.ghost.show{opacity:1}.ghost-finger{background:radial-gradient(circle at 40% 35%,#fff,#ffffffd9 55%,#ffffff8c);border-radius:50%;width:60px;height:60px;animation:1.6s cubic-bezier(.45,0,.3,1) infinite ghost-swipe;position:absolute;top:-30px;left:-30px;box-shadow:0 0 0 4px #28143c73,0 6px 14px #00000059}.ghost-trail{transform-origin:0;background:linear-gradient(90deg,#fff0,#ffffffd9);border-radius:12px;width:220px;height:24px;animation:1.6s cubic-bezier(.45,0,.3,1) infinite ghost-trail;position:absolute;top:-12px;left:-110px;box-shadow:0 0 0 2px #28143c33}@keyframes ghost-swipe{0%{opacity:0;transform:translate(-110px)scale(1.2)}10%{opacity:1;transform:translate(-110px)scale(.9)}60%,85%{opacity:1;transform:translate(110px)scale(.9)}to{opacity:0;transform:translate(110px)scale(1.2)}}@keyframes ghost-trail{0%,10%{opacity:0;transform:scaleX(0)}60%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.stamp{color:#ffe27a;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;text-shadow:0 3px #00000059;opacity:0;background:#3c1e0a8c;border:4px solid #ffe27a;border-radius:12px;padding:8px 20px;font-size:32px;font-weight:800;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)scale(0);box-shadow:0 6px #0003}.stamp.show{animation:.32s cubic-bezier(.2,1.6,.4,1) forwards stamp}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-14deg)scale(2.6)}60%{opacity:1}to{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}}.overlay{pointer-events:auto;text-align:center;padding:24px 18px calc(env(safe-area-inset-bottom,0px) + 40px);background:linear-gradient(#18102400 35%,#181024bf);flex-direction:column;justify-content:flex-end;align-items:center;display:none;position:absolute;inset:0}.overlay.show{animation:.25s ease-out fade;display:flex}.card{background:#241836e0;border-radius:24px;flex-direction:column;align-items:center;gap:12px;padding:20px 22px 24px;animation:.35s cubic-bezier(.2,1.4,.4,1) card-up;display:flex;box-shadow:0 8px #00000040}@keyframes fade{0%{opacity:0}}@keyframes card-up{0%{transform:translateY(60px)scale(.9)}}.overlay h1{text-shadow:0 3px #0000004d;margin:0;font-size:36px;line-height:1.05}.overlay.win h1{color:#ffe27a}.overlay p{opacity:.9;margin:0;font-size:16px}.btn{pointer-events:auto;font:inherit;color:#3a2300;cursor:pointer;background:linear-gradient(#ffe27a,#ffb52e);border:0;border-radius:999px;padding:14px 40px;font-size:22px;font-weight:700;box-shadow:0 5px #c97c00}.btn:active{transform:translateY(3px);box-shadow:0 2px #c97c00}.perf{left:8px;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);color:#9f9;white-space:pre;background:#0009;border-radius:6px;padding:6px 8px;font:11px/1.35 ui-monospace,Menlo,Consolas,monospace;position:absolute}@media (prefers-reduced-motion:reduce){.ghost-finger,.ghost-trail{animation-duration:2.4s}}