:root{--bg:#070a18;--ink:#eaf2ff;--dim:#7f8bb3;--cyan:#5ff5ff;--violet:#b58cff;--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;padding:calc(16px + var(--safe-t)) 20px calc(16px + var(--safe-b));grid-template-rows:auto auto 1fr auto;gap:6px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.top{justify-content:space-between;align-items:baseline;display:flex}#score{letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-shadow:0 0 26px #5ff5ff73;font-size:clamp(40px,12vw,58px);font-weight:800;line-height:1}.best{letter-spacing:.24em;color:var(--dim);font-size:10px}.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}.lives{align-self:end;gap:8px;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}.meter{background:#788cc82e;border-radius:2px;grid-column:1/-1;align-self:end;height:3px;overflow:hidden}.meter i{background:linear-gradient(90deg,#5ff5ff,#b58cff 60%,#ffd166);width:0;height:100%;transition:width 90ms linear;display:block}.screen{text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 45%,#0a0c1e8c,#05060feb);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:.16em;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,76px);font-weight:800}.screen h2{letter-spacing:.4em;color:var(--dim);margin:0;font-size:15px;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:#061018;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);box-shadow:0 4px 14px #5ff5ff38}#mute{right:16px;bottom:calc(14px + var(--safe-b));width:38px;height:38px;color:var(--dim);box-shadow:none;background:#141a34bf;border-radius:50%;padding:0;font-size:15px;position:absolute}#mute[data-muted="1"]{color:#3b4670}@media (prefers-reduced-motion:reduce){.combo,.lives i,.meter i,button{transition:none}}