@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--ink:#f7f8fb;--ink-soft:#b8bdc7;--panel:#080a129e;--panel-border:#fff3;--accent:#65c4ff;--accent-press:#419fd8;--focus:#f6f8ff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 50% 10%,#2b313e 0%,#0f1218 50%,#06070b 100%);font-family:Space Grotesk,sans-serif;overflow:hidden}#game-root{width:100%;height:100%;position:relative}#scene-host,#scene-host canvas{width:100%;height:100%;display:block}.overlay{pointer-events:none;position:absolute;inset:0}#hud{width:auto;height:auto;inset:1.25rem auto auto 50%;transform:translate(-50%)}#hud .hud-item{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex}#hud .hud-label{letter-spacing:.1em;color:var(--ink);font-family:IBM Plex Mono,monospace;font-size:1.2rem;font-weight:600}.fuel-bar-container{background:#0006;border:2px solid #ffffff1a;border-radius:12px;width:200px;height:24px;transition:transform .1s ease-out;position:relative;overflow:hidden}.fuel-bar-fill{background:#4ade80;border-radius:10px;width:100%;height:100%;transition:width .1s linear,background-color .3s;box-shadow:0 0 10px #4ade8080}.fuel-bar-fill.warning{background:#facc15;box-shadow:0 0 10px #facc1580}.fuel-bar-fill.critical{background:#ef4444;box-shadow:0 0 10px #ef444480}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.fuel-bar-container.shake{border-color:#ef4444;animation:.3s ease-in-out shake}.panel{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#0a0f1c80,#090c12c7);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.panel h1,.panel h2{text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:clamp(2rem,6vw,3.8rem)}.panel p{color:var(--ink-soft);max-width:min(32rem,85vw);margin:0;font-size:clamp(.9rem,2.7vw,1.05rem)}.panel button{letter-spacing:.08em;text-transform:uppercase;color:#05121d;background:var(--accent);pointer-events:auto;cursor:pointer;border:0;border-radius:999px;margin-top:.4rem;padding:.75rem 1.7rem;font-family:IBM Plex Mono,monospace;font-size:.92rem;font-weight:600;transition:transform .15s,box-shadow .18s,background-color .18s;box-shadow:0 8px 35px #63bdf259}.panel button:hover{transform:translateY(-2px);box-shadow:0 13px 40px #63bdf270}.panel button:active{background:var(--accent-press);transform:translateY(0)}.panel button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.hidden{display:none}@media (width<=640px){#hud{top:.55rem}.panel{padding:1.4rem}}#touch-controls{pointer-events:none;z-index:100;position:absolute;inset:0}#joystick-zone{pointer-events:auto;width:150px;height:150px;position:absolute;bottom:10%;left:10%}#jump-btn{color:#fff;text-transform:uppercase;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#65c4ff80;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:600;display:flex;position:absolute;bottom:15%;right:10%;box-shadow:0 0 15px #65c4ff4d}#jump-btn:active{background:#65c4ffcc;transform:scale(.95)}#stagger-warning{color:#ef4444;text-shadow:0 0 20px #ef4444cc,0 0 40px #ef444466;letter-spacing:.1em;pointer-events:none;z-index:50;text-align:center;font-family:IBM Plex Mono,monospace;font-size:clamp(2rem,5vw,4rem);font-weight:700;transition:opacity .2s ease-out;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}#stagger-warning.shake{animation:.3s ease-in-out shake}#stagger-vignette{pointer-events:none;z-index:40;width:100%;height:100%;transition:opacity .2s ease-out;animation:.5s infinite alternate pulse-vignette;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px 20px #ef444466}@keyframes pulse-vignette{0%{box-shadow:inset 0 0 100px 20px #ef44444d}to{box-shadow:inset 0 0 120px 40px #ef444499}}.fuel-bar-fill.cooldown{opacity:.8;box-shadow:none!important;background:#9ca3af!important}@keyframes pulse-critical{0%{transform:scale(1);box-shadow:0 0 #ef444466}50%{transform:scale(1.05);box-shadow:0 0 10px 5px #ef444499}to{transform:scale(1);box-shadow:0 0 #ef444466}}.fuel-bar-container.pulse-critical{animation:1s ease-in-out infinite pulse-critical}@keyframes fuel-full-pulse{0%{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 15px 8px #fffc}to{transform:scale(1);box-shadow:0 0 #fff6}}.fuel-bar-container.fuel-full-pulse{border-color:#fff;animation:.5s ease-out fuel-full-pulse}.fuel-bar-fill.fuel-full-fill{background:#fff!important;box-shadow:0 0 20px #fff!important}.mech-selector button{border:2px solid #0000;padding:.5rem 1rem;font-size:.8rem;transition:all .2s;color:#fff!important}.mech-selector button.selected{border:2px solid #fff;transform:scale(1.1);box-shadow:0 0 15px #ffffff80}#reticle{--reticle-color:255, 255, 255;pointer-events:none;z-index:45;border:2px solid rgba(var(--reticle-color), .5);border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle:before,#reticle:after{content:"";background:rgba(var(--reticle-color), .8);position:absolute}#reticle:before{width:26px;height:2px;top:50%;left:-5px;transform:translateY(-50%)}#reticle:after{width:2px;height:26px;top:-5px;left:50%;transform:translate(-50%)}#reticle.firing{border-color:rgba(var(--reticle-color), 1);transform:translate(-50%,-50%)scale(1.2)}#reticle.firing:before,#reticle.firing:after{background:rgba(var(--reticle-color), 1)}#fire-btn{color:#fff;text-transform:uppercase;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#ef444480;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:600;display:flex;position:absolute;bottom:15%;right:25%;box-shadow:0 0 15px #ef44444d}#fire-btn:active{background:#ef4444cc;transform:scale(.95)}#switch-weapon-btn{color:#fff;text-transform:uppercase;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#9ca3af80;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-family:IBM Plex Mono,monospace;font-size:.8rem;font-weight:600;display:flex;position:absolute;bottom:5%;right:17%}#switch-weapon-btn:active{background:#9ca3afcc;transform:scale(.95)}