.app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:12px;gap:10px}.app-header{display:flex;align-items:baseline;gap:14px}.app-header h1{margin:0;font-size:28px;letter-spacing:6px;color:#6cf0ff;text-shadow:0 0 14px rgba(108,240,255,.6)}.subtitle{color:#6f88a8;font-size:12px;letter-spacing:2px;text-transform:uppercase}.game-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;flex:1;min-height:0}.game-frame{position:relative;width:min(100%,calc((100vh - 150px)*1.3333));aspect-ratio:1024 / 768;border:1px solid rgba(108,240,255,.25);border-radius:10px;box-shadow:0 0 30px #6cf0ff26,inset 0 0 40px #0009;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;image-rendering:auto}.controls-hint{margin:0;color:#5f7794;font-size:12px;letter-spacing:1px;text-align:center}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;font-variant-numeric:tabular-nums}.hud-panel{position:absolute;display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:linear-gradient(180deg,#0a1426b8,#060c1a9e);border:1px solid rgba(108,240,255,.28);box-shadow:0 0 18px #08142899,inset 0 0 18px #6cf0ff0f;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%)}.panel-tl{top:14px;left:14px;width:240px}.panel-tr{top:14px;right:14px;width:210px;align-items:stretch}.panel-bl{bottom:14px;left:14px;width:250px}.gauge{display:flex;flex-direction:column;gap:3px}.gauge-head{display:flex;justify-content:space-between;align-items:baseline}.gauge-label{font-size:10px;letter-spacing:2px;color:#7fa8c8;text-transform:uppercase}.gauge-readout{font-size:11px;font-weight:700;color:#d9f1ff}.gauge-track{position:relative;height:10px;border-radius:3px;background:#6cf0ff14;border:1px solid rgba(108,240,255,.28);overflow:hidden}.gauge-fill{height:100%;border-radius:2px;transition:width .12s linear;background:linear-gradient(90deg,#2c7a8c,#6cf0ff);background-size:8px 100%}.bar-hull{background:linear-gradient(90deg,#b5453f,#ff7a6b)}.bar-shield{background:linear-gradient(90deg,#2c7a8c,#8fe9ff)}.fuel-ok{background:linear-gradient(90deg,#b88a2c,#ffd166)}.fuel-low{background:linear-gradient(90deg,#8a5a1c,#e0a13a)}.fuel-empty{background:linear-gradient(90deg,#7a2a2a,#ff5b5b);animation:flashbar .7s ease-in-out infinite}.fuel-ready{background:linear-gradient(90deg,#2fae7a,#7af0c0);box-shadow:0 0 10px #7af0c0b3}.comp-ok{background:linear-gradient(90deg,#1f8f8f,#5ce0c0)}.comp-empty{background:linear-gradient(90deg,#2a4a4a,#3a6a6a)}.heat-cool{background:linear-gradient(90deg,#2c8c6a,#6cffba)}.heat-warm{background:linear-gradient(90deg,#b8742c,#ffb347)}.heat-hot{background:linear-gradient(90deg,#b5333f,#ff5b5b)}.gauge-tick{position:absolute;top:-2px;width:2px;height:calc(100% + 4px);background:#ffe08a;box-shadow:0 0 6px #ffe08ae6;transform:translate(-1px)}.gauge-tick.safe{background:#8fffc8;box-shadow:0 0 6px #8fffc8e6}.jump-status{margin-top:2px;font-size:11px;font-weight:700;letter-spacing:1px;text-align:center;padding:4px;border-radius:3px;border:1px solid transparent}.jump-status.ready{color:#8af7c8;border-color:#7af0c080;background:#2fae7a24;animation:glowpulse 1s ease-in-out infinite}.jump-status.blocked{color:#6f88a8;border-color:#6cf0ff2e}.readout{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.readout-label{font-size:10px;letter-spacing:2px;color:#7fa8c8;text-transform:uppercase}.readout-value{font-size:18px;font-weight:700;color:#e8f6ff;text-shadow:0 0 8px rgba(108,240,255,.4)}.objective{margin-top:4px;padding-top:8px;border-top:1px solid rgba(108,240,255,.16);display:flex;flex-direction:column;gap:2px}.obj-state{font-size:11px;font-weight:700;color:#9fc2da}.obj-state.lit{color:#7af0c0;animation:glowpulse .9s ease-in-out infinite}.obj-ping{font-size:10px;color:#b08bff;letter-spacing:1px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:10px;letter-spacing:1px;padding:3px 7px;border-radius:3px;color:#bfe6ff;background:#6cf0ff14;border:1px solid rgba(108,240,255,.3)}.chip-nuke{color:#ffc6ef;background:#ff7ad91a;border-color:#ff7ad966}.chip-scan{color:#d4c2ff;background:#b08bff1f;border-color:#b08bff73}.chip-locked{color:#6f88a8;border-color:#6c82a859}.low-fuel-warning{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:1px;color:#ff7a6b;text-shadow:0 0 8px rgba(255,91,91,.6);animation:flashbar .7s ease-in-out infinite}.comp-warning{margin-top:2px;font-size:11px;font-weight:700;letter-spacing:1px;color:#6cd0c0}.special-readout{display:flex;flex-wrap:wrap;gap:6px}.chip-special{color:#ffe2b0;background:#ffb3471f;border-color:#ffb34773}.controls-ref{margin-top:14px;display:flex;flex-direction:column;gap:3px;text-align:left}.ctrl-row{display:flex;justify-content:space-between;gap:20px;font-size:12px}.ctrl-row span:first-child{color:#6cf0ff;font-weight:700}.ctrl-row span:last-child{color:#9fc2da}.minimap-label{position:absolute;right:2.2%;bottom:29.5%;font-size:10px;letter-spacing:2px;color:#7fa8c8;text-transform:uppercase}.hud-notifications{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:60%}.notif{padding:6px 16px;font-size:12px;font-weight:700;letter-spacing:2px;border-radius:3px;border:1px solid rgba(108,240,255,.4);background:#081020d1;color:#cfeaff;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);white-space:nowrap}.notif-info{border-color:#6cf0ff73;color:#bfe6ff}.notif-success{border-color:#7af0c099;color:#8af7c8;text-shadow:0 0 8px rgba(122,240,192,.5)}.notif-warn{border-color:#ffb34799;color:#ffce8a}.notif-danger{border-color:#ff5b5b99;color:#ff8c7a;text-shadow:0 0 8px rgba(255,91,91,.5)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#03050e8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay-card{text-align:center;padding:28px 48px;border:1px solid rgba(108,240,255,.4);border-radius:12px;background:#080c1ed9;box-shadow:0 0 40px #6cf0ff40}.overlay-card h2{margin:0 0 8px;font-size:34px;letter-spacing:6px;color:#6cf0ff;text-shadow:0 0 16px rgba(108,240,255,.7)}.overlay-card p{margin:0;color:#9fc2da;letter-spacing:1px}.overlay-card.transition{animation:fadePulse 1.2s ease-in-out infinite}.restart-hint{margin-top:14px!important;color:#6f88a8!important;font-size:12px;letter-spacing:2px}.overlay.homecoming{background:#03050e59}.win-card{max-width:460px}.win-card h2{color:#7af0c0;text-shadow:0 0 18px rgba(122,240,192,.7)}.stats-table{margin:18px 0 4px;display:flex;flex-direction:column;gap:4px;text-align:left}.stats-row{display:flex;justify-content:space-between;gap:24px;padding:4px 8px;border-bottom:1px solid rgba(108,240,255,.12)}.stats-label{font-size:12px;letter-spacing:1px;color:#9fc2da}.stats-value{font-size:13px;font-weight:700;color:#e8f6ff}.overlay.control-room{background:#03050e59}.cr-card{position:relative;width:min(580px,92%);max-height:92%;overflow-y:auto;padding:22px 26px;border:1px solid rgba(108,240,255,.45);background:linear-gradient(180deg,#091022f0,#060b1af5);box-shadow:0 0 50px #6cf0ff47,inset 0 0 40px #6cf0ff0d;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%)}.cr-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(108,240,255,.04) 0px,rgba(108,240,255,.04) 1px,transparent 1px,transparent 3px);opacity:.5}.cr-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.cr-title h2{margin:0;font-size:26px;letter-spacing:5px;color:#6cf0ff;text-shadow:0 0 14px rgba(108,240,255,.6)}.cr-sub{font-size:11px;letter-spacing:2px;color:#5f86a8}.cr-materials{display:flex;flex-direction:column;align-items:flex-end}.cr-materials-value{font-size:24px;font-weight:700;color:#ffd166;text-shadow:0 0 12px rgba(255,209,102,.5)}.cr-status{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.cr-options{position:relative;display:flex;flex-direction:column;gap:8px}.cr-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid rgba(108,240,255,.3);background:#6cf0ff0f;color:#e8f6ff;cursor:pointer;text-align:left;font:inherit;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);transition:background .12s ease,border-color .12s ease}.cr-option:hover:not(.cr-disabled){background:#6cf0ff29;border-color:#6cf0ff99}.cr-option.cr-disabled{opacity:.42;cursor:not-allowed}.cr-hotkey{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:4px;background:#6cf0ff2e;border:1px solid rgba(108,240,255,.4);font-weight:700;font-size:13px}.cr-option-body{display:flex;flex-direction:column;flex:1}.cr-option-label{font-weight:700;letter-spacing:1px}.cr-option-detail{font-size:12px;color:#9fc2da}.cr-cost{flex:0 0 auto;font-weight:700;color:#ffd166}.cr-help{position:relative;margin-top:14px;border:1px solid rgba(108,240,255,.22);background:#6cf0ff0a;padding:8px 12px;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}.cr-help summary{cursor:pointer;font-size:11px;letter-spacing:2px;color:#7fa8c8}.cr-help-grid{margin-top:8px;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font-size:12px}.cr-help-grid span:nth-child(odd){color:#6cf0ff;font-weight:700}.cr-help-grid span:nth-child(2n){color:#9fc2da}.cr-continue{position:relative;margin-top:16px;width:100%;padding:12px;border:1px solid rgba(108,240,255,.6);background:linear-gradient(90deg,#2c7a8c80,#6cf0ff4d);color:#e8f6ff;font:inherit;font-weight:700;letter-spacing:2px;cursor:pointer;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:background .12s ease}.cr-continue:hover{background:linear-gradient(90deg,#2c7a8cb3,#6cf0ff80)}@keyframes glowpulse{0%,to{box-shadow:0 0 6px #7af0c066}50%{box-shadow:0 0 16px #7af0c0d9}}@keyframes flashbar{0%,to{opacity:1}50%{opacity:.45}}@keyframes fadePulse{0%,to{opacity:.85}50%{opacity:1}}:root{--space-bg: #05060f;--neon: #6cf0ff;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at 50% 30%,#0b1030,#05060f 70%);color:#e8f6ff;font-family:Segoe UI,Trebuchet MS,system-ui,sans-serif;overflow:hidden}#root{height:100%}