:root{--bg:#04060d;--cyan:#5ce1ff;--magenta:#ff3d8f;--gold:#ffd166;--green:#5dffb1;--text:#e8f4ff;--muted:#7f93ad}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--text);cursor:crosshair;-webkit-user-select:none;user-select:none;font-family:Rajdhani,Avenir Next,Segoe UI,sans-serif;overflow:hidden}canvas{width:100vw;height:100vh;display:block}#vignette{pointer-events:none;z-index:2;position:fixed;inset:0;box-shadow:inset 0 0 180px #000000b8}#flash{pointer-events:none;opacity:0;z-index:3;background:#fff;transition:opacity 80ms linear;position:fixed;inset:0}#hud{z-index:4;pointer-events:none;flex-direction:column;justify-content:space-between;padding:22px 28px;display:flex;position:fixed;inset:0}#hud.hidden{display:none}.hud-top{grid-template-columns:1fr auto 1fr;align-items:start;display:grid}.hud-block.right{text-align:right}.hud-block.center{text-align:center}.label{letter-spacing:.16em;color:var(--muted);font-family:Orbitron,Rajdhani,sans-serif;font-size:11px}.value{letter-spacing:.04em;text-shadow:0 0 18px #5ce1ff40;font-family:Orbitron,Rajdhani,sans-serif;font-size:34px;font-weight:700;line-height:1.05}.glow-cyan{color:var(--cyan)}.glow-gold{color:var(--gold)}.combo{color:var(--magenta);letter-spacing:.08em;min-height:22px;margin-top:4px;font-size:18px;font-weight:700}.hud-bottom{grid-template-columns:1fr 1fr auto;align-items:end;gap:18px;max-width:920px;display:grid}.bar-wrap{min-width:0}.bar-meta{letter-spacing:.14em;color:var(--muted);justify-content:space-between;margin-bottom:6px;font-family:Orbitron,Rajdhani,sans-serif;font-size:11px;display:flex}.bar{background:#ffffff14;border:1px solid #ffffff1f;height:10px;position:relative;overflow:hidden}.fill{transform-origin:0;width:100%;position:absolute;inset:0 auto 0 0}.fill.hp{background:linear-gradient(90deg,#ff5d7a,#ffd166);box-shadow:0 0 12px #ff5d7a8c}.fill.shield{mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#5ce1ffd9)}.fill.burst{background:linear-gradient(90deg,#7b5cff,#5ce1ff);box-shadow:0 0 14px #7b5cffb3}.dash-pips{gap:6px;padding-bottom:2px;display:flex}.dash-pips i{background:0 0;border:1px solid #5ce1ff73;width:14px;height:14px;transform:rotate(45deg)}.dash-pips i.on{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}#banner{z-index:6;text-align:center;pointer-events:none;letter-spacing:.12em;color:#fff;text-shadow:0 0 24px #5ce1ffb3;font-family:Orbitron,Rajdhani,sans-serif;font-size:42px;font-weight:800;animation:.55s both banner-in;position:fixed;top:18%;left:50%;transform:translate(-50%)}#banner.hidden{display:none}#killfeed{z-index:5;text-align:right;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;top:92px;right:28px}#killfeed span{letter-spacing:.16em;color:var(--gold);text-shadow:0 0 10px #ffd16680;font-size:14px;animation:1.4s forwards fade-up}.overlay{z-index:8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(#080c1c2e,#020308a8);place-items:center;display:grid;position:fixed;inset:0}.overlay.hidden{display:none}.menu-inner{text-align:center;width:min(680px,100vw - 48px)}.menu-inner.compact{width:min(420px,100vw - 48px)}.eyebrow{letter-spacing:.22em;color:var(--cyan);margin-bottom:16px;font-family:Orbitron,Rajdhani,sans-serif;font-size:12px}.eyebrow.danger{color:var(--magenta)}h1{letter-spacing:.04em;text-shadow:0 0 40px #5ce1ff59;font-family:Orbitron,Rajdhani,sans-serif;font-size:clamp(48px,10vw,92px);line-height:.9}h1 span{color:var(--cyan)}h2{letter-spacing:.08em;margin-bottom:10px;font-family:Orbitron,Rajdhani,sans-serif;font-size:56px}.tagline{max-width:460px;color:var(--muted);margin:18px auto 28px;line-height:1.5}.controls{color:var(--text);letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-bottom:28px;font-size:13px;display:flex}kbd{color:var(--cyan);letter-spacing:.08em;border:1px solid #5ce1ff66;margin-right:4px;padding:2px 7px;font-family:inherit;font-size:11px;display:inline-block}button{border:1px solid var(--cyan);color:#fff;letter-spacing:.16em;cursor:pointer;background:#5ce1ff14;padding:14px 28px;font-family:Orbitron,Rajdhani,sans-serif;font-weight:700;transition:all .15s}button:hover{background:var(--cyan);color:#041018;box-shadow:0 0 24px #5ce1ff8c}.hint{letter-spacing:.18em;color:var(--muted);margin-top:14px;font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:14px 24px;margin:8px 0 28px;display:grid}.stats span{letter-spacing:.2em;color:var(--muted);font-size:11px;display:block}.stats strong{color:var(--cyan);font-size:28px}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,16px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}15%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width:720px){.hud-bottom{grid-template-columns:1fr}.value{font-size:24px}h2{font-size:36px}#banner{font-size:22px}}