:root{--bg-abyss: #030509;--bg-deep: #060910;--surface-panel: rgba(8, 13, 22, .78);--surface-panel-hover: rgba(14, 22, 36, .88);--surface-card: rgba(10, 16, 28, .82);--surface-card-hover: rgba(16, 26, 46, .94);--border-subtle: rgba(255, 255, 255, .08);--border-medium: rgba(255, 255, 255, .16);--border-focus: rgba(0, 240, 255, .45);--border-threat: rgba(255, 42, 75, .45);--accent-cyan: #00f0ff;--accent-cyan-dim: rgba(0, 240, 255, .18);--accent-cyan-glow: rgba(0, 240, 255, .55);--accent-gold: #ffca28;--accent-gold-dim: rgba(255, 202, 40, .2);--accent-threat: #ff2a4b;--accent-threat-glow: rgba(255, 42, 75, .6);--accent-emerald: #00e676;--text-primary: #f0f6fc;--text-secondary: #8b9bb4;--text-muted: #51627b;--font-display: "Orbitron", monospace;--font-tech: "Chakra Petch", sans-serif;--font-body: "Space Grotesk", -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-abyss);font-family:var(--font-tech);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#080e18,#030508);display:block}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000002e 50%);background-size:100% 4px;pointer-events:none;z-index:10;opacity:.55}.vignette{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 100px #000000bf,inset 0 0 180px #000000f2;pointer-events:none;z-index:11}#hud{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:20;display:grid;grid-template-columns:310px 1fr 310px;grid-template-rows:auto 1fr auto;padding:20px 24px}.hud-panel{pointer-events:auto}.top-left{grid-column:1;grid-row:1}.top-center{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:8px}.top-right{grid-column:3;grid-row:1;display:flex;flex-direction:column}.bottom-center{grid-column:2;grid-row:3;display:flex;justify-content:center;margin-bottom:6px}.tactical-frame{background:var(--surface-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:4px;padding:12px 14px;box-shadow:0 8px 32px #0009;position:relative}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.05)}.brand-group{display:flex;align-items:center;gap:6px}.brand-symbol{color:var(--accent-cyan);font-size:14px;filter:drop-shadow(0 0 6px var(--accent-cyan-glow))}.brand-title{font-family:var(--font-display);font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--text-primary)}.brand-sub{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--text-muted)}.build-badge{font-family:var(--font-display);font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--accent-cyan);background:var(--accent-cyan-dim);padding:2px 7px;border-radius:2px;border:1px solid rgba(0,240,255,.25)}.gauge-group{display:flex;flex-direction:column;gap:8px}.gauge-row{display:flex;flex-direction:column;gap:3px}.gauge-meta{display:flex;justify-content:space-between;align-items:center}.gauge-label{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--text-secondary)}.accent-tag{color:var(--accent-cyan);font-weight:700}.gauge-value{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--text-primary)}.gauge-track{width:100%;height:5px;background:#ffffff0f;border-radius:1px;overflow:hidden}.gauge-fill{height:100%;transition:width .18s cubic-bezier(.2,.8,.2,1)}.hp-fill{background:linear-gradient(90deg,#ff2a4b,#ff5252);box-shadow:0 0 8px #ff2a4b80}.xp-fill{background:linear-gradient(90deg,#00f0ff,#00e676);box-shadow:0 0 8px #00f0ff66}.capacitor-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.capacitor-label{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--text-muted)}.dash-pips{display:flex;gap:5px}.dash-pip{width:22px;height:4px;border-radius:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);transition:all .2s ease}.dash-pip.active{background:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan-glow)}.chrono-pill{display:flex;align-items:center;gap:16px;padding:6px 18px;border-radius:20px}.chrono-main,.chrono-kills{display:flex;flex-direction:column;align-items:center}.chrono-label{font-size:8px;font-weight:700;letter-spacing:.22em;color:var(--text-muted)}#timer-display{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:.08em}.chrono-divider{width:1px;height:24px;background:#ffffff1a}#kills-val{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--accent-gold)}#overdrive-badge{display:flex;align-items:center;gap:8px;padding:4px 14px;border-radius:14px;background:#05080ed9;border:1px solid var(--border-subtle);transition:all .3s cubic-bezier(.2,.8,.2,1)}.overdrive-pip{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 6px var(--accent-cyan)}.overdrive-caption{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--text-secondary)}#overdrive-multiplier{font-family:var(--font-display);font-size:15px;font-weight:900;color:var(--text-primary)}#overdrive-badge.tier-1{border-color:#00f0ff4d}#overdrive-badge.tier-2{border-color:var(--accent-emerald);box-shadow:0 0 12px #00e67640}#overdrive-badge.tier-2 .overdrive-pip{background:var(--accent-emerald)}#overdrive-badge.tier-4{border-color:var(--accent-gold);box-shadow:0 0 16px #ffca2859}#overdrive-badge.tier-4 .overdrive-pip{background:var(--accent-gold)}#overdrive-badge.tier-8{border-color:#fb8500;box-shadow:0 0 20px #fb850066}#overdrive-badge.tier-8 .overdrive-pip{background:#fb8500}#overdrive-badge.tier-16{border-color:var(--accent-threat);box-shadow:0 0 28px #ff2a4b99;animation:overdrivePulse .9s infinite alternate}#overdrive-badge.tier-16 .overdrive-pip{background:var(--accent-threat)}@keyframes overdrivePulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.04);filter:brightness(1.2)}}.panel-title{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--text-secondary)}.fps-indicator{font-family:var(--font-display);font-size:10px;font-weight:600;color:var(--accent-emerald)}.control-row{margin-bottom:8px}.tactical-select{width:100%;background:#0e1420d9;border:1px solid var(--border-subtle);border-radius:3px;padding:6px 10px;font-family:var(--font-tech);font-size:12px;font-weight:600;color:var(--text-primary);outline:none;cursor:pointer;transition:border-color .2s ease}.tactical-select:hover,.tactical-select:focus{border-color:var(--border-focus)}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.tactical-select-sm{background:#0e1420d9;border:1px solid var(--border-subtle);border-radius:3px;padding:5px 8px;font-family:var(--font-tech);font-size:11px;font-weight:600;color:var(--text-secondary);outline:none;cursor:pointer}.tactical-select-sm:hover{border-color:var(--border-focus);color:var(--text-primary)}.control-actions{display:flex;gap:5px}.btn-tactical{flex:1;background:#0e1420b3;border:1px solid var(--border-subtle);border-radius:3px;padding:5px 0;font-family:var(--font-tech);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.btn-tactical:hover{background:#00f0ff1a;border-color:var(--border-focus);color:var(--text-primary)}.btn-tactical.active{background:var(--accent-cyan-dim);border-color:#00f0ff66;color:var(--accent-cyan)}.constellation-hud-bar{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 18px}.constellation-header{display:flex;gap:8px;align-items:center}.constellation-title{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--text-secondary)}.constellation-sub{font-size:8px;font-weight:600;letter-spacing:.14em;color:var(--text-muted)}.sockets-flex{display:flex;gap:8px}.socket-hud-node{display:flex;flex-direction:column;align-items:center;justify-content:center;width:48px;height:38px;background:#0c121ed9;border:1px solid var(--border-subtle);border-radius:3px;transition:all .2s ease}.socket-hud-node.equipped{border-color:#00f0ff59;background:#00f0ff14}.socket-hud-node.fused{border-color:#ff2a4b80;background:#ff2a4b1f}.socket-idx{font-size:8px;font-weight:700;color:var(--text-muted)}.socket-weapon-name{font-family:var(--font-display);font-size:10px;font-weight:700;color:var(--text-primary)}.modal{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;justify-content:center;align-items:center;opacity:1;pointer-events:auto;transition:opacity .2s ease}.modal.hidden{opacity:0;pointer-events:none}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#020408d9;backdrop-filter:blur(20px)}.modal-card{position:relative;z-index:2;width:90%;max-width:860px;padding:32px 36px;border-radius:4px}.modal-corner{position:absolute;width:12px;height:12px;border:2px solid var(--accent-cyan)}.top-left-corner{top:-1px;left:-1px;border-right:none;border-bottom:none}.top-right-corner{top:-1px;right:-1px;border-left:none;border-bottom:none}.bottom-left-corner{bottom:-1px;left:-1px;border-right:none;border-top:none}.bottom-right-corner{bottom:-1px;right:-1px;border-left:none;border-top:none}.modal-head{margin-bottom:24px}.modal-pretitle{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--accent-cyan)}.modal-title{font-family:var(--font-display);font-size:24px;font-weight:900;letter-spacing:.08em;color:var(--text-primary);margin-top:4px}.modal-desc{font-size:13px;color:var(--text-secondary);margin-top:4px}.upgrade-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.upgrade-card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:4px;padding:20px 18px;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:all .2s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.upgrade-card:hover{background:var(--surface-card-hover);border-color:var(--border-focus);transform:translateY(-3px);box-shadow:0 8px 24px #00f0ff26}.upgrade-card-tag{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--accent-cyan);background:var(--accent-cyan-dim);display:inline-block;align-self:flex-start;padding:2px 8px;border-radius:2px}.upgrade-card-title{font-family:var(--font-display);font-size:16px;font-weight:800;letter-spacing:.06em;color:var(--text-primary)}.upgrade-card-desc{font-size:12px;line-height:1.5;color:var(--text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.stat-item{background:#0e1420b3;border:1px solid var(--border-subtle);border-radius:3px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.stat-item-label{font-size:9px;font-weight:700;letter-spacing:.18em;color:var(--text-muted)}.stat-item-value{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end}.btn-prime{background:var(--accent-cyan);color:#03060a;border:none;border-radius:3px;padding:12px 28px;font-family:var(--font-display);font-size:13px;font-weight:900;letter-spacing:.14em;cursor:pointer;transition:all .2s ease}.btn-prime:hover{background:#fff;box-shadow:0 0 20px #00f0ff99;transform:translateY(-1px)}