:root{--bg-deep: #06122b;--bg-mid: #0d2346;--bg-highlight: #12356b;--hud-ink: #d5e8ff;--hud-accent: #67f0ff;--hud-warn: #ff8ca1;--panel-glow: rgba(103, 240, 255, .25)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 12% 20%,rgba(84,236,255,.16),transparent 48%),radial-gradient(circle at 88% 14%,rgba(255,133,179,.2),transparent 42%),linear-gradient(160deg,var(--bg-deep),var(--bg-mid) 52%,var(--bg-highlight));color:var(--hud-ink);font-family:Rajdhani,Segoe UI,sans-serif}.app-shell{width:min(1120px,98vw);margin:10px auto}.hud-panel{padding:10px 14px;border:1px solid rgba(110,205,255,.45);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060f288a;box-shadow:0 0 16px var(--panel-glow);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.title-wrap h1{margin:0;letter-spacing:.06em;font-size:clamp(1.05rem,2.3vw,1.8rem);font-family:Orbitron,Rajdhani,sans-serif;font-weight:900}.subtitle{margin:2px 0 0;color:var(--hud-accent);letter-spacing:.09em;font-size:clamp(.64rem,1.6vw,.88rem);text-transform:uppercase}.quick-stats{display:flex;gap:14px;font-size:clamp(.82rem,1.8vw,1rem);letter-spacing:.08em;flex-wrap:wrap;justify-content:flex-end}.quick-stats strong{color:#fff}.status-chips{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px}.status-chip{border:1px solid rgba(119,224,255,.42);border-radius:8px;background:#05122a94;color:#bfeaff;font-family:Orbitron,Rajdhani,sans-serif;font-size:.68rem;letter-spacing:.03em;line-height:1;padding:6px 8px;white-space:nowrap}.status-chip.warn{border-color:#ffac8094;color:#ffd6a5}.status-chip.hot{border-color:#ff80b09e;color:#ffc0d8}.game-wrap{margin-top:10px;position:relative;border-radius:8px;overflow:hidden;border:2px solid rgba(112,228,255,.54);box-shadow:0 14px 40px #070b198f}#game-canvas{width:100%;height:auto;display:block;max-height:calc(100vh - 120px);background:#020814}.overlay{position:absolute;inset:0;display:none;align-items:flex-start;justify-content:flex-start;background:radial-gradient(circle at center,#092c5a9e,#050e23e6);padding:0;overflow-y:auto;overscroll-behavior:contain}.overlay.visible{display:flex}.tutorial-hint{position:absolute;left:12px;top:12px;z-index:3;width:min(330px,calc(100% - 24px));pointer-events:none}.tutorial-card{border:1px solid rgba(117,231,255,.48);border-radius:8px;background:linear-gradient(135deg,#061534f0,#131b46e0),#030c1eeb;box-shadow:0 12px 30px #00000061,0 0 18px #67f0ff2e;padding:10px 12px 12px}.tutorial-progress{color:#8df5ff;font-family:Orbitron,sans-serif;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase}.tutorial-card h3{margin:4px 0 3px;color:#fff;font-family:Orbitron,sans-serif;font-size:.82rem;letter-spacing:.04em}.tutorial-card p{margin:0;color:#d6eaff;font-size:.88rem;line-height:1.28}.tutorial-dismiss{margin-top:8px;border:1px solid rgba(255,171,213,.6);border-radius:7px;background:#2d103edb;color:#ffd9ef;cursor:pointer;font-family:Orbitron,sans-serif;font-size:.64rem;letter-spacing:.06em;padding:5px 8px;pointer-events:auto;text-transform:uppercase}.tutorial-dismiss:hover{filter:brightness(1.14)}.overlay-content{width:min(680px,96%);margin:0 auto;padding:18px 14px 20px;display:flex;flex-direction:column;align-items:center;text-align:center}.overlay h2{margin:0;font-family:Orbitron,sans-serif;letter-spacing:.06em}.overlay p{margin:8px 0;max-width:52ch}.leaderboard-panel{margin-top:14px;width:min(420px,90%);border:1px solid rgba(109,216,255,.45);border-radius:8px;background:#06122c9e;box-shadow:0 0 16px #6dd8ff33;padding:10px 14px 12px}.leaderboard-panel h3{margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:.9rem;letter-spacing:.06em;color:#8de7ff;text-transform:uppercase}.leaderboard-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.leaderboard-column h4{margin:0 0 6px;font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:.04em;color:#9adfff;text-transform:uppercase;opacity:.92}#leaderboard-score-list,#leaderboard-credits-list{margin:0;padding-left:18px;max-height:174px;overflow:auto;text-align:left;line-height:1.26}#leaderboard-score-list li,#leaderboard-credits-list li{display:flex;justify-content:space-between;gap:8px;color:#e5f2ff;font-size:.86rem}#leaderboard-score-list li .score,#leaderboard-credits-list li .score{color:#ffd389;font-family:Orbitron,sans-serif;font-size:.74rem}#leaderboard-score-list li .meta,#leaderboard-credits-list li .meta{color:#9ed8ff;opacity:.88;font-size:.72rem}.start-btn{margin-top:6px;border:none;border-radius:8px;padding:10px 24px;font-family:Orbitron,sans-serif;letter-spacing:.08em;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#5bf2ff,#93ffcb);color:#032035;box-shadow:0 4px 18px #5bf2ff73}.start-btn:hover{transform:translateY(-1px)}.controls{color:#d2e0ff;opacity:.9}.touch-controls{display:none}.touch-steer-zone,.touch-btn{touch-action:none;user-select:none;-webkit-user-select:none}.touch-steer-zone{position:relative;min-height:46px;border:1px solid rgba(117,231,255,.42);border-radius:8px;background:linear-gradient(90deg,#5bf2ff24,#ff7fb61f),#05112ac2;box-shadow:inset 0 0 18px #5bf2ff1f;overflow:hidden}.touch-steer-zone:before{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,#5bf2ff40,#ffffff7a,#ff7fb640)}.touch-steer-label{position:absolute;inset:0;display:grid;place-items:center;color:#d7eeffc7;font-family:Orbitron,sans-serif;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.touch-steer-thumb{position:absolute;left:50%;top:50%;width:34px;height:34px;border:2px solid rgba(255,255,255,.82);border-radius:50%;background:radial-gradient(circle,#fff 0 16%,#68f2ff 18% 55%,#68f2ff2e 57%);box-shadow:0 0 18px #68f2ff80;transform:translate(-50%,-50%);pointer-events:none}.touch-button-row{margin-top:8px;display:grid;grid-template-columns:.82fr 1.18fr .82fr .82fr .82fr;gap:8px}.touch-btn{min-height:48px;border:1px solid rgba(129,237,255,.5);border-radius:8px;background:#081b3ae6;color:#dff9ff;font-family:Orbitron,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.05em;box-shadow:0 8px 20px #03091652}.touch-btn-square{font-size:1rem}.touch-btn-fire{border-color:#ffa0c2bd;background:linear-gradient(135deg,#ff5fa4eb,#ffaf60e6);color:#190718;box-shadow:0 8px 22px #ff62a642}.touch-btn.active,.touch-btn:active{transform:translateY(1px);filter:brightness(1.18)}.meta-panel{margin-top:12px;width:min(560px,92%);border:1px solid rgba(111,229,255,.4);border-radius:8px;background:#05112ca6;padding:10px 12px;box-shadow:0 0 14px #6bdeff26}.meta-panel h3{margin:0 0 4px;font-family:Orbitron,sans-serif;letter-spacing:.05em;text-transform:uppercase;font-size:.84rem;color:#8de9ff}.meta-summary{margin:2px 0 6px;font-size:.88rem;color:#d7ecff}.meta-rank-progress{--xp-progress: 0%;margin:0 0 8px;border:1px solid rgba(118,217,255,.45);border-radius:8px;padding:2px 10px;font-size:.83rem;color:#d8ecff;background:linear-gradient(90deg,#58f2ff40,#7cffc447) no-repeat,#071434a6;background-size:var(--xp-progress) 100%,100% 100%}.weapon-cycle-btn{border:1px solid rgba(131,237,255,.55);background:#0c264acc;color:#8fefff;border-radius:8px;font-family:Orbitron,sans-serif;font-size:.75rem;letter-spacing:.04em;padding:6px 12px;cursor:pointer}.weapon-cycle-btn:disabled{opacity:.55;cursor:not-allowed}.meta-directives{margin-top:8px;display:grid;gap:5px}.directive-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(255,145,208,.3);border-radius:8px;background:#1e0b2c73}.directive-row.active{border-color:#ff9cd6b8;box-shadow:inset 0 0 14px #ff70bf33}.directive-title{font-family:Orbitron,sans-serif;font-size:.72rem;letter-spacing:.03em;color:#ffd9f3}.directive-desc{font-size:.76rem;color:#d9b8ff}.directive-btn{border:1px solid rgba(255,156,214,.6);background:#31124ae6;color:#ffd7f0;border-radius:7px;font-family:Orbitron,sans-serif;font-size:.68rem;letter-spacing:.03em;padding:5px 9px;cursor:pointer}.directive-btn:disabled{opacity:.5;cursor:default}.meta-upgrades{margin-top:8px;display:grid;gap:6px;max-height:min(38vh,280px);overflow-y:auto;padding-right:4px}.upgrade-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 8px;border:1px solid rgba(118,207,255,.28);border-radius:8px;background:#0915348c;text-align:left}.upgrade-title{font-family:Orbitron,sans-serif;font-size:.77rem;color:#eff8ff;letter-spacing:.03em}.upgrade-title .tier{color:#ffe18b;margin-left:5px}.upgrade-desc{font-size:.78rem;color:#9fceff}.upgrade-btn{border:1px solid rgba(113,239,255,.58);background:#0b2249eb;color:#97f7ff;border-radius:7px;font-family:Orbitron,sans-serif;font-size:.71rem;letter-spacing:.03em;padding:5px 9px;cursor:pointer}.upgrade-btn:disabled{opacity:.5;cursor:default}@media(max-width:820px){.app-shell{width:100vw;margin:0}.hud-panel{border-radius:0;border-left:none;border-right:none;align-items:flex-start}.quick-stats{justify-content:flex-start}.status-chip{font-size:.62rem;padding:5px 6px}.tutorial-hint{left:10px;right:10px;top:10px;width:auto}.tutorial-card{padding:9px 10px 10px}.tutorial-card p{font-size:.82rem}.game-wrap{border-radius:0;border-left:none;border-right:none}.leaderboard-columns{grid-template-columns:minmax(0,1fr);gap:8px}.touch-controls{display:block;padding:10px;border-top:1px solid rgba(112,228,255,.24);background:#040c1dbd}}@media(pointer:coarse){.touch-controls{display:block;padding:10px;border-top:1px solid rgba(112,228,255,.24);background:#040c1dbd}}