:root{--cyan:#19f0ff;--pink:#ff2bd6;--yellow:#ffd21f;--font:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{color:#fff;height:100%;font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#05030c;margin:0;overflow:hidden}#app,#touch{position:fixed;top:0;bottom:0;left:0;right:0}#app canvas{display:block}#touch{touch-action:none;z-index:1}#hud{pointer-events:none;z-index:2;padding:max(10px, env(safe-area-inset-top)) 14px max(10px, env(safe-area-inset-bottom));position:fixed;top:0;bottom:0;left:0;right:0}.panel{text-shadow:0 0 8px var(--pink);justify-content:center;align-items:flex-end;gap:22px;display:flex}.stat{flex-direction:column;align-items:center;min-width:64px;display:flex}.label{letter-spacing:.25em;color:var(--cyan);text-shadow:0 0 6px var(--cyan);font-size:11px}.value{font-variant-numeric:tabular-nums;font-size:clamp(22px,4.6vw,36px);font-weight:800;line-height:1.05}.value.small{color:#ffe9fb;font-size:clamp(16px,3vw,22px)}.mult{color:var(--yellow);text-shadow:0 0 10px var(--yellow);min-width:40px;font-size:22px;font-weight:900}#center{text-align:center;position:absolute;top:38%;left:0;right:0}#msg{letter-spacing:.08em;color:#fff;text-shadow:0 0 12px var(--pink), 0 0 30px var(--pink);min-height:1.2em;font-size:clamp(24px,6vw,52px);font-weight:900}#msg.pop{animation:.35s cubic-bezier(.2,1.8,.4,1) pop}#sub{letter-spacing:.2em;color:var(--cyan);text-shadow:0 0 8px var(--cyan);margin-top:8px;font-size:clamp(13px,2.4vw,18px)}#sub.blink{animation:1s steps(2,start) infinite blink}#hint{left:0;right:0;bottom:max(10px, env(safe-area-inset-bottom));color:#c9c3e6;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px;font-size:12px;transition:opacity .4s;display:flex;position:absolute}#hint b{color:#fff;border:1px solid #ffffff59;border-radius:4px;padding:0 5px}#mute{pointer-events:auto;font:inherit;letter-spacing:.15em;color:var(--cyan);cursor:pointer;background:#19f0ff14;border:1px solid #19f0ff80;border-radius:4px;padding:4px 8px;font-size:11px}@media (pointer:coarse){#hint span{display:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){#msg.pop,#sub.blink{animation:none}}@media (min-aspect-ratio:1){.panel{left:max(18px, env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:18px;position:absolute;top:50%;transform:translateY(-50%)}.stat{align-items:flex-start}.value{font-size:clamp(26px,3.4vw,44px)}}