:root{--bg: #05070f;--bg-2: #0a0f1e;--accent: #6ee7ff;--accent-2: #2b6cff;--danger: #ff4d6d;--hp: #56f0a3;--shield: #a78bfa;--spread: #ffd166;--text: #e6edf7;--muted: #8b95b3}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}#game-canvas{display:block;position:fixed;inset:0;width:100%;height:100%}.hud{position:fixed;inset:0;pointer-events:none;z-index:10;padding:env(safe-area-inset-top,12px) env(safe-area-inset-right,12px) env(safe-area-inset-bottom,12px) env(safe-area-inset-left,12px)}.hud-top{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:16px;align-items:center}.stat{display:flex;flex-direction:column;min-width:56px;padding:6px 12px;background:#0a0f1e8c;backdrop-filter:blur(8px);border:1px solid rgba(110,231,255,.15);border-radius:10px}.stat .label{font-size:10px;letter-spacing:.12em;color:var(--muted)}.stat .value{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1.1}.btn-mute{pointer-events:auto;margin-left:auto;font-size:18px;line-height:1;padding:6px 10px}#pause-btn{pointer-events:auto}#screen-flash{position:fixed;inset:0;pointer-events:none;z-index:15;opacity:0;transition:opacity .06s ease-out}.btn-ghost{padding:8px 14px;background:#0a0f1e8c;backdrop-filter:blur(8px);border:1px solid rgba(110,231,255,.2);border-radius:10px;color:var(--text);font-weight:600;cursor:pointer;transition:background .15s,transform .15s}.btn-ghost:hover{background:#6ee7ff1f}.btn-ghost:active{transform:scale(.97)}.btn-primary{padding:14px 32px;font-size:16px;font-weight:700;letter-spacing:.08em;color:#05070f;background:linear-gradient(135deg,var(--accent),var(--accent-2));border:0;border-radius:12px;cursor:pointer;pointer-events:auto;box-shadow:0 8px 24px #2b6cff73,0 0 0 1px #6ee7ff66 inset;transition:transform .15s,box-shadow .2s}.btn-primary:hover{box-shadow:0 10px 32px #2b6cff99,0 0 0 1px #6ee7ff99 inset}.btn-primary:active{transform:scale(.97)}.hud-left{position:absolute;left:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hp-wrap{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0a0f1e8c;backdrop-filter:blur(8px);border:1px solid rgba(86,240,163,.2);border-radius:10px}.hp-label{font-size:11px;letter-spacing:.16em;color:var(--muted)}.hp-bar{width:160px;height:10px;border-radius:6px;background:#ffffff14;overflow:hidden}.hp-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--hp),#22d3a5);box-shadow:0 0 12px #56f0a399;transition:width .25s ease}.badge{padding:4px 10px;font-size:11px;font-weight:700;letter-spacing:.18em;border-radius:999px;background:#a78bfa2e;border:1px solid rgba(167,139,250,.55);color:#d7c8ff}#spread-indicator{background:#ffd16624;border-color:#ffd1668c;color:#ffe1a2}.boss-hp{position:absolute;top:72px;left:50%;transform:translate(-50%);width:min(620px,80vw);background:#0a0f1e8c;backdrop-filter:blur(8px);border:1px solid rgba(255,77,109,.35);border-radius:10px;padding:6px 12px;display:flex;gap:10px;align-items:center}.boss-label{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--danger);text-shadow:0 0 8px rgba(255,77,109,.7)}.boss-bar{flex:1;height:12px;background:#ffffff14;border-radius:6px;overflow:hidden}.boss-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--danger),#ff9a3c);box-shadow:0 0 16px #ff4d6db3;transition:width .18s ease}.screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at center,#0a0f1e8c,#05070fe0 60%);backdrop-filter:blur(4px);animation:fade-in .3s ease}.screen-inner{display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;padding:32px 40px;background:#0a0f1eb3;border:1px solid rgba(110,231,255,.18);border-radius:20px;box-shadow:0 30px 80px #0009;pointer-events:auto;min-width:min(360px,92vw)}.title{margin:0;font-size:clamp(36px,7vw,64px);font-weight:900;letter-spacing:.05em;line-height:1;background:linear-gradient(135deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 32px rgba(110,231,255,.35)}.title.small{font-size:clamp(28px,5vw,40px)}.title .accent{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.subtitle{margin:0;font-size:14px;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.controls{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}.controls b{color:var(--text);margin-right:8px}.final-score{margin:0;font-size:16px;color:var(--muted)}.final-score span{color:var(--accent);font-weight:700;font-size:24px;font-variant-numeric:tabular-nums}.new-hi{margin:-8px 0 0;color:var(--spread);font-weight:800;letter-spacing:.2em;animation:pulse 1s infinite}.hidden{display:none!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@media(max-width:520px){.hp-bar{width:120px}.stat{padding:4px 10px;min-width:48px}.stat .value{font-size:16px}.screen-inner{padding:24px}}