:root{--bg-deep:#0a0c14;--bg-panel:#0f1220;--bg-surface:#151929;--border-color:#1e2540;--border-highlight:#2a3558;--color-text:#c8cee0;--color-text-dim:#6b7394;--color-text-bright:#e8ecf5;--color-blue:#4a8eff;--color-teal:#2dd4bf;--color-green:#34d399;--color-yellow:#fbbf24;--color-orange:#f97316;--color-red:#ef4444;--color-purple:#a78bfa;--color-amber:#f59e0b;--alert-normal:var(--color-teal);--alert-yellow:var(--color-yellow);--alert-red:var(--color-red);--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", monospace;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-deep);height:100%;color:var(--color-text);font-family:var(--font-body)}#root:has(.landing){overflow-y:auto}#root:not(:has(.landing)){overflow:hidden}.alert-status-bar{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);pointer-events:none;background:#060a16d1;justify-content:space-between;align-items:center;gap:20px;padding:6px 20px;font-size:12px;display:flex}.alert-normal{color:var(--alert-normal);background:linear-gradient(90deg,#2dd4bf14,#0000,#2dd4bf14);border-bottom-color:#2dd4bf33}.alert-yellow{color:var(--alert-yellow);background:linear-gradient(90deg,#fbbf241a,#0000,#fbbf241a);border-bottom-color:#fbbf244d;animation:2s ease-in-out infinite pulse-yellow}.alert-red{color:var(--alert-red);background:linear-gradient(90deg,#ef44441f,#0000,#ef44441f);border-bottom-color:#ef444466;animation:1s ease-in-out infinite pulse-red}@keyframes pulse-yellow{0%,to{background-color:#fbbf240d}50%{background-color:#fbbf241f}}@keyframes pulse-red{0%,to{background-color:#ef44440f}50%{background-color:#ef444426}}.ship-name{color:var(--color-text-dim);font-size:11px}[data-alert=yellow]{--ambient-glow:#fbbf2408}[data-alert=red]{--ambient-glow:#ef44440a}[data-alert=normal]{--ambient-glow:transparent}.hud-root{position:fixed;inset:0;overflow:hidden}.hud-viewport{z-index:0;position:absolute;inset:0}.hud-viewport .viewscreen-container{min-height:unset;position:absolute;inset:0}.hud-viewport .viewport-3d{min-height:unset;flex:unset;border-bottom:none;position:absolute;inset:0}.hud-alert{z-index:30;pointer-events:none;position:fixed;top:0;left:0;right:0}.hud-panel{-webkit-backdrop-filter:blur(18px);background:#060a16d1;border:1px solid #1e2846e6;border-radius:6px;overflow:hidden}.floating-panel{flex-direction:column;min-width:160px;display:flex;position:relative}.panel-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:#0a1228e6;border-bottom:1px solid #283c6eb3;flex-shrink:0;align-items:center;gap:6px;height:28px;padding:0 8px 0 6px;transition:background .15s;display:flex}.panel-titlebar:hover{background:#142346f2;border-bottom-color:#3c64b4cc}.panel-titlebar:active,.panel-titlebar:active *{cursor:grabbing!important}.panel-drag-icon{color:#5078c866;flex-shrink:0;font-size:11px;line-height:1;transition:color .15s}.panel-titlebar:hover .panel-drag-icon{color:#78b4ffd9}.panel-title{letter-spacing:.15em;color:#78afffcc;text-transform:uppercase;flex:1;font-family:Courier New,monospace;font-size:9px;font-weight:700}.panel-minimize-btn{color:#6496dc99;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:2px 3px;font-size:9px;line-height:1;transition:color .15s}.panel-minimize-btn:hover{color:#a0c8ffe6}.panel-body{overflow-y:auto}.fp-dragging{opacity:.92;box-shadow:0 8px 32px #0009,0 0 0 1px #5082dc4d;border-color:#5082dcb3!important}.fp-resizing{-webkit-user-select:none;user-select:none}.fp-resized .panel-body,.fp-resized .comm-panel{max-height:none}.fp-resized.fp-comms{width:auto;min-width:200px}.panel-resize-handle{cursor:nwse-resize;touch-action:none;z-index:2;width:14px;height:14px;position:absolute;bottom:0;right:0}.panel-resize-handle:after{content:"";border-bottom:1.5px solid #5082dc59;border-right:1.5px solid #5082dc59;width:6px;height:6px;position:absolute;bottom:3px;right:3px}.panel-resize-handle:hover:after{border-color:#78b4ffb3}.panel-resize-handle:active:after{border-color:#8cc8ffe6}.fp-tactical{width:200px}.fp-tactical .panel-body{padding:0;display:flex;overflow:hidden}.tactical-wrap{flex:1 1 0;min-width:0;min-height:0;position:relative}.tactical-canvas{width:100%;height:100%;display:block}.fp-comms{width:min(560px,100vw - 440px);min-width:300px}.fp-comms .panel-body{flex-direction:column;display:flex}.fp-comms .comm-panel{flex:1 1 0;min-height:0;max-height:200px;overflow-y:auto}.fp-resized.fp-comms .comm-panel{max-height:none}.floating-panel:not(.fp-tactical):not(.fp-comms){width:200px}.floating-panel:not(.fp-tactical):not(.fp-comms) .panel-body{max-height:calc(100vh - 120px);overflow-y:auto}.hud-divider{background:var(--border-color);flex-shrink:0;height:1px}[data-alert=yellow] .hud-panel{border-color:#fbbf2440;box-shadow:inset 0 0 30px #fbbf240a}[data-alert=red] .hud-panel{border-color:#ef44444d;box-shadow:inset 0 0 30px #ef44440f}.crew-panel{background:var(--bg-panel);border-right:1px solid var(--border-color);flex-direction:column;display:flex;overflow-y:auto}.panel-header{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-dim);border-bottom:1px solid var(--border-color);padding:12px 16px 8px;font-size:10px}.panel-subheader{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-dim);padding:8px 0 4px;font-size:9px}.crew-list{padding:4px 0}.crew-member{width:100%;color:var(--color-text);cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:10px;padding:8px 16px;transition:background .15s;display:flex}.crew-member:hover{background:#4a8eff14}.crew-icon{background:var(--bg-surface);border:1px solid var(--border-color);width:32px;height:32px;font-family:var(--font-mono);color:var(--color-blue);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.crew-info{flex:1;min-width:0}.crew-name{color:var(--color-text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.crew-role{color:var(--color-text-dim);font-size:10px;font-family:var(--font-mono)}.crew-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-active{background:var(--color-green)}.status-away{background:var(--color-yellow)}.bridge-center{flex-direction:column;display:flex;overflow:hidden}.viewport-3d{border-bottom:1px solid var(--border-color);background:#020408;flex:1;min-height:300px;position:relative;overflow:hidden}.viewport-3d canvas{display:block;width:100%!important;height:100%!important}.viewscreen-container{flex:1;min-height:300px;position:relative;overflow:hidden}.viewscreen-container .viewport-3d{flex:unset;width:100%;height:100%;min-height:unset;position:absolute;inset:0}.viewscreen-overlay-wrap{z-index:10;position:absolute;inset:0}.viewscreen-overlay-wrap .viewscreen,.viewscreen-overlay-wrap .viewscreen-hail{width:100%;height:100%}.incoming-hail-banner{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0e1cd9;border:1px solid #50a0ff66;border-radius:8px;flex-direction:column;align-items:center;gap:16px;padding:32px 48px;animation:.3s hail-fade-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes hail-fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.incoming-hail-pulse{background:#5af;border-radius:50%;width:12px;height:12px;animation:1.2s ease-in-out infinite hail-pulse;box-shadow:0 0 12px #5af,0 0 24px #5af6}@keyframes hail-pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.incoming-hail-text{letter-spacing:3px;color:#8cf;text-transform:uppercase;font-family:Courier New,monospace;font-size:14px;font-weight:700}.incoming-hail-actions{gap:16px;display:flex}.incoming-hail-btn{letter-spacing:2px;cursor:pointer;border:1px solid;border-radius:4px;padding:8px 24px;font-family:Courier New,monospace;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.incoming-hail-btn.accept{color:#8fa;background:#28a0504d;border-color:#28c85099}.incoming-hail-btn.accept:hover{background:#28a05080;border-color:#28c850e6}.incoming-hail-btn.decline{color:#f88;background:#a028284d;border-color:#c8282899}.incoming-hail-btn.decline:hover{background:#a0282880;border-color:#c82828e6}.viewscreen{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.viewscreen img{object-fit:cover;width:100%;height:100%}.viewscreen-overlay{background:linear-gradient(#0000,#000c);padding:.5rem 1rem;position:absolute;bottom:0;left:0;right:0}.viewscreen-label{letter-spacing:.15em;color:var(--alert-yellow,#f59e0b);font-size:.65rem;font-weight:600}.viewscreen-hail{background:#000810;justify-content:center;align-items:center;display:flex}.viewscreen-status{flex-direction:column;align-items:center;gap:.25rem;display:flex}.viewscreen-status-type{letter-spacing:.2em;color:var(--text-dim);font-size:.65rem}.viewscreen-status-desc{color:var(--text-secondary);font-size:.75rem}.comm-panel{scroll-behavior:smooth;padding:16px 20px;overflow-y:auto}.comm-entry{margin-bottom:12px}.dialogue-line{padding:4px 0;line-height:1.6}.dialogue-speaker{margin-right:8px;font-size:13px;font-weight:600}.dialogue-text{font-size:14px}.dialogue-tactical .dialogue-speaker,.dialogue-first_officer .dialogue-speaker,.dialogue-helm .dialogue-speaker,.dialogue-science .dialogue-speaker,.dialogue-communications .dialogue-speaker,.dialogue-engineering .dialogue-speaker,.dialogue-crew .dialogue-speaker{color:var(--color-blue)}.dialogue-npc .dialogue-speaker{color:var(--color-amber)}.dialogue-npc .dialogue-text{color:var(--color-text-bright)}.dialogue-computer .dialogue-speaker{color:var(--color-teal)}.dialogue-computer .dialogue-text{color:var(--color-text-dim);font-family:var(--font-mono);font-size:13px}.dialogue-sidebar{opacity:.7;border-left:2px solid var(--border-highlight);padding-left:12px;font-style:italic}.dialogue-sidebar .dialogue-speaker{font-style:normal}.dialogue-sidebar .dialogue-text{font-style:italic}.player-action{border-left:2px solid var(--color-blue);background:#4a8eff0f;border-radius:0 4px 4px 0;padding:6px 12px}.player-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-blue);margin-bottom:2px;font-size:10px;display:block}.player-text{color:var(--color-text-bright);font-size:14px}.system-message{font-family:var(--font-mono);color:var(--color-text-dim);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:8px 0;padding:4px 0;font-size:11px}.streaming-indicator{background:var(--color-teal);width:8px;height:16px;animation:.8s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{50%{opacity:0}}.command-input-wrapper{flex-shrink:0}.channel-status{font-family:var(--font-mono);letter-spacing:.1em;border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:4px 16px;font-size:10px;display:flex}.channel-open{color:var(--color-teal);background:#2dd4bf0f;border-top-color:#2dd4bf33}.channel-muted{color:var(--color-yellow);background:#fbbf240f;border-top-color:#fbbf2433}.channel-indicator{letter-spacing:.12em}.mute-button{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:#6b739426;border:1px solid #6b73944d;border-radius:3px;padding:3px 10px;font-size:9px;transition:all .15s}.mute-button:hover{color:var(--color-text);background:#6b739440}.mute-active{color:var(--color-yellow);background:#fbbf2426;border-color:#fbbf244d}.mute-active:hover{background:#fbbf2440}.command-input{-webkit-backdrop-filter:blur(18px);border:1px solid #1e2846e6;border-top:1px solid var(--border-color);background:#060a16e6;border-radius:0 0 6px 6px;flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.command-prompt{font-family:var(--font-mono);color:var(--color-teal);flex-shrink:0;font-size:16px}.command-input input{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--color-text-bright);font-family:var(--font-body);border-radius:4px;outline:none;flex:1;padding:8px 12px;font-size:14px;transition:border-color .15s}.command-input input:focus{border-color:var(--color-blue)}.command-input input::placeholder{color:var(--color-text-dim)}.command-input input:disabled{opacity:.5}.command-input button{color:var(--color-blue);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:#4a8eff26;border:1px solid #4a8eff4d;border-radius:4px;flex-shrink:0;padding:8px 16px;font-size:11px;transition:all .15s}.command-input button:hover:not(:disabled){border-color:var(--color-blue);background:#4a8eff40}.command-input button:disabled{opacity:.3;cursor:not-allowed}.command-input button.voice-active{color:var(--color-yellow);background:#fbbf2426;border-color:#fbbf244d}.command-input button.voice-active:hover:not(:disabled){background:#fbbf2440}.fp-star-chart-panel{width:500px}.star-chart-content{flex-direction:column;height:400px;display:flex}.star-chart-tabs{border-bottom:1px solid #1e46784d;flex-shrink:0;gap:4px;padding:6px 8px;display:flex}.star-chart-tabs button{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;background:#1e467833;border:1px solid #1e46784d;border-radius:3px;padding:3px 10px;font-size:9px;transition:all .15s}.star-chart-tabs button:hover{color:var(--color-text-bright);background:#1e467859}.star-chart-tabs button.chart-tab-active{color:var(--color-blue);background:#4a8eff26;border-color:#4a8eff4d}.star-chart-canvas-wrap{flex:1;position:relative;overflow:hidden}.star-chart-canvas-wrap canvas{width:100%;height:100%}.star-chart-tooltip{pointer-events:none;z-index:5;background:#060a16eb;border:1px solid #1e467880;border-radius:4px;max-width:250px;padding:6px 10px;position:absolute}.star-chart-tooltip .tt-name{color:var(--color-text-bright);font-family:var(--font-mono);margin-bottom:2px;font-size:10px;font-weight:700}.star-chart-tooltip .tt-stat{color:var(--color-text-dim);font-family:var(--font-mono);font-size:9px;line-height:1.4}.panel-close-btn{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0 4px;font-size:12px;line-height:1;transition:color .15s}.panel-close-btn:hover{color:var(--color-text-bright)}.ship-status{background:var(--bg-panel);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.status-section{padding:8px 16px}.status-divider{background:var(--border-color);height:1px;margin:0 16px}.status-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.system-row{padding:2px 0}.status-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-dim);font-size:10px}.status-value{font-family:var(--font-mono);font-size:11px;font-weight:600}.status-up{color:var(--color-green)}.status-down{color:var(--color-text-dim)}.status-armed{color:var(--color-red)}.status-standby{color:var(--color-yellow)}.status-offline{color:var(--color-text-dim)}.status-ok{color:var(--color-green)}.status-warn{color:var(--color-orange)}.escalation-routine{color:var(--color-green)}.escalation-cautious{color:var(--color-teal)}.escalation-tense{color:var(--color-yellow)}.escalation-confrontational{color:var(--color-orange)}.escalation-combat{color:var(--color-red)}.escalation-critical{color:var(--color-red);font-weight:700}.target-lock{flex-direction:column;display:flex}.target-lock-empty{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-dim);text-align:center;padding:12px 16px;font-size:10px}.target-lock-header{align-items:center;gap:8px;padding:8px 16px 4px;display:flex}.target-lock-name{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-red);font-size:11px;font-weight:700}.target-lock-cloaked{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-purple);border:1px solid var(--color-purple);border-radius:2px;padding:1px 4px;font-size:8px}.bridge-loading-overlay{z-index:9999;background:var(--bg-deep);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.bridge-loading-content{flex-direction:column;align-items:center;gap:20px;display:flex}.bridge-loading-spinner{border:2px solid var(--border-color);border-top-color:var(--alert-normal);border-radius:50%;width:32px;height:32px;animation:1s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.bridge-loading-text{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-text-dim);font-size:12px;animation:1.5s ease-in-out infinite loading-pulse}@keyframes loading-pulse{0%,to{opacity:.4}50%{opacity:1}}.bridge-start{background:var(--bg-deep);justify-content:center;align-items:center;height:100vh;display:flex}.start-content{text-align:center}.start-title{font-family:var(--font-mono);letter-spacing:.3em;color:var(--color-text-bright);margin-bottom:8px;font-size:48px;font-weight:300}.start-subtitle{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-text-dim);text-transform:uppercase;margin-bottom:32px;font-size:12px}.start-ship{font-family:var(--font-mono);color:var(--color-teal);margin-bottom:40px;font-size:13px}.start-button{color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;background:#2dd4bf1a;border:1px solid #2dd4bf4d;border-radius:4px;padding:14px 40px;font-size:14px;transition:all .2s}.start-button:hover:not(:disabled){border-color:var(--color-teal);background:#2dd4bf33;box-shadow:0 0 20px #2dd4bf26}.start-button:disabled{opacity:.5;cursor:wait}.loading-text{font-family:var(--font-mono);color:var(--color-text-dim);font-size:14px;animation:1s step-end infinite cursor-blink}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}.orders-panel{background:var(--bg-panel);border-top:1px solid var(--border-color);flex-direction:column;flex:1;display:flex;overflow-y:auto}.orders-list{flex:1;padding:4px 12px}.orders-empty{font-family:var(--font-mono);color:var(--color-text-dim);text-align:center;padding:8px 0;font-size:10px}.order-item{border-bottom:1px solid var(--border-color);padding:6px 0}.order-header{justify-content:space-between;align-items:center;display:flex}.order-label{color:var(--color-text);font-size:11px;font-family:var(--font-mono)}.order-cancel{color:var(--color-text-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:10px}.order-cancel:hover{color:var(--color-red)}.order-progress-bar{background:var(--bg-surface);border-radius:2px;height:3px;margin:4px 0 2px;overflow:hidden}.order-progress-fill{background:var(--color-teal);border-radius:2px;height:100%;transition:width 1s linear}.order-time{font-family:var(--font-mono);color:var(--color-text-dim);font-size:10px}.order-complete .order-label{color:var(--color-green)}.order-cancelled .order-label{color:var(--color-text-dim);text-decoration:line-through}.order-status-badge{font-family:var(--font-mono);letter-spacing:.1em;margin-left:8px;font-size:9px}.order-complete .order-status-badge{color:var(--color-green)}.order-cancelled .order-status-badge{color:var(--color-text-dim)}.stardate{font-family:var(--font-mono);letter-spacing:.12em;color:inherit;opacity:.75;margin-left:auto;font-size:10px}.warp-flash-overlay{pointer-events:none;z-index:5;opacity:0;background:#fff;position:absolute;inset:0}.warp-flash-active{animation:1.6s ease-out forwards warp-flash}@keyframes warp-flash{0%{opacity:0}8%{opacity:.85}30%{opacity:.4}to{opacity:0}}.tactical-canvas{cursor:crosshair}.tactical-tooltip{pointer-events:none;z-index:10;white-space:nowrap;background:#040a1ceb;border:1px solid #3c64b4b3;border-radius:4px;padding:4px 8px;position:absolute}.tt-name{font-family:var(--font-mono);color:#8cc8ffe6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:700}.tt-stat{font-family:var(--font-mono);color:#64a0dccc;letter-spacing:.08em;font-size:9px}.fp-captains-log-panel{width:200px}.captains-log{max-height:220px;padding:6px 10px;overflow-y:auto}.log-empty{font-family:var(--font-mono);color:var(--color-text-dim);padding:8px 0;font-size:10px}.log-entry{border-bottom:1px solid #1e325080;flex-direction:column;gap:1px;padding:5px 0;display:flex}.log-stardate{font-family:var(--font-mono);letter-spacing:.1em;color:#508cdcb3;font-size:8px}.log-text{font-family:var(--font-mono);color:#b4d2ffd9;font-size:10px;line-height:1.4}.start-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.start-button--secondary{color:#8cbeffd9;background:#28467880;border-color:#5082c866;font-size:12px}.start-button--secondary:hover{background:#325a9699}.start-button--tertiary{color:#6496dc99;background:0 0;border-color:#3c64a04d;font-size:11px}.start-button--tertiary:hover{color:#8cbeffd9;background:#1e325a66}@media (width<=768px){.command-input input{font-size:16px}.command-input button,.mute-button,.panel-minimize-btn{min-width:40px;min-height:40px}.panel-titlebar{height:36px}.fp-comms{width:calc(100vw - 24px)}.floating-panel:not(.fp-tactical):not(.fp-comms):not(.fp-captains-log-panel){width:160px}}.panel-titlebar{touch-action:none}.return-to-map-btn{z-index:50;color:var(--color-blue);font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;background:#4a8eff1f;border:1px solid #4a8eff59;border-radius:4px;padding:10px 20px;font-size:11px;transition:all .2s;position:fixed;bottom:16px;right:16px}.return-to-map-btn:hover{border-color:var(--color-blue);background:#4a8eff40;box-shadow:0 0 12px #4a8eff26}.galaxy-map{color:var(--color-text);background:#060a14;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.gm-header{border-bottom:1px solid var(--border-color);z-index:10;background:#060a16e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 20px;display:flex}.gm-resume-banner{background:#1e325ab3;border-bottom:1px solid #5082dc66;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:8px 20px;display:flex}.gm-resume-text{font-family:var(--font-mono);letter-spacing:.15em;color:#8cbeffcc;font-size:10px}.gm-resume-btn{font-family:var(--font-mono);letter-spacing:.12em;color:#b4d2fff2;cursor:pointer;background:#2850a099;border:1px solid #508cf080;border-radius:3px;padding:4px 16px;font-size:10px;font-weight:700;transition:background .15s,border-color .15s}.gm-resume-btn:hover{background:#3264c8bf;border-color:#64a0ffb3}.gm-header-left{align-items:baseline;gap:16px;display:flex}.gm-title{font-family:var(--font-mono);letter-spacing:.2em;color:#78afffcc;text-transform:uppercase;font-size:12px;font-weight:700}.gm-subtitle{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-dim);font-size:10px}.gm-header-right{align-items:center;gap:12px;display:flex}.gm-faction{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-blue);font-size:10px}.gm-user{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-dim);font-size:10px}.gm-logout{font-family:var(--font-mono);letter-spacing:.1em;border:1px solid var(--border-color);color:var(--color-text-dim);cursor:pointer;background:0 0;border-radius:3px;padding:3px 10px;font-size:9px;transition:all .15s}.gm-logout:hover{border-color:var(--border-highlight);color:var(--color-text)}.gm-body{flex:1;min-height:0;display:flex;overflow:hidden}.gm-main{flex-direction:column;flex:1;min-width:0;display:flex}.gm-map-area{flex:1;min-height:0;position:relative}.gm-feed-area{border-top:1px solid var(--border-color);flex-shrink:0;height:220px;overflow:hidden}.gm-side{border-left:1px solid var(--border-color);background:#080c16f2;flex-shrink:0;width:300px;overflow-y:auto}.galaxy-map-canvas-wrap{position:absolute;inset:0;overflow:hidden}.galaxy-map-canvas-wrap canvas{width:100%;height:100%}.galaxy-map-tooltip{pointer-events:none;z-index:5;background:#060a16f0;border:1px solid #1e467899;border-radius:4px;max-width:280px;padding:6px 10px;position:absolute}.galaxy-map-tooltip .tt-name{color:var(--color-text-bright);font-family:var(--font-mono);margin-bottom:2px;font-size:10px;font-weight:700}.galaxy-map-tooltip .tt-stat{color:var(--color-text-dim);font-family:var(--font-mono);font-size:9px;line-height:1.4}.system-panel{padding:0}.sp-header{border-bottom:1px solid var(--border-color);padding:12px 16px}.sp-name-row{align-items:center;gap:8px;display:flex}.sp-star-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.sp-system-name{font-family:var(--font-mono);color:var(--color-text-bright);letter-spacing:.05em;font-size:14px;font-weight:700}.sp-spectral{font-family:var(--font-mono);color:var(--color-text-dim);font-size:10px}.sp-faction{font-family:var(--font-mono);letter-spacing:.1em;margin-top:4px;font-size:10px}.sp-region{font-family:var(--font-mono);color:var(--color-text-dim);margin-top:2px;font-size:9px}.sp-section{border-bottom:1px solid #1e284680;padding:10px 16px}.sp-section-title{font-family:var(--font-mono);letter-spacing:.15em;color:#5082c8b3;text-transform:uppercase;margin-bottom:6px;font-size:9px}.sp-description{color:var(--color-text);font-size:12px;line-height:1.5}.sp-stat-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.sp-stat-label{font-family:var(--font-mono);color:var(--color-text-dim);font-size:10px}.sp-stat-value{font-family:var(--font-mono);color:var(--color-text);font-size:10px}.sp-features{text-align:right;max-width:60%;font-size:9px}.sp-presence-row{align-items:center;gap:8px;padding:3px 0;display:flex}.sp-presence-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.sp-presence-name{color:var(--color-text);flex:1;font-size:11px}.sp-presence-level{font-family:var(--font-mono);letter-spacing:.08em;font-size:9px}.sp-level-heavy{color:var(--color-red)}.sp-level-moderate{color:var(--color-yellow)}.sp-level-light{color:var(--color-teal)}.sp-event{border-bottom:1px solid #1e28464d;padding:4px 0}.sp-event:last-child{border-bottom:none}.sp-event-time{font-family:var(--font-mono);color:var(--color-text-dim);font-size:8px}.sp-event-headline{color:var(--color-text);font-size:11px;line-height:1.4}.sp-mission{border-bottom:1px solid #1e28464d;padding:6px 0}.sp-mission:last-child{border-bottom:none}.sp-mission-header{gap:8px;margin-bottom:3px;display:flex}.sp-mission-urgency{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:1px 4px;font-size:8px}.sp-urgency-urgent{color:var(--color-red);background:#ef444426}.sp-urgency-priority{color:var(--color-yellow);background:#fbbf2426}.sp-urgency-routine{color:var(--color-teal);background:#2dd4bf1a}.sp-mission-type{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.sp-mission-title{color:var(--color-text-bright);margin-bottom:2px;font-size:11px;font-weight:600}.sp-mission-desc{color:var(--color-text-dim);font-size:10px;line-height:1.4}.sp-nav-section{background:#4a8eff0a}.sp-set-course-btn{width:100%;color:var(--color-blue);font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;background:#4a8eff1f;border:1px solid #4a8eff59;border-radius:4px;margin-top:8px;padding:8px;font-size:11px;transition:all .15s}.sp-set-course-btn:hover{border-color:var(--color-blue);background:#4a8eff40}.sp-current-badge{text-align:center;font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-teal);background:#2dd4bf0f;font-size:10px}.sp-hull-healthy{color:var(--color-green)}.sp-hull-damaged{color:var(--color-yellow)}.sp-hull-badly_damaged{color:var(--color-orange)}.sp-hull-critical{color:var(--color-red)}.sp-sys-ok{color:var(--color-green)}.sp-sys-warn{color:var(--color-orange)}.sp-crew-row{align-items:center;gap:6px;padding:3px 0;font-size:10px;display:flex}.sp-crew-name{color:var(--color-text);flex-shrink:0}.sp-crew-role{color:var(--color-text-dim);font-family:var(--font-mono);flex:1;font-size:9px}.sp-crew-status{font-family:var(--font-mono);font-size:9px}.sp-crew-ready{color:var(--color-green)}.sp-crew-injured{color:var(--color-orange)}.sp-crew-stressed{color:var(--color-yellow)}.sp-standing-row{align-items:center;gap:6px;padding:3px 0;display:flex}.sp-standing-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.sp-standing-name{color:var(--color-text);flex-shrink:0;min-width:70px;font-size:10px}.sp-standing-bar{background:#1e284680;border-radius:2px;flex:1;height:4px;position:relative}.sp-standing-fill{border-radius:2px;height:100%;position:absolute;top:0}.sp-standing-center{background:#788cb44d;width:1px;height:6px;position:absolute;top:-1px;left:50%}.sp-standing-value{font-family:var(--font-mono);color:var(--color-text-dim);text-align:right;min-width:28px;font-size:9px}.news-feed{flex-direction:column;height:100%;display:flex}.nf-tabs{background:#080c16e6;border-bottom:1px solid #1e46784d;flex-shrink:0;gap:4px;padding:6px 12px;display:flex}.nf-tab{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:#1e467826;border:1px solid #1e467840;border-radius:3px;padding:4px 12px;font-size:9px;transition:all .15s}.nf-tab:hover{color:var(--color-text-bright);background:#1e46784d}.nf-tab-active{color:var(--color-blue);background:#4a8eff26;border-color:#4a8eff4d}.nf-content{flex:1;overflow:hidden}.nf-list{height:100%;padding:4px 0;overflow-y:auto}.nf-empty{text-align:center;font-family:var(--font-mono);color:var(--color-text-dim);padding:20px;font-size:11px}.nf-item{cursor:pointer;border-bottom:1px solid #1e284666;padding:8px 14px;transition:background .15s}.nf-item:hover{background:#4a8eff0a}.nf-item-header{align-items:center;gap:8px;margin-bottom:3px;display:flex}.nf-time{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.08em;font-size:8px}.nf-system{font-family:var(--font-mono);color:#5082c8b3;letter-spacing:.08em;text-transform:uppercase;font-size:8px}.nf-system-link{cursor:pointer}.nf-system-link:hover{color:var(--color-blue);text-decoration:underline}.nf-classified{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-red);background:#ef44441a;border-radius:2px;margin-left:auto;padding:1px 4px;font-size:7px}.nf-headline{color:var(--color-text-bright);margin-bottom:2px;font-size:12px;font-weight:600;line-height:1.3}.nf-description{color:var(--color-text-dim);font-size:11px;line-height:1.4}.nf-factions{gap:6px;margin-top:4px;display:flex}.nf-faction-tag{font-family:var(--font-mono);letter-spacing:.08em;border:1px solid;border-radius:2px;padding:1px 6px;font-size:8px}.nf-urgency{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:1px 5px;font-size:8px}.nf-urgency-urgent{color:var(--color-red);background:#ef444426}.nf-urgency-priority{color:var(--color-yellow);background:#fbbf2426}.nf-urgency-routine{color:var(--color-teal);background:#2dd4bf1a}.nf-mission-type{font-family:var(--font-mono);color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.nf-mission-actions{gap:8px;margin-top:6px;display:flex}.nf-action-btn{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#1e3c644d;border:1px solid #1e467866;border-radius:3px;padding:4px 10px;font-size:9px;transition:all .15s}.nf-action-btn:hover{color:var(--color-text-bright);background:#1e3c6480}.nf-action-primary{color:var(--color-blue);background:#4a8eff1a;border-color:#4a8eff4d}.nf-action-primary:hover{background:#4a8eff33}.nav-controls{flex-shrink:0;position:relative}.nav-bar{border-top:1px solid var(--border-color);background:#060a16f2;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.nav-course-info{align-items:center;gap:12px;display:flex}.nav-label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-dim);font-size:10px}.nav-target{font-family:var(--font-mono);color:var(--color-text-bright);letter-spacing:.05em;font-size:12px;font-weight:700}.nav-distance{font-family:var(--font-mono);color:var(--color-text-dim);font-size:10px}.nav-bar-actions{gap:8px;display:flex}.nav-idle{align-items:center;gap:12px;display:flex}.nav-hint{color:var(--color-text-dim);font-size:11px}.nav-btn{font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;border:1px solid;border-radius:4px;padding:8px 20px;font-size:11px;transition:all .15s}.nav-btn-warp{color:var(--color-teal);background:#2dd4bf1f;border-color:#2dd4bf66}.nav-btn-warp:hover{border-color:var(--color-teal);background:#2dd4bf40;box-shadow:0 0 15px #2dd4bf26}.nav-btn-cancel,.nav-btn-cancel-small{color:var(--color-text-dim);background:#6464781a;border-color:#6464784d}.nav-btn-cancel:hover,.nav-btn-cancel-small:hover{color:var(--color-text);background:#64647833}.nav-btn-cancel-small{padding:6px 12px;font-size:10px}.nav-confirm-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nav-confirm-modal{text-align:center;background:#0a0e1cf2;border:1px solid #2dd4bf4d;border-radius:8px;min-width:320px;padding:28px 36px;animation:.2s modal-fade-in}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.nav-confirm-title{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-text-dim);margin-bottom:12px;font-size:10px}.nav-confirm-system{font-family:var(--font-mono);color:var(--color-text-bright);letter-spacing:.05em;margin-bottom:4px;font-size:18px;font-weight:700}.nav-confirm-detail{font-family:var(--font-mono);color:var(--color-text-dim);margin-bottom:4px;font-size:10px}.nav-confirm-actions{justify-content:center;gap:12px;margin-top:20px;display:flex}.warp-transition{z-index:200;background:#020408;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.warp-stars{position:absolute;inset:0;overflow:hidden}.warp-star-line{background:#acf;border-radius:50%;width:2px;height:2px;position:absolute}.warp-phase-charge .warp-star-line{animation:.6s ease-in forwards star-charge}.warp-phase-streak .warp-star-line{background:linear-gradient(#0000,#acf,#0000);border-radius:0;width:1px;height:80px;animation:1s ease-out forwards star-streak}.warp-phase-arrive .warp-star-line{opacity:0}@keyframes star-charge{0%{opacity:.3;transform:scale(1)}to{opacity:1;transform:scale(1.5)}}@keyframes star-streak{0%{opacity:1;height:2px}30%{opacity:1;height:120px}to{opacity:0;height:200px}}.warp-flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.warp-phase-streak .warp-flash{animation:1s ease-out forwards warp-flash-effect}.warp-phase-arrive .warp-flash{animation:.6s ease-out forwards warp-arrive-flash}@keyframes warp-flash-effect{0%{opacity:0}40%{opacity:.6}to{opacity:0}}@keyframes warp-arrive-flash{0%{opacity:.8}to{opacity:0}}.warp-text{z-index:10;text-align:center;position:relative}.warp-status{font-family:var(--font-mono);letter-spacing:.3em;color:#8cc8ffcc;text-transform:uppercase;font-size:14px;animation:1s ease-in-out infinite warp-text-pulse}.warp-status-fast{animation:.3s ease-in-out infinite warp-text-fast}@keyframes warp-text-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes warp-text-fast{0%,to{opacity:.3}50%{opacity:1}}@media (width<=768px){.gm-body{flex-direction:column}.gm-side{border-left:none;border-top:1px solid var(--border-color);width:100%;height:200px}.gm-feed-area{height:160px}}.auth-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{border-radius:8px;width:380px;max-width:calc(100vw - 32px);padding:32px}.auth-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.auth-title{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-text-bright);margin:0;font-size:16px;font-weight:600}.auth-close{color:var(--color-text-dim);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.auth-close:hover{color:var(--color-text)}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.auth-label{font-family:var(--font-mono);letter-spacing:.15em;color:var(--color-text-dim);text-transform:uppercase;font-size:9px;font-weight:700}.auth-field input{background:var(--bg-surface);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--color-text);border-radius:4px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .15s}.auth-field input:focus{border-color:var(--color-teal)}.auth-field input::placeholder{color:#6b739480}.auth-error{font-family:var(--font-mono);color:var(--color-red);background:#ef444414;border:1px solid #ef444433;border-radius:4px;padding:8px 12px;font-size:11px}.auth-submit{color:var(--color-teal);font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:#2dd4bf1f;border:1px solid #2dd4bf59;border-radius:4px;margin-top:4px;padding:12px;font-size:13px;font-weight:700;transition:all .15s}.auth-submit:hover:not(:disabled){border-color:var(--color-teal);background:#2dd4bf38;box-shadow:0 0 16px #2dd4bf1f}.auth-submit:disabled{opacity:.5;cursor:wait}.auth-divider{color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.15em;align-items:center;gap:12px;margin:20px 0;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-color);flex:1;height:1px}.auth-google{border:1px solid var(--border-color);width:100%;color:var(--color-text-dim);font-family:var(--font-mono);letter-spacing:.08em;cursor:not-allowed;opacity:.5;background:#ffffff0a;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:10px;font-size:11px;display:flex;position:relative}.auth-google-icon{flex-shrink:0}.auth-badge{letter-spacing:.1em;color:#8cb4ffcc;background:#6496dc26;border:1px solid #6496dc4d;border-radius:3px;padding:2px 6px;font-size:8px;font-weight:700}.auth-switch{text-align:center;font-family:var(--font-mono);color:var(--color-text-dim);margin-top:20px;font-size:11px}.auth-switch-btn{color:var(--color-teal);cursor:pointer;font-family:var(--font-mono);text-underline-offset:2px;background:0 0;border:none;font-size:11px;text-decoration:underline}.auth-switch-btn:hover{color:var(--color-text-bright)}.landing{background:var(--bg-deep);min-height:100vh;color:var(--color-text);overflow-y:auto}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,#2dd4bf0a 0%,#0000 70%),radial-gradient(circle at 20% 80%,#4a8eff08 0%,#0000 50%);position:absolute;inset:0}.landing-logo{font-family:var(--font-mono);letter-spacing:.35em;color:var(--color-text-bright);margin-bottom:12px;font-size:clamp(48px,8vw,80px);font-weight:300;position:relative}.landing-tagline{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-text-dim);max-width:480px;margin-bottom:48px;font-size:clamp(13px,2vw,16px)}.landing-ctas{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-cta{font-family:var(--font-mono);letter-spacing:.15em;cursor:pointer;text-transform:uppercase;border-radius:4px;padding:14px 36px;font-size:13px;font-weight:700;transition:all .2s}.landing-cta--primary{color:var(--color-teal);background:#2dd4bf1f;border:1px solid #2dd4bf66}.landing-cta--primary:hover{border-color:var(--color-teal);background:#2dd4bf38;box-shadow:0 0 24px #2dd4bf26}.landing-cta--secondary{border:1px solid var(--border-highlight);color:var(--color-text-dim);background:0 0}.landing-cta--secondary:hover{color:var(--color-text);border-color:#78a0dc80}.landing-scroll-hint{font-family:var(--font-mono);letter-spacing:.2em;color:#6b739466;font-size:10px;animation:2s ease-in-out infinite landing-pulse;position:absolute;bottom:32px}@keyframes landing-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(4px)}}.landing-features{max-width:960px;margin:0 auto;padding:100px 24px}.landing-section-label{font-family:var(--font-mono);letter-spacing:.25em;color:var(--color-teal);text-transform:uppercase;text-align:center;margin-bottom:12px;font-size:9px;font-weight:700}.landing-section-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-bright);text-align:center;margin-bottom:56px;font-size:clamp(20px,3vw,28px);font-weight:600}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-feature-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f122099;border-radius:8px;padding:28px 24px;transition:border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:var(--border-highlight);box-shadow:0 4px 24px #0000004d}.landing-feature-icon{margin-bottom:16px;font-size:28px;display:block}.landing-feature-name{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-bright);margin-bottom:8px;font-size:13px;font-weight:700}.landing-feature-desc{font-family:var(--font-mono);color:var(--color-text-dim);font-size:11px;line-height:1.6}.landing-steps{max-width:720px;margin:0 auto;padding:80px 24px 100px}.landing-steps-grid{justify-content:center;gap:32px;display:flex}.landing-step{text-align:center;flex:1;position:relative}.landing-step:not(:last-child):after{content:"";background:var(--border-color);width:1px;height:40px;position:absolute;top:20px;right:-16px;transform:rotate(90deg)translateY(20px)}.landing-step-num{width:40px;height:40px;font-family:var(--font-mono);color:var(--color-teal);background:#2dd4bf0f;border:1px solid #2dd4bf4d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:inline-flex}.landing-step-title{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-bright);margin-bottom:6px;font-size:12px;font-weight:700}.landing-step-desc{font-family:var(--font-mono);color:var(--color-text-dim);font-size:10px;line-height:1.5}.landing-footer{border-top:1px solid var(--border-color);text-align:center;padding:32px 24px}.landing-footer-text{font-family:var(--font-mono);letter-spacing:.1em;color:#6b739480;font-size:10px}@media (width<=640px){.landing-feature-grid{grid-template-columns:1fr}.landing-steps-grid{flex-direction:column;gap:24px}.landing-step:not(:last-child):after{display:none}}