:root{--hud-accent: #6ee7ff;--hud-warn: #ff5470;--hud-text: #d6f3ff;--hud-dim: rgba(214, 243, 255, .55);--panel-bg: rgba(6, 12, 24, .82);--panel-border: rgba(110, 231, 255, .35);--font-hud: "SF Mono", "Cascadia Code", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#02040a;color:var(--hud-text);font-family:var(--font-hud);-webkit-font-smoothing:antialiased}#game-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block}#hud,#overlay{position:fixed;inset:0;pointer-events:none;user-select:none}#overlay{pointer-events:none}.hud{position:absolute;inset:0;padding:clamp(10px,2.2vmin,26px);display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;justify-content:space-between;align-items:flex-start;gap:2vmin}.hud-cluster{display:flex;align-items:flex-start;gap:clamp(16px,3.4vmin,46px)}.hud-block{display:flex;flex-direction:column;gap:.55em}.hud-label{font-size:clamp(9px,1.35vmin,13px);letter-spacing:.42em;color:var(--hud-dim)}.hud-score{font-size:clamp(20px,3.6vmin,36px);font-weight:700;color:var(--hud-text);letter-spacing:.08em;text-shadow:0 0 14px rgba(110,231,255,.55);font-variant-numeric:tabular-nums}.hud-wave{font-size:clamp(12px,1.9vmin,18px);letter-spacing:.3em;color:var(--hud-accent);text-shadow:0 0 10px rgba(110,231,255,.5)}.hud-wave.hud-wave--warning{color:var(--hud-warn);text-shadow:0 0 10px rgba(255,84,112,.6)}.hud-wave.hud-wave--hidden{visibility:hidden}.hud-right{align-items:flex-end}.hud-bottom{position:absolute;right:clamp(10px,2.2vmin,26px);bottom:clamp(10px,2.2vmin,26px);display:flex;justify-content:flex-end;align-items:flex-end;gap:2vmin}.hud-shell{flex:1 1 auto;max-width:min(30vw,400px);min-width:180px;display:flex;flex-direction:column;gap:.5em}.shell-track{position:relative;height:clamp(8px,1.5vmin,13px);border:1px solid var(--panel-border);background:#040a14b3;box-shadow:inset 0 0 10px #0009;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,10px 100%)}.shell-fill{position:absolute;inset:2px;transform-origin:left center;background:linear-gradient(90deg,#35d0ff,#8ef5ff 65%,#d9fbff);box-shadow:0 0 12px #6ee7ffcc;transition:transform .18s ease-out,background .3s}.shell-track.is-low .shell-fill{background:linear-gradient(90deg,#ff5470,#ff9a6e);box-shadow:0 0 12px #ff5470cc}.shell-ticks{position:absolute;inset:0;display:flex}.shell-ticks span{flex:1;border-right:1px solid rgba(2,8,16,.75)}.shell-ticks span:last-child{border-right:none}.hud-hint{font-size:clamp(9px,1.25vmin,12px);letter-spacing:.18em;color:var(--hud-dim);white-space:nowrap}.mute-button{pointer-events:auto;appearance:none;background:#060c18b3;border:1px solid var(--panel-border);color:var(--hud-text);font-family:var(--font-hud);font-size:clamp(10px,1.4vmin,13px);letter-spacing:.14em;padding:.55em .9em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);transition:border-color .15s,color .15s,background .15s}.mute-button:hover{border-color:var(--hud-accent);color:#fff;background:#142842bf}.overlay-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.2vmin;background:radial-gradient(ellipse at center,#040a168c,#02040aeb 78%);text-align:center}.overlay-screen--hidden{display:none}.overlay-title{font-size:clamp(30px,7.2vmin,74px);font-weight:800;letter-spacing:.16em;color:#eafcff;text-shadow:0 0 18px rgba(110,231,255,.65),0 0 52px rgba(110,231,255,.3),0 2px 0 rgba(6,40,60,.9)}.overlay-title--small{font-size:clamp(22px,4.6vmin,46px)}.overlay-title--danger{color:#ffe9ee;text-shadow:0 0 18px rgba(255,84,112,.7),0 0 52px rgba(255,84,112,.35),0 2px 0 rgba(60,6,18,.9)}.overlay-sub{font-size:clamp(11px,1.9vmin,16px);letter-spacing:.32em;color:var(--hud-dim)}.overlay-stats{display:flex;gap:clamp(18px,4vmin,46px)}.stat{display:flex;flex-direction:column;gap:.4em;min-width:12vmin}.stat-label{font-size:clamp(9px,1.3vmin,12px);letter-spacing:.34em;color:var(--hud-dim)}.stat-value{font-size:clamp(17px,3vmin,30px);font-weight:700;color:var(--hud-text);font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(110,231,255,.45)}.overlay-controls{display:grid;grid-template-columns:auto auto;gap:.65em 1.4em;align-items:baseline;font-size:clamp(10px,1.5vmin,14px);color:var(--hud-dim);letter-spacing:.1em}.overlay-controls .key{justify-self:end;color:var(--hud-accent);letter-spacing:.2em;border:1px solid rgba(110,231,255,.3);background:#08122099;padding:.2em .65em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.overlay-blink{font-size:clamp(12px,2vmin,17px);letter-spacing:.4em;color:var(--hud-accent);animation:overlay-blink 1.5s ease-in-out infinite}@keyframes overlay-blink{0%,to{opacity:.25}50%{opacity:1}}.overlay-footer{position:absolute;bottom:clamp(10px,2.2vmin,26px);left:0;right:0;font-size:clamp(9px,1.2vmin,11px);letter-spacing:.24em;color:#d6f3ff4d}.damage-flash{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#ff3c5a00 42%,#ff3c5a61);opacity:0;transition:opacity .08s linear;will-change:opacity}.damage-flash.is-active{opacity:1;transition:none}.hud-upgrades{min-width:150px;gap:.45em}.upgrade-gauge{display:none;align-items:center;gap:.7em}.upgrade-gauge.is-active{display:flex}.upgrade-icon{font-size:clamp(9px,1.2vmin,12px);font-weight:700;letter-spacing:.2em;padding:.15em .45em;border:1px solid rgba(110,231,255,.45);color:#54e0ff}.upgrade-time{font-size:clamp(9px,1.2vmin,12px);font-variant-numeric:tabular-nums;color:var(--hud-text)}.upgrade-icon--shield{border-color:#6effc073;color:#6effc0}.upgrade-track{position:relative;width:clamp(70px,9vmin,120px);height:6px;border:1px solid rgba(214,243,255,.28);background:#040a14b3}.upgrade-fill{position:absolute;inset:1px;transform-origin:left center;background:linear-gradient(90deg,#35d0ff,#8ef5ff);box-shadow:0 0 8px #6ee7ffb3}#hud-shield .upgrade-fill{background:linear-gradient(90deg,#35ffb0,#9dffdc);box-shadow:0 0 8px #6effc0b3}.upgrade-gauge.is-spent .upgrade-fill{background:#d6f3ff40;box-shadow:none}.upgrade-gauge.is-flash .upgrade-fill{animation:upgrade-flash .5s ease-out}@keyframes upgrade-flash{0%{filter:brightness(2.4)}to{filter:brightness(1)}}.hud-boss{position:absolute;top:clamp(10px,2.2vmin,26px);left:50%;transform:translate(-50%);width:min(46vw,560px);display:flex;flex-direction:column;gap:.4em;align-items:center}.hud-boss--hidden{display:none}.hud-telegraph{margin-top:.35em;font-size:clamp(10px,1.6vmin,15px);font-weight:700;letter-spacing:.28em;padding:.3em .9em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.hud-telegraph.hud-telegraph--hidden{display:none}.hud-telegraph.hud-telegraph--lockon{color:#ffe6ec;border:1px solid rgba(255,84,112,.65);background:#320610ad;text-shadow:0 0 12px rgba(255,84,112,.85);animation:telegraph-lockon .55s ease-in-out infinite}.hud-telegraph.hud-telegraph--spread{color:#ffe9c9;border:1px solid rgba(255,170,84,.7);background:#2e1a04ad;text-shadow:0 0 12px rgba(255,170,84,.85);animation:telegraph-spread .4s ease-in-out infinite}@keyframes telegraph-lockon{0%,to{background:#320610ad}50%{background:#600a1ec7}}@keyframes telegraph-spread{0%,to{background:#2e1a04ad}50%{background:#583008c7}}.boss-track{position:relative;width:100%;height:clamp(9px,1.6vmin,14px);border:1px solid rgba(255,84,112,.55);background:#08040abf;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%);box-shadow:inset 0 0 10px #000000b3}.boss-fill{position:absolute;inset:2px;transform-origin:left center;background:linear-gradient(90deg,#ff5470,#ff9a6e);box-shadow:0 0 12px #ff5470cc;transition:transform .2s ease-out}.boss-fill.is-critical{background:linear-gradient(90deg,#f24,#ffd24a)}