*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0e1a;--bg-card: #131829;--bg-card-hover: #1a2035;--border: #2a3050;--text: #e0e4f0;--text-muted: #6b7394;--primary: #f0a030;--primary-dark: #c07820;--danger: #e04040;--success: #40c070;--info: #4090e0;--ocean: #0d1b2a;--land: #2a3a2a}html,body{font-family:Courier New,monospace;background:var(--bg-dark);color:var(--text);height:100%;width:100%;overflow:hidden}#app{height:100%;width:100%;position:relative}#game-map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.screen{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.screen.active{display:flex}.title-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;gap:32px;background:#0a0e1ad9}.title-logo{text-align:center}h1{font-size:56px;font-weight:700;line-height:1.1;letter-spacing:4px}.highlight{color:var(--primary);text-shadow:0 0 30px rgba(240,160,48,.4)}.subtitle{color:var(--text-muted);font-size:16px;margin-top:12px;letter-spacing:2px}.menu-buttons{display:flex;gap:16px;width:100%;max-width:500px}.auth-status{display:flex;align-items:center;gap:12px;color:var(--success);font-size:14px;margin-bottom:8px}.auth-status strong{color:var(--primary)}#auth-buttons{justify-content:center;gap:8px;margin-top:-8px;max-width:300px}#auth-form-area{display:flex;flex-direction:column;gap:10px;width:100%;max-width:360px}.auth-form-title{font-size:18px;font-weight:700;letter-spacing:2px;color:var(--primary);text-align:center}.btn{padding:14px 24px;border:none;border-radius:6px;font-family:Courier New,monospace;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all .2s;text-transform:uppercase}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--border)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-large{width:100%;padding:16px;font-size:18px}.btn-small{padding:8px 12px;font-size:12px}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#000}.input{width:100%;padding:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:Courier New,monospace;font-size:16px;text-align:center;letter-spacing:2px}.input:focus{outline:none;border-color:var(--primary)}#name-input-area{display:flex;flex-direction:column;gap:10px;width:100%;max-width:320px}.hidden{display:none!important}.muted{color:var(--text-muted);text-align:center;font-size:14px}.error{color:var(--danger);text-align:center;font-size:14px;padding:8px}.panel-center{margin:auto;background:#0a0e1aeb;border:1px solid var(--border);border-radius:12px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.panel-wide{max-width:700px}.screen-header{margin-bottom:16px}.screen-header h2{font-size:24px;letter-spacing:3px;margin-bottom:4px}.player-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.player-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}.player-card .name{font-weight:700}.player-card .host-badge{color:var(--primary);font-size:12px}.npc-hover-panel{position:absolute;top:12px;right:12px;background:#0a0e1aeb;border:1px solid var(--border);border-radius:6px;padding:10px 14px;pointer-events:none;font-size:12px;color:var(--text);z-index:50;min-width:200px}.npc-hover-panel .npc-name{font-weight:700;font-size:13px;margin-bottom:4px}.npc-hover-panel .npc-detail{color:var(--text-muted);margin-bottom:2px}.planning-dashboard{position:absolute;top:12px;left:12px;width:340px;max-height:calc(100vh - 24px);overflow-y:auto;background:#0a0e1aeb;border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px;pointer-events:auto;z-index:15}.dash-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border)}.dash-header-left{display:flex;align-items:center;gap:8px}.dash-header-right{display:flex;align-items:center;gap:12px;font-size:12px}.dash-round{font-size:13px;font-weight:700;letter-spacing:1px}.dash-oil{color:var(--text-muted)}.dash-cash{color:var(--success);font-weight:700;font-size:14px}.risk-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1px}.risk-LOW{background:var(--success);color:#000}.risk-MODERATE{background:var(--primary);color:#000}.risk-HIGH{background:var(--danger);color:#fff}.risk-CRITICAL{background:#800;color:#fff;animation:pulse 1s infinite}.risk-badge.clickable{cursor:pointer}.risk-badge.clickable:hover{filter:brightness(1.3)}.sitmon-panel{width:960px;max-width:95vw;max-height:85vh;overflow-y:auto}.sitmon-body{display:flex;flex-direction:column;gap:10px;padding:8px 0}.sitmon-zone{background:#141c2dcc;border:1px solid var(--border);border-radius:6px;padding:10px 14px;min-width:0}.sitmon-zone-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sitmon-zone-name{font-size:12px;font-weight:700;letter-spacing:1px}.sitmon-zone-threat{font-size:10px;padding:2px 8px;border-radius:3px;font-weight:700}.sitmon-threat-high{background:var(--danger);color:#fff}.sitmon-threat-moderate{background:var(--primary);color:#000}.sitmon-threat-low{background:var(--success);color:#000}.sitmon-zone-details{font-size:11px;color:var(--text-muted);line-height:1.6}.sitmon-zone-details .sitmon-row{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid rgba(42,48,80,.3)}.sitmon-row-label{color:var(--text-muted)}.sitmon-row-value{color:var(--text);font-weight:700}.sitmon-section-title{font-size:10px;color:var(--primary);letter-spacing:2px;margin-top:4px;margin-bottom:4px}.sitmon-stat-bad{color:var(--danger)}.sitmon-stat-warn{color:var(--primary)}.sitmon-stat-ok{color:var(--success)}.sitmon-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sitmon-attack-log{max-height:200px;overflow-y:auto}.sitmon-attack-item{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 0;border-bottom:1px solid rgba(42,48,80,.2);font-size:10px}.sitmon-attack-time{color:var(--text-muted);min-width:50px}.sitmon-attack-type{flex:1;margin:0 6px}.sitmon-attack-region{color:var(--primary);font-size:9px}.sitmon-dial-container{display:flex;justify-content:center;margin:8px 0}.sitmon-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.sitmon-stat-card{background:#141c2d99;border:1px solid var(--border);border-radius:4px;padding:8px;text-align:center}.sitmon-stat-number{font-size:20px;font-weight:700}.sitmon-stat-label{font-size:9px;color:var(--text-muted);letter-spacing:1px;margin-top:2px}@media (max-width: 768px){.sitmon-columns{grid-template-columns:1fr}.sitmon-stats-grid{grid-template-columns:repeat(2,1fr)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.dash-section{background:#13182999;border:1px solid var(--border);border-radius:6px;overflow:hidden}.dash-section-title{font-size:10px;color:var(--primary);letter-spacing:2px;padding:6px 10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;-webkit-user-select:none;user-select:none}.dash-section-title:hover{background:#f0a0300d}.dash-toggle-icon{font-size:8px;transition:transform .2s}.dash-section-body{padding:6px 10px 10px}.dash-section-body.collapsed{display:none}.dash-section-body.collapsed+.dash-toggle-icon{transform:rotate(-90deg)}.dash-btn-row{display:flex;gap:6px;margin-top:6px}.dash-buy-btn{flex:1;font-size:11px}.dash-launch-btn{width:100%;padding:10px;font-size:14px;letter-spacing:2px}.terminal-popup{position:absolute;width:250px;background:#0a0e1af5;border:1px solid var(--primary);border-radius:8px;padding:12px;pointer-events:auto;z-index:50;box-shadow:0 4px 20px #00000080}.terminal-popup-header{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:1px;margin-bottom:8px}.terminal-popup-row{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;color:var(--text)}.terminal-popup-desc{font-size:10px;color:var(--text-muted);margin-top:6px;line-height:1.4}.ship-info-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:280px;max-width:90vw;background:#0a0e1af5;border:1px solid var(--primary);border-radius:8px;padding:12px;z-index:60;box-shadow:0 4px 24px #0009}.ship-info-header{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;color:var(--primary);letter-spacing:1px;margin-bottom:8px}.ship-info-row{display:flex;justify-content:space-between;font-size:12px;padding:3px 0;color:var(--text)}.ship-info-actions{display:flex;gap:8px;margin-top:10px}.ship-info-actions .btn{flex:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:auto}.modal-panel{background:#0a0e1af5;border:1px solid var(--border);border-radius:10px;padding:20px;width:400px;max-height:80vh;overflow-y:auto}.modal-header{font-size:14px;color:var(--primary);letter-spacing:3px;text-align:center;margin-bottom:14px;font-weight:700}.force-logout-panel{text-align:center;max-width:360px}.force-logout-panel .modal-header{color:var(--danger)}.force-logout-text{color:var(--text);font-size:14px;line-height:1.5;margin:8px 0}.modal-step-title{font-size:11px;color:var(--text-muted);letter-spacing:1px;margin-bottom:8px}.modal-sub-section{margin-top:12px}.modal-sub-title{font-size:10px;color:var(--primary);letter-spacing:2px;margin-bottom:6px}.option-grid{display:flex;flex-direction:column;gap:6px}.option-card{background:var(--bg-dark);border:2px solid var(--border);border-radius:6px;padding:8px 10px;cursor:pointer;transition:all .2s}.option-card:hover{background:var(--bg-card-hover)}.option-card.selected{border-color:var(--primary);background:#f0a03014}.option-card .option-name{font-weight:700;font-size:13px;margin-bottom:1px}.option-card .option-desc{font-size:10px;color:var(--text-muted);line-height:1.3}.btn-manage{width:100%;margin-top:4px;padding:3px 0;font-size:10px;letter-spacing:1px;background:#f0a03026;border:1px solid var(--primary);color:var(--primary);border-radius:3px;cursor:pointer}.btn-manage:hover{background:#f0a0304d}.option-card .option-stats{display:flex;gap:10px;margin-top:4px;font-size:10px}.option-card .stat{display:flex;align-items:center;gap:3px}.stat-good{color:var(--success)}.stat-warn{color:var(--primary)}.stat-bad{color:var(--danger)}.cost-preview{font-size:12px;line-height:1.8}.cost-line{display:flex;justify-content:space-between}.cost-total{border-top:1px solid var(--border);padding-top:4px;margin-top:4px;font-weight:700;font-size:14px}#screen-transit{pointer-events:none}#hud-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:center;gap:24px;padding:12px 20px;background:linear-gradient(to bottom,#0a0e1ae6,#0a0e1a00);pointer-events:none;z-index:20}.hud-group{text-align:center}.hud-label{font-size:10px;color:var(--text-muted);letter-spacing:2px}.hud-value{font-size:20px;font-weight:700;color:var(--text);letter-spacing:1px}#hud-ship-name{position:absolute;top:60px;left:50%;transform:translate(-50%);font-size:14px;color:var(--primary);letter-spacing:2px;pointer-events:none;z-index:20}#hud-events{position:absolute;bottom:20px;left:20px;width:380px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;pointer-events:none;z-index:20}.event-item{background:#131829eb;border-left:3px solid var(--info);padding:10px 14px;border-radius:0 6px 6px 0;animation:slideIn .4s ease;pointer-events:auto;position:relative;transition:opacity .3s ease}.event-close{position:absolute;top:4px;right:8px;cursor:pointer;font-size:16px;color:var(--text-muted);line-height:1;opacity:.5}.event-close:hover{opacity:1;color:#fff}.event-item.danger{border-left-color:var(--danger)}.event-item.success{border-left-color:var(--success)}.event-item .event-name{font-weight:700;font-size:13px;margin-bottom:2px}.event-item .event-outcome{font-size:12px;color:var(--text-muted)}.event-item .event-damage{font-size:11px;color:var(--danger);margin-top:2px}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hud-cargo{position:absolute;top:82px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;letter-spacing:2px;padding:6px 16px;border-radius:4px;pointer-events:none;z-index:20}.hud-cargo.loading{color:var(--primary);background:#f0a03026;border:1px solid rgba(240,160,48,.3);animation:pulse 1s infinite}.hud-cargo.loaded{color:var(--success);background:#40c07026;border:1px solid rgba(64,192,112,.3)}#hud-steer-hint{position:absolute;bottom:20px;right:20px;font-size:12px;color:var(--text-muted);background:#0a0e1ab3;padding:8px 14px;border-radius:6px;pointer-events:none;z-index:20}.settings-speed-buttons{display:flex;gap:2px;border:1px solid var(--border);border-radius:4px;overflow:hidden}.settings-divider{border-top:1px solid var(--border);margin:8px 0}.speed-btn{padding:4px 10px;background:transparent;border:none;color:var(--text-muted);font-family:Courier New,monospace;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.speed-btn:hover{color:var(--text);background:#f0a0301a}.speed-btn.active{color:#000;background:var(--primary)}.btn-clear-wp{position:absolute;top:44px;right:20px;padding:4px 12px;background:#0a0e1ad9;border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;pointer-events:auto;z-index:25;transition:all .2s}.btn-clear-wp:hover{color:var(--danger);border-color:var(--danger)}#ship-control-panel{position:absolute;top:90px;left:50%;transform:translate(-50%);background:#0a0e1af0;border:1px solid var(--border);border-radius:8px;padding:12px 16px;pointer-events:auto;z-index:25;min-width:220px}.scp-header{font-size:11px;color:var(--primary);letter-spacing:2px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.scp-section{margin-bottom:10px}.scp-label{font-size:10px;color:var(--text-muted);letter-spacing:1px;margin-bottom:4px}.scp-speed-control{display:flex;align-items:center;justify-content:center;gap:12px}#scp-speed-value{font-size:16px;font-weight:700;color:var(--text);min-width:60px;text-align:center}.scp-ais-grid{display:flex;gap:4px}.scp-ais-btn{flex:1;padding:6px 4px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.scp-ais-btn:hover{border-color:var(--text-muted)}.scp-ais-btn.active{border-color:var(--primary);color:var(--primary);background:#f0a0301a}#scp-close{background:none;border:none;font-size:16px}.scp-ins-btn{flex:1;padding:6px 4px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s}.scp-ins-btn:hover{border-color:var(--text-muted)}.scp-ins-btn.active{border-color:var(--primary);color:var(--primary);background:#f0a0301a}.scp-autorenew{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-secondary);margin-top:4px;cursor:pointer}.scp-autorenew input{cursor:pointer}.scp-divider{border-top:1px solid var(--border);margin:6px 0}.scp-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.btn-upgrade{padding:6px 4px;font-size:10px;letter-spacing:.5px}.btn-upgrade.owned{border-color:var(--success);color:var(--success);background:#40c0701a}.scp-ap-dest{margin-top:4px}.scp-ap-dest select{width:100%;background:var(--bg-dark, #1a1a2e);color:var(--text-primary, #e0e0e0);border:1px solid var(--border-color, #333);border-radius:3px;padding:3px 4px;font-size:10px;font-family:inherit;cursor:pointer}.scp-upgrade-info{font-size:10px;color:var(--text-muted);margin-top:4px;min-height:14px}#hud-compass{position:absolute;top:90px;right:20px;pointer-events:none;z-index:20}#settings-btn{position:absolute;top:14px;right:20px;z-index:30;background:#0a0e1ab3;border:1px solid var(--border);color:var(--text-secondary);font-size:20px;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;pointer-events:auto}#settings-btn:hover{color:var(--primary);border-color:var(--primary);background:#0a0e1ae6}#settings-panel{position:absolute;top:56px;right:20px;z-index:30;background:#0a0e1af2;border:1px solid var(--border);border-radius:8px;padding:12px 16px;min-width:200px;pointer-events:auto}#settings-panel.hidden{display:none}.settings-title{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:1px;margin-bottom:8px;font-family:Courier New,monospace}.settings-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary);padding:4px 0;cursor:pointer;font-family:Courier New,monospace}.settings-toggle:hover{color:var(--text)}.settings-toggle input{cursor:pointer;accent-color:var(--primary)}.settings-menu{display:flex;flex-direction:column;gap:2px}.settings-menu-item{display:block;width:100%;text-align:left;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:Courier New,monospace;letter-spacing:1px;padding:8px 12px;cursor:pointer;transition:all .15s}.settings-menu-item:hover{background:#f0a0301a;border-color:var(--primary);color:var(--primary)}.settings-section.hidden{display:none}.settings-back-btn{background:transparent;border:none;color:var(--text-muted);font-size:11px;font-family:Courier New,monospace;cursor:pointer;padding:2px 0 8px;letter-spacing:1px}.settings-back-btn:hover{color:var(--primary)}.settings-lb-tabs{display:flex;gap:2px;border:1px solid var(--border);border-radius:4px;overflow:hidden;margin-bottom:8px}.settings-lb-tab{flex:1;padding:5px 4px;background:transparent;border:none;color:var(--text-muted);font-size:9px;font-family:Courier New,monospace;cursor:pointer;transition:all .15s;letter-spacing:.5px}.settings-lb-tab:hover{color:var(--text);background:#f0a0301a}.settings-lb-tab.active{color:#000;background:var(--primary)}.settings-lb-list{max-height:300px;overflow-y:auto}.settings-lb-row{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;font-size:11px;font-family:Courier New,monospace;border-bottom:1px solid rgba(255,255,255,.05)}.settings-lb-row:first-child{border-top:1px solid var(--border)}.settings-lb-rank{color:var(--primary);font-weight:700;width:22px;flex-shrink:0}.settings-lb-name{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis}.settings-lb-profit{color:var(--success);font-weight:700;flex-shrink:0}.fm-panel{width:720px;max-width:95vw;position:relative}.fm-ship-list{display:flex;flex-direction:column;gap:10px}.fm-ship-row{background:#141c2dcc;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.fm-ship-row.destroyed{opacity:.4;pointer-events:none}.fm-ship-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.fm-ship-name{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.5px}.fm-ship-badges{display:flex;gap:6px}.fm-ship-badges .stat{font-size:9px;padding:1px 5px;border-radius:3px;background:#ffffff0f}.fm-controls{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px}.fm-control-group{display:flex;flex-direction:column;gap:4px}.fm-control-label{font-size:9px;color:var(--text-muted);letter-spacing:1px;font-weight:700}.fm-speed-row{display:flex;align-items:center;gap:4px}.fm-speed-row button{width:24px;height:24px;padding:0;font-size:14px;line-height:1}.fm-speed-val{font-size:12px;color:var(--text);min-width:46px;text-align:center}.fm-btn-group{display:flex;gap:3px;flex-wrap:wrap}.fm-btn-group .btn{font-size:9px;padding:3px 6px;min-width:0;flex:1}.fm-btn-group .btn.active{border-color:var(--primary);background:#e0993026;color:var(--primary)}.fm-btn-group .btn.owned{border-color:var(--success);background:#4caf501a;color:var(--success)}.fm-ap-row{display:flex;align-items:center;gap:4px}.fm-ap-row select{font-size:9px;background:#0a0e1acc;color:var(--text);border:1px solid var(--border);border-radius:4px;padding:2px 4px;max-width:100px}.fm-ap-row .btn{font-size:9px;padding:3px 6px}.fm-upgrades{display:flex;gap:3px}.fm-upgrades .btn{font-size:9px;padding:3px 6px;flex:1}#screen-results{align-items:center;justify-content:center;background:#0a0e1ab3}.result-detail{background:var(--bg-card);border-radius:8px;padding:16px;margin-bottom:16px}.result-success{border:2px solid var(--success)}.result-fail{border:2px solid var(--danger)}.result-header{font-size:20px;font-weight:700;text-align:center;margin-bottom:12px}.result-lines{font-size:13px;line-height:2}.result-line{display:flex;justify-content:space-between}.result-profit{font-size:18px;font-weight:700;text-align:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.profit-positive{color:var(--success)}.profit-negative{color:var(--danger)}.leaderboard{margin-bottom:16px}.leaderboard h3{font-size:14px;color:var(--primary);letter-spacing:2px;margin-bottom:8px}.lb-row{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-card);border-radius:4px;margin-bottom:4px;font-size:13px}.lb-row:first-of-type{border:1px solid var(--primary)}.lb-rank{color:var(--primary);font-weight:700;width:24px}.lb-name{flex:1}.lb-worth{font-weight:700;color:var(--success)}.reinvest-section{margin-bottom:16px}.reinvest-section h3{font-size:14px;color:var(--primary);letter-spacing:2px;margin-bottom:8px}.reinvest-section h4{font-size:12px;color:var(--text-muted);margin:12px 0 8px;letter-spacing:1px}.fleet-display{display:flex;flex-direction:column;gap:6px}.fleet-ship{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.ship-info{font-size:13px}.health-bar{width:60px;height:6px;background:var(--bg-dark);border-radius:3px;overflow:hidden;margin-top:4px}.health-fill{height:100%;border-radius:3px;transition:width .3s}.health-good{background:var(--success)}.health-warn{background:var(--primary)}.health-bad{background:var(--danger)}#screen-gameover{align-items:center;justify-content:center;background:#0a0e1ad9}.gameover-container{display:flex;flex-direction:column;align-items:center;gap:24px;max-width:500px;width:90%}.gameover-container h1{color:var(--primary);font-size:48px;text-shadow:0 0 30px rgba(240,160,48,.5)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.chokepoint-panel{display:none!important;position:absolute;bottom:140px;left:12px;background:#0a0e1ae0;border:1px solid var(--border);border-radius:6px;padding:8px;z-index:15;pointer-events:auto;max-width:160px}.chokepoint-title{font-size:9px;color:var(--text-muted);letter-spacing:1px;margin-bottom:4px}.chokepoint-btns{display:flex;flex-direction:column;gap:2px}.chokepoint-btn{background:#f0a03014;border:1px solid rgba(240,160,48,.2);border-radius:3px;color:var(--primary);font-family:Courier New,monospace;font-size:10px;padding:4px 8px;cursor:pointer;text-align:left;transition:background .15s}.chokepoint-btn:hover{background:#f0a03033;border-color:var(--primary)}.chokepoint-btn .cp-flow{color:var(--text-muted);font-size:8px;float:right;margin-top:1px}.spawn-region{margin-bottom:4px}.spawn-region-header{padding:8px 10px;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-weight:700;font-size:12px;color:var(--primary);-webkit-user-select:none;user-select:none}.spawn-region-header:hover{background:var(--bg-card-hover)}.spawn-region-toggle{display:inline-block;width:14px;font-size:10px}.spawn-region-count{color:var(--text-muted);font-weight:400;font-size:10px}.spawn-region-body{padding-left:8px;display:flex;flex-direction:column;gap:3px;margin-top:3px}.spawn-region-body.hidden,#mobile-tab-bar,#mobile-drawer{display:none}@media (max-width: 768px){h1{font-size:32px;letter-spacing:2px}.subtitle{font-size:12px}.menu-buttons{flex-direction:column;max-width:280px;gap:10px}.btn{padding:12px 16px;font-size:14px;min-height:44px}.btn-large{padding:14px;font-size:16px}.input{padding:12px;font-size:14px;min-height:44px}#name-input-area{max-width:280px}.panel-center{padding:20px 16px;max-width:95vw;width:95%}.screen-header h2{font-size:20px}.planning-dashboard,.chokepoint-panel,#hud-compass,#settings-btn,#settings-panel,#hud-events,#hud-ship-name,#hud-cargo-status{display:none!important}.btn-clear-wp{top:auto;bottom:60px;right:10px;font-size:9px;padding:6px 10px;min-height:32px}#ship-control-panel,.npc-hover-panel{display:none!important}#hud-top{gap:8px;padding:6px 10px}.hud-label{font-size:8px;letter-spacing:1px}.hud-value{font-size:14px}#mobile-tab-bar{display:flex;position:absolute;bottom:0;left:0;right:0;height:50px;background:#0a0e1af5;border-top:1px solid var(--border);z-index:40;pointer-events:auto}.mobile-tab{flex:1;background:none;border:none;color:var(--text-muted);font-family:Courier New,monospace;font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;padding:8px 4px;min-height:44px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.mobile-tab.active{color:var(--primary);background:#f0a0301a;border-top:2px solid var(--primary)}#mobile-drawer{display:block;position:absolute;bottom:50px;left:0;right:0;max-height:50vh;overflow-y:auto;background:#0a0e1af5;border-top:1px solid var(--border);z-index:35;pointer-events:auto;padding:10px 12px;transition:transform .25s ease}#mobile-drawer.mobile-drawer-hidden{transform:translateY(100%);pointer-events:none}.mobile-section-title{font-size:10px;color:var(--primary);letter-spacing:2px;margin-bottom:8px;font-weight:700}.mobile-fleet-card{background:#141c2dcc;border:1px solid var(--border);border-radius:6px;padding:10px;margin-bottom:8px}.mobile-fleet-card.selected{border-color:var(--primary)}.mobile-fleet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.mobile-fleet-name{font-size:12px;font-weight:700}.mobile-fleet-stats{display:flex;gap:6px;font-size:9px}.mobile-fleet-stats .stat{padding:1px 5px;border-radius:3px;background:#ffffff0f}.mobile-fleet-actions{display:flex;gap:6px;margin-top:6px}.mobile-fleet-actions .btn{flex:1;padding:8px 4px;font-size:10px;min-height:36px}.mobile-ctrl-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(42,48,80,.5)}.mobile-ctrl-label{font-size:10px;color:var(--text-muted);letter-spacing:1px;font-weight:700}.mobile-ctrl-buttons{display:flex;gap:4px}.mobile-ctrl-buttons .btn{padding:8px 10px;font-size:10px;min-height:36px}.mobile-speed-control{display:flex;align-items:center;gap:10px}.mobile-speed-control .btn{width:36px;height:36px;padding:0;font-size:16px;min-height:36px}.mobile-upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-upgrade-grid .btn{font-size:9px;padding:8px 4px;min-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-select{width:100%;background:var(--bg-card);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:8px;font-family:Courier New,monospace;font-size:11px;min-height:36px}.mobile-speed-value{font-size:14px;font-weight:700;min-width:50px;text-align:center}.mobile-event-item{background:#131829eb;border-left:3px solid var(--info);padding:8px 10px;border-radius:0 6px 6px 0;margin-bottom:6px;font-size:11px}.mobile-event-item.danger{border-left-color:var(--danger)}.mobile-event-item.success{border-left-color:var(--success)}.mobile-event-name{font-weight:700;font-size:11px;margin-bottom:2px}.mobile-event-outcome{font-size:10px;color:var(--text-muted)}.mobile-settings-row{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:12px;color:var(--text)}.mobile-settings-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.modal-panel{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:16px}.fm-panel{width:100vw;max-width:100vw;overflow-y:auto}.fm-panel .modal-header .btn,.fm-panel #fm-close{min-width:44px;min-height:44px;font-size:20px}.fm-controls{grid-template-columns:1fr 1fr;gap:8px}.fm-ship-row{padding:8px}.fm-speed-row button{width:36px;height:36px;font-size:16px;min-height:36px}.fm-btn-group .btn,.fm-upgrades .btn{font-size:10px;padding:6px 8px;min-height:32px}.fm-ap-row{flex-wrap:wrap;gap:6px}.fm-ap-row select{font-size:11px;max-width:none;flex:1;min-height:32px}.option-card{padding:12px;min-height:44px}.option-card .option-name{font-size:14px}.option-card .option-desc{font-size:11px}.panel-wide{max-width:95vw}.result-header{font-size:16px}.result-lines{font-size:12px}.gameover-container h1{font-size:32px}.gameover-container{max-width:95vw}.modal-step-title{font-size:12px}.modal-sub-title{font-size:11px}.terminal-popup{width:80vw;max-width:300px;left:50%!important;top:50%!important;transform:translate(-50%,-50%)}.spawn-region-header{padding:10px 12px;font-size:13px;min-height:44px;display:flex;align-items:center}}