*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#12151c;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}#stage{touch-action:none;display:block;position:fixed;inset:0}#hud{padding:calc(12px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) 12px calc(18px + env(safe-area-inset-left));color:#e8ecf3;font-variant-numeric:tabular-nums;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:fixed;top:0;left:0;right:0}.side{flex-direction:column;gap:2px;display:flex}.side.right{align-items:flex-end}.lbl{letter-spacing:.12em;text-transform:uppercase;color:#6f7a8d;font-size:11px}.val{font-size:26px;font-weight:650;line-height:1.1}#wind{color:#8d97a8;font-size:13px;font-weight:500}#mult{color:#ffd166;font-size:13px;font-weight:700}#mult.dim{color:#5d6779;font-weight:500}#combo{color:#e23c48;opacity:0;font-size:13px;font-weight:700}#combo.on{opacity:1;animation:.9s ease-in-out infinite throb}@keyframes throb{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}#toast{letter-spacing:-.02em;color:#fff;text-shadow:0 4px 24px #00000080;opacity:0;pointer-events:none;font-size:46px;font-weight:800;position:fixed;top:38%;left:50%;transform:translate(-50%,-50%)scale(.8)}#toast.show{animation:.9s cubic-bezier(.2,.9,.3,1) forwards pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}70%{opacity:1;transform:translate(-50%,-58%)scale(1)}to{opacity:0;transform:translate(-50%,-78%)scale(1)}}#over{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8ecf3;background:#0c0f16d1;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:none;position:fixed;inset:0}#over.show{display:flex}#over h1{letter-spacing:.16em;text-transform:uppercase;color:#6f7a8d;font-size:15px;font-weight:600}#over .fin{letter-spacing:-.03em;font-size:76px;font-weight:800;line-height:1}#over .best{color:#8d97a8;font-size:14px}#over.record{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0f168c}#over.record .fin{color:#ffd166;text-shadow:0 0 32px #ffd1668c;animation:.75s cubic-bezier(.2,1.5,.4,1) both slam}#over.record .best{color:#ffd166;letter-spacing:.14em;text-transform:uppercase;font-size:16px;font-weight:800;animation:1.4s ease-in-out infinite throb}@keyframes slam{0%{opacity:0;filter:blur(12px);transform:scale(3.2)}55%{opacity:1;filter:blur();transform:scale(.88)}75%{transform:scale(1.06)}to{transform:scale(1)}}#again{color:#12151c;font:inherit;cursor:pointer;background:#e8ecf3;border:0;border-radius:999px;margin-top:10px;padding:15px 40px;font-size:16px;font-weight:700}#again:active{transform:scale(.96)}#rotate{z-index:10;color:#8d97a8;background:#12151c;flex-direction:column;justify-content:center;align-items:center;gap:22px;font-size:15px;display:none;position:fixed;inset:0}#rotate .phone{border:3px solid #5d6779;border-radius:10px;width:54px;height:92px;animation:2s ease-in-out infinite tilt}@keyframes tilt{0%,40%{transform:rotate(0)}70%,to{transform:rotate(-90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate{display:flex}}#hint{left:0;right:0;bottom:calc(26px + env(safe-area-inset-bottom));text-align:center;color:#5d6779;pointer-events:none;font-size:13px;transition:opacity .4s;position:fixed}