:root{--bg:#04050c;--ink:#eaf2ff;--dim:#7f8bb3;--cyan:#5ff5ff;--violet:#b58cff;--gold:#ffd166;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;top:0;bottom:0;left:0;right:0}canvas#game{display:block;position:absolute;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;width:min(100%,460px);padding:calc(14px + var(--safe-t)) 18px calc(16px + var(--safe-b));opacity:0;flex-direction:column;justify-content:space-between;transition:opacity .18s;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#hud[data-on="1"]{opacity:1}.hud-top,.hud-bottom{justify-content:space-between;align-items:flex-start;display:flex}.hud-bottom{align-items:flex-end}#score{letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:0 0 26px #5ff5ff66;font-size:clamp(40px,12vw,56px);font-weight:800;line-height:.95}.label{letter-spacing:.24em;color:var(--dim);margin-top:4px;font-size:10px}.lives{gap:8px;padding-top:6px;display:flex}.lives i{background:var(--cyan);width:9px;height:9px;transition:opacity .16s,background .16s;transform:rotate(45deg);box-shadow:0 0 12px #5ff5ffcc}.lives i[data-off="1"]{box-shadow:none;opacity:.5;background:#2a3358}.combo{letter-spacing:.18em;color:var(--violet);opacity:0;font-size:14px;font-weight:700;transition:opacity .12s,transform .12s;transform:translateY(4px)}.combo[data-on="1"]{opacity:1;transform:none}.wave{letter-spacing:.24em;color:var(--dim);font-size:10px}.screen{text-align:center;-webkit-backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 45%,#0a0c1e8c,#03040aed);place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.screen[hidden]{display:none}.screen h1{letter-spacing:.18em;background:linear-gradient(#eafcff,#5ff5ff 55%,#b58cff);color:#0000;filter:drop-shadow(0 0 26px #5ff5ff59);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(48px,18vw,78px);font-weight:800}.screen h2{letter-spacing:.4em;color:var(--dim);margin:0;font-size:14px;font-weight:600}.how{color:#a9b4d6;margin:0;font-size:14px;line-height:1.7}.score-big{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:0;font-size:clamp(52px,16vw,72px);font-weight:800}.hint{letter-spacing:.12em;color:var(--dim);margin:0;font-size:12px}button{pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.14em;color:#041018;background:linear-gradient(135deg,#8ef8ff,#5ff5ff 45%,#b58cff);border:0;border-radius:999px;padding:14px 34px;font-weight:700;transition:transform 90ms,box-shadow .12s;box-shadow:0 10px 30px #5ff5ff47}button:active{transform:scale(.96)}#mute{right:16px;top:calc(78px + var(--safe-t));width:38px;height:38px;color:var(--dim);box-shadow:none;background:#141a34b3;border-radius:50%;padding:0;font-size:15px;position:absolute}#mute[data-muted="1"]{color:#3b4670}@media (prefers-reduced-motion:reduce){.combo,.lives i,button{transition:none}}