@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap";html,body,#root{width:100%;height:100%;overflow:hidden}:root{--bg-primary: #0a0f1a;--bg-secondary: #0d1525;--bg-tertiary: #121d2e;--bg-panel: #0f1926;--accent-cyan: #00d4ff;--accent-green: #00ff88;--accent-gold: #ffd700;--accent-red: #ff3b3b;--accent-orange: #ff9f43;--accent-purple: #a855f7;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #1e3a5f;--border-glow: rgba(0, 212, 255, .3);--shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(0, 212, 255, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;background:radial-gradient(ellipse at top,#0d2847 0%,transparent 50%),radial-gradient(ellipse at bottom,#1a0a28 0%,transparent 50%),linear-gradient(180deg,var(--bg-primary) 0%,#0a1628 50%,var(--bg-primary) 100%)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(90deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px #0006;z-index:100}.logo{display:flex;align-items:center;gap:1rem}.logo .icon{font-size:2rem;filter:drop-shadow(0 0 10px rgba(0,212,255,.5))}.logo .title h1{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:3px;color:var(--accent-cyan);text-shadow:0 0 20px rgba(0,212,255,.5)}.logo .subtitle{font-size:.75rem;color:var(--text-secondary);letter-spacing:2px;text-transform:uppercase}.header-info{display:flex;align-items:center;gap:1rem}.header-info .version{font-family:Share Tech Mono,monospace;color:var(--text-muted);font-size:.85rem}.info-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d4ff1a;border:1px solid var(--accent-cyan);border-radius:6px;color:var(--accent-cyan);font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.info-btn:hover{background:#00d4ff33;box-shadow:0 0 15px #00d4ff4d;transform:translateY(-1px)}.info-btn:active{transform:translateY(0)}.header-info .badge{font-family:Orbitron,sans-serif;background:linear-gradient(135deg,#ff3b3b,#ff6b6b);color:#fff;padding:.25rem .75rem;border-radius:3px;font-size:.7rem;font-weight:600;letter-spacing:2px;animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.main-content{display:flex;flex:1;overflow:hidden;gap:1rem;padding:1rem}.left-panel,.right-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-gutter:stable}.right-panel-content{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;height:100%}.center-panel{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-muted)}.app-footer .status{color:var(--accent-green);font-family:Share Tech Mono,monospace;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.panel-header{padding:.75rem 1rem;background:linear-gradient(90deg,rgba(0,212,255,.1),transparent);border-bottom:1px solid var(--border-color);border-left:3px solid var(--accent-cyan)}.panel-header h2{font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:2px;color:var(--accent-cyan)}.control-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);max-height:calc(100vh - 140px)}.time-display{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:linear-gradient(180deg,rgba(0,212,255,.05),transparent);border-bottom:1px solid var(--border-color)}.time-display .day{font-family:Share Tech Mono,monospace;font-size:.85rem;color:var(--accent-gold);letter-spacing:3px}.time-display .time{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text-primary);text-shadow:0 0 20px rgba(0,212,255,.3)}.time-display .weather{font-size:1rem;color:var(--text-secondary);margin-top:.5rem}.budget-display{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffd7000d;border-bottom:1px solid var(--border-color)}.budget-display .label{font-size:.8rem;color:var(--text-muted);letter-spacing:1px}.budget-display .value{font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:700;color:var(--accent-gold)}.game-controls{display:flex;gap:.5rem;padding:1rem;border-bottom:1px solid var(--border-color)}.control-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:none;border-radius:6px;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.control-btn.start{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000}.control-btn.pause{background:linear-gradient(135deg,#fa0,#f80);color:#000}.control-btn.resume{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000}.control-btn.stop{background:linear-gradient(135deg,#ff3b3b,#cc2929);color:#fff}.control-btn.reset{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.speed-controls{padding:1rem;border-bottom:1px solid var(--border-color)}.speed-controls .label{font-size:.75rem;color:var(--text-muted);letter-spacing:1px;display:block;margin-bottom:.5rem}.speed-buttons{display:flex;gap:.5rem}.speed-btn{flex:1;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);font-family:Share Tech Mono,monospace;font-size:.85rem;cursor:pointer;transition:all .2s}.speed-btn.active{background:var(--accent-cyan);color:#000;border-color:var(--accent-cyan)}.scenario-select{padding:1rem}.scenario-select .label{font-size:.75rem;color:var(--text-muted);letter-spacing:1px;display:block;margin-bottom:.5rem}.scenarios{display:flex;flex-direction:column;gap:.5rem}.scenario-btn{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;text-align:left}.scenario-btn:disabled{opacity:.5;cursor:not-allowed}.scenario-btn.active{border-color:var(--accent-cyan);background:#00d4ff1a}.scenario-btn .name{font-weight:600;color:var(--text-primary)}.scenario-btn .threat{font-size:.8rem}.scenario-info{padding:1rem;background:#0003;border-top:1px solid var(--border-color)}.scenario-info h4{color:var(--accent-cyan);font-size:.9rem;margin-bottom:.5rem}.scenario-info p{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.scenario-info .stats{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.arctic-map-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.arctic-map{width:100%;max-width:900px;height:auto;border-radius:12px;border:2px solid var(--border-color);box-shadow:var(--shadow-glow),0 0 60px #00000080;cursor:crosshair}.node-label{text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.status-text{font-family:Share Tech Mono,monospace}.pulse-ring{animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{opacity:1;r:20}to{opacity:0;r:35}}.threat-pulse{animation:threat-pulse 1s ease-in-out infinite;filter:drop-shadow(0 0 8px currentColor)}@keyframes threat-pulse{0%,to{stroke-width:3;opacity:.8;r:25}50%{stroke-width:4;opacity:1;r:28}}.threat-marker{cursor:pointer;transition:filter .2s ease}.threat-marker:hover{filter:brightness(1.2) drop-shadow(0 0 12px currentColor)}.threat-marker:hover .threat-pulse{animation-duration:.5s}.map-tooltip{position:absolute;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;max-width:250px;pointer-events:none;z-index:100;box-shadow:var(--shadow-lg)}.map-tooltip h4{color:var(--accent-cyan);font-size:1rem;margin-bottom:.25rem}.map-tooltip .type{font-size:.7rem;color:var(--accent-gold);letter-spacing:1px;margin-bottom:.5rem}.map-tooltip p{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.map-tooltip .strategic{color:var(--accent-gold);margin-top:.5rem}.map-tooltip .refuel{color:var(--accent-green);margin-top:.25rem}.map-tooltip.route-tooltip{min-width:200px}.map-tooltip .route-path{font-size:.9rem;color:var(--accent-cyan);font-weight:600;margin-bottom:.5rem}.map-tooltip .route-stats{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.5rem}.map-tooltip .route-stats .stat{display:flex;justify-content:space-between;font-size:.8rem}.map-tooltip .route-stats .stat .label{color:var(--text-muted)}.map-tooltip .route-stats .stat .value{color:var(--text-primary);font-weight:600}.map-tooltip .route-warning{font-size:.75rem;padding:.4rem;background:#0000004d;border-radius:4px;margin-top:.25rem}.map-legend{position:absolute;bottom:1rem;left:1rem;background:#0f1926e6;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem}.map-legend h4{font-size:.7rem;color:var(--text-muted);letter-spacing:1px;margin-bottom:.5rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.legend-item .dot{width:10px;height:10px;border-radius:50%}.legend-item .ice-line{width:20px;height:4px;background:linear-gradient(90deg,#64c8ff4d,#64c8ffb3);border-radius:2px}.asset-panel{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);max-height:45vh;flex-shrink:0}.add-assets{padding:1rem;border-bottom:1px solid var(--border-color)}.add-assets h3{font-size:.85rem;color:var(--text-primary);margin-bottom:.25rem}.add-assets .hint{font-size:.75rem;color:var(--accent-cyan);margin-bottom:.75rem}.asset-types{display:flex;flex-direction:column;gap:.5rem}.asset-type-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s;text-align:left}.asset-type-btn:hover:not(:disabled){border-color:var(--accent-cyan);background:#00d4ff0d}.asset-type-btn:disabled{opacity:.5;cursor:not-allowed}.asset-type-btn.deployed{background:#00ff881a;border-color:var(--accent-green);opacity:.7}.asset-type-btn.deployed .cost{color:var(--accent-green)!important;font-weight:600}.asset-type-btn .icon{font-size:1.5rem}.asset-type-btn .info{flex:1}.asset-type-btn .name{display:block;color:var(--text-primary);font-weight:600}.asset-type-btn .cost{font-size:.8rem;color:var(--accent-gold)}.asset-type-btn .stats{display:flex;flex-direction:column;gap:.1rem;font-size:.7rem;color:var(--text-muted)}.active-assets{padding:1rem}.active-assets h3{font-size:.85rem;color:var(--text-primary);margin-bottom:.75rem}.asset-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.asset-card{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s}.asset-card:hover{border-color:var(--accent-cyan)}.asset-card.selected{border-color:var(--accent-green);background:#00ff880d}.asset-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.asset-header .icon{font-size:1.25rem}.asset-header .name{flex:1;font-weight:600;color:var(--text-primary)}.asset-header .status{font-size:.65rem;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);color:var(--text-muted)}.asset-header .status.moving{background:#00d4ff33;color:var(--accent-cyan)}.asset-header .status.patrolling{background:#0f83;color:var(--accent-green)}.asset-header .status.stranded{background:#ff3b3b33;color:var(--accent-red)}.asset-location,.asset-fuel{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.fuel-bar{flex:1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.fuel-fill{height:100%;border-radius:3px;transition:width .3s}.asset-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;border:none;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.refuel{background:#0f83;color:var(--accent-green)}.action-btn.refuel.full{background:#64646433;color:var(--text-muted)}.action-btn.refuel:disabled{opacity:.5;cursor:not-allowed}.action-btn.delete{background:#ff3b3b33;color:var(--accent-red)}.no-assets{text-align:center;padding:2rem;color:var(--text-muted)}.no-assets svg{margin-bottom:.5rem;opacity:.3}.no-assets .hint{font-size:.8rem;margin-top:.25rem}.asset-details{padding:1rem;background:#0003;border-top:1px solid var(--border-color)}.asset-details h3{font-size:.85rem;color:var(--accent-cyan);margin-bottom:.75rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.detail{display:flex;flex-direction:column}.detail .label{font-size:.7rem;color:var(--text-muted)}.detail .value{font-size:.9rem;color:var(--text-primary);font-weight:600}.asset-details .hint{font-size:.75rem;color:var(--accent-cyan);margin-top:.75rem;font-style:italic}.dashboard{background:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);flex:1;min-height:300px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem;border-bottom:1px solid var(--border-color)}.metric-card{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:var(--bg-tertiary);border-radius:6px;text-align:center}.metric-card .value{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:700;margin:.25rem 0}.metric-card .label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.status-summary{padding:1rem;border-bottom:1px solid var(--border-color)}.status-summary h3{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.status-items{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.status-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;font-size:.8rem}.status-item .label{color:var(--text-muted)}.status-item .value{color:var(--text-primary);font-weight:600}.threat-log{padding:1rem;border-bottom:1px solid var(--border-color)}.threat-log h3{font-size:.85rem;color:var(--text-primary);margin-bottom:.75rem}.threat-list{display:flex;flex-direction:column;gap:.5rem;max-height:150px;overflow-y:auto}.no-threats{text-align:center;padding:1rem;color:var(--text-muted)}.no-threats svg{color:var(--accent-green);margin-bottom:.5rem}.threat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;border-left:3px solid var(--accent-red)}.threat-item.detected{border-left-color:var(--accent-orange)}.threat-item.neutralized{border-left-color:var(--accent-green);opacity:.6}.threat-item .icon{font-size:1.25rem}.threat-item .info{flex:1}.threat-item .type{display:block;font-size:.8rem;font-weight:600;color:var(--text-primary)}.threat-item .location{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--accent-cyan);font-weight:500;margin-top:.15rem}.threat-item .status{font-size:.65rem;padding:.2rem .4rem;border-radius:3px}.threat-item .status.success{background:#0f83;color:var(--accent-green)}.threat-item .status.warning{background:#ff9f4333;color:var(--accent-orange)}.threat-item .status.danger{background:#ff3b3b33;color:var(--accent-red)}.coverage-indicator{padding:1rem;border-bottom:1px solid var(--border-color)}.coverage-indicator h3{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.coverage-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.coverage-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:4px;transition:width .5s}.coverage-details{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.5rem}.coverage-details .percent{font-weight:600;color:var(--accent-cyan)}.coverage-breakdown{display:flex;gap:1rem}.breakdown-item{font-size:.75rem;color:var(--text-muted)}.breakdown-item .type{text-transform:capitalize}.breakdown-item .ratio{color:var(--text-secondary);margin-left:.25rem}.efficiency-panel{padding:1rem}.efficiency-panel h3{font-size:.85rem;color:var(--text-primary);margin-bottom:.75rem}.efficiency-score{display:flex;justify-content:center;margin-bottom:.75rem}.score-ring{width:80px;height:80px}.efficiency-tips{display:flex;flex-direction:column;gap:.25rem}.efficiency-tips .tip{font-size:.75rem;color:var(--text-secondary);padding:.5rem;background:var(--bg-tertiary);border-radius:4px;border-left:2px solid var(--accent-cyan)}.efficiency-tips .tip.success{background:#00ff881a;border-left-color:var(--accent-green);color:var(--accent-green);font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2a4a6e,#1e3a5f);border-radius:5px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-cyan),#1e5a8f)}*{scrollbar-width:auto;scrollbar-color:#2a4a6e var(--bg-secondary)}.collapsible-section{border-bottom:1px solid var(--border-color)}.section-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#00d4ff0d;border:none;color:var(--accent-cyan);font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background .2s}.section-toggle:hover{background:#00d4ff1a}.section-toggle span{flex:1;text-align:left}.instructions{padding:1rem;background:#0003;overflow:hidden}.instruction-step{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.instruction-step .step-num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-cyan);color:#000;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.instruction-step strong{color:var(--accent-cyan)}.instruction-tip{margin-top:.75rem;padding:.5rem;background:#ffd7001a;border-radius:4px;font-size:.8rem;color:var(--accent-gold);border-left:2px solid var(--accent-gold)}.settings-panel{padding:1rem;background:#0003;overflow:hidden}.setting-item{margin-bottom:1rem}.setting-item label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.85rem;color:var(--text-secondary)}.setting-item .setting-value{color:var(--accent-cyan);font-family:Share Tech Mono,monospace;font-weight:600}.setting-item input[type=range]{width:100%;height:6px;background:var(--bg-secondary);border-radius:3px;outline:none}.setting-item input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-cyan);border-radius:50%;cursor:pointer;transition:transform .2s}.setting-item input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.setting-item input[type=range]:disabled{opacity:.5}.setting-item input[type=range]:disabled::-webkit-slider-thumb{background:var(--text-muted);cursor:not-allowed}.setting-item.checkbox label{justify-content:flex-start;gap:.5rem;cursor:pointer}.setting-item.checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-cyan)}.settings-note{margin-top:.5rem;font-size:.75rem;color:var(--accent-orange);text-align:center}.setting-hint{display:block;font-size:.7rem;color:var(--text-muted);margin-top:.25rem;font-style:italic}.budget-display .damage{font-size:.75rem;color:var(--accent-red);margin-left:.5rem}.arduino-connection{display:flex;flex-direction:column;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);gap:.25rem}.arduino-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00d4ff1a;border:1px solid var(--accent-cyan);border-radius:6px;color:var(--accent-cyan);font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;justify-content:center}.arduino-btn:hover{background:#00d4ff33;box-shadow:0 0 10px #00d4ff4d;transform:translateY(-1px)}.arduino-btn.connected{background:#00ff881a;border-color:var(--accent-green);color:var(--accent-green)}.arduino-btn.connected:hover{background:#0f83;box-shadow:0 0 10px #00ff884d}.arduino-status{font-size:.7rem;color:var(--accent-green);text-align:center}.app-footer .status.stopped{color:var(--text-muted);animation:none}.app-footer .status.paused{color:var(--accent-orange);animation:blink 1s infinite}.app-footer .status.active{color:var(--accent-green);animation:blink 1s infinite}.intercept-options{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}.intercept-label{display:block;font-size:.75rem;color:var(--accent-orange);margin-bottom:.5rem}.intercept-btn{display:inline-block;padding:.3rem .5rem;margin-right:.25rem;margin-bottom:.25rem;background:#ff9f4333;border:1px solid var(--accent-orange);border-radius:4px;color:var(--accent-orange);font-size:.7rem;cursor:pointer;transition:all .2s}.intercept-btn:hover{background:#ff9f4366}.threat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:4px;border-left:3px solid var(--accent-red);margin-bottom:.5rem}.threat-item.urgent{animation:threat-urgent .5s infinite alternate;border-left-color:var(--accent-red)}@keyframes threat-urgent{0%{background:var(--bg-tertiary)}to{background:#ff3b3b33}}.threat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.threat-meta .timer{font-size:.7rem;font-family:Share Tech Mono,monospace;color:var(--text-muted)}.threat-meta .timer.urgent{color:var(--accent-red);font-weight:700;animation:blink .5s infinite}.threat-stats{display:flex;justify-content:space-between;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.75rem}.threat-stats .expired{color:var(--accent-red)}.threat-stats .neutralized{color:var(--accent-green)}.no-threats .hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.mining-progress{background:var(--bg-tertiary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.mining-progress h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--accent-gold);margin-bottom:.75rem}.mining-resources{display:flex;flex-direction:column;gap:.5rem}.resource-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.5rem;background:#0003;border-radius:4px}.resource-row .icon{font-size:1rem}.resource-row .name{flex:1;color:var(--text-secondary)}.resource-row .amount{font-family:Share Tech Mono,monospace;color:var(--accent-gold);font-weight:600;font-size:.7rem;min-width:90px;text-align:right}.resource-row .capacity-bar{flex:1;height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin:0 .5rem}.resource-row .capacity-fill{height:100%;border-radius:4px;transition:width .3s ease}.resource-row .capacity-fill.oil{background:linear-gradient(90deg,#2d2d2d,#555)}.resource-row .capacity-fill.gas{background:linear-gradient(90deg,#4a90a4,#6ab7c9)}.resource-row .capacity-fill.minerals{background:linear-gradient(90deg,#a855f7,#c084fc)}.mining-costs{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.35rem}.cost-row{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.cost-row .cost-value{font-family:Share Tech Mono,monospace;color:var(--accent-gold)}.mining-tip{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);margin-top:.75rem;font-style:italic}.trade-progress{background:var(--bg-tertiary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.trade-progress h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--accent-cyan);margin-bottom:.75rem}.ports-progress-bar{height:8px;background:#0000004d;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.ports-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-green));border-radius:4px;transition:width .3s ease}.ports-list{display:flex;flex-wrap:wrap;gap:.35rem}.port-badge{font-size:.7rem;padding:.25rem .5rem;background:#64748b33;border-radius:4px;color:var(--text-muted);border:1px solid transparent}.port-badge.visited{background:#00ff8826;color:var(--accent-green);border-color:#00ff884d}.all-visited{margin-top:.75rem;padding:.5rem;background:#ffd70026;border:1px solid rgba(255,215,0,.3);border-radius:4px;text-align:center;color:var(--accent-gold);font-weight:600;font-size:.85rem;animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px #ffd7004d}50%{box-shadow:0 0 15px #ffd70080}}.trade-tip{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);margin-top:.75rem;font-style:italic}.ice-status{background:var(--bg-tertiary);border-radius:8px;padding:1rem;border:1px solid var(--border-color)}.ice-status h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#87ceeb;margin-bottom:.75rem}.no-ice-cleared{font-size:.8rem;color:var(--text-muted);font-style:italic;text-align:center;padding:.5rem}.cleared-routes{display:flex;flex-direction:column;gap:.4rem}.cleared-route{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;background:#00ff881a;border-radius:4px;border:1px solid rgba(0,255,136,.2)}.cleared-route .route-name{font-size:.75rem;color:var(--accent-green)}.cleared-route .reform-timer{font-size:.7rem;color:#87ceeb}.ice-tip{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:var(--text-muted);margin-top:.75rem;font-style:italic}.game-over-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over-modal{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--accent-red);border-radius:16px;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #ff3b3b4d,0 25px 50px #00000080}.game-over-header{text-align:center;margin-bottom:1.5rem}.game-over-header .skull-icon{color:var(--accent-red);margin-bottom:.5rem;filter:drop-shadow(0 0 10px rgba(255,59,59,.5))}.game-over-header h1{font-family:Orbitron,sans-serif;font-size:2rem;color:var(--accent-red);text-shadow:0 0 20px rgba(255,59,59,.5);letter-spacing:4px;margin-bottom:.25rem}.game-over-header .subtitle{color:var(--text-secondary);font-size:.9rem}.grade-display{text-align:center;margin-bottom:1.5rem}.grade-display .grade{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:700;display:block;text-shadow:0 0 30px currentColor}.grade-display .grade-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px}.game-over-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.game-over-stats .stat-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#0000004d;border-radius:8px;border:1px solid var(--border-color)}.game-over-stats .stat-item .label{flex:1;font-size:.8rem;color:var(--text-secondary)}.game-over-stats .stat-item .value{font-family:Share Tech Mono,monospace;font-weight:600;font-size:1rem}.resources-summary{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1rem}.resources-summary h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--accent-gold);margin-bottom:.75rem}.resource-bars{display:flex;flex-direction:column;gap:.5rem}.resource-bars .resource-item{display:flex;align-items:center;gap:.5rem}.resource-bars .resource-item .name{width:80px;font-size:.8rem}.resource-bars .resource-item .bar{flex:1;height:12px;background:#0000004d;border-radius:6px;overflow:hidden}.resource-bars .resource-item .fill{height:100%;border-radius:6px;transition:width .3s ease}.resource-bars .resource-item .fill.oil{background:linear-gradient(90deg,#2d2d2d,#4a4a4a)}.resource-bars .resource-item .fill.gas{background:linear-gradient(90deg,#4a90a4,#6ab7c9)}.resource-bars .resource-item .fill.minerals{background:linear-gradient(90deg,#a855f7,#c084fc)}.resource-bars .resource-item .amount{width:110px;text-align:right;font-family:Share Tech Mono,monospace;font-size:.7rem;color:var(--text-secondary)}.mining-cost-summary{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary);text-align:center}.mining-cost-summary strong{color:var(--accent-gold)}.ports-summary{background:#0003;border-radius:8px;padding:1rem;margin-bottom:1rem}.ports-summary h3{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--accent-cyan);margin-bottom:.75rem}.ports-grid{display:flex;flex-wrap:wrap;gap:.5rem}.port-chip{font-size:.75rem;padding:.35rem .65rem;border-radius:4px;background:#64748b33;color:var(--text-muted);border:1px solid transparent}.port-chip.visited{background:#00ff8826;color:var(--accent-green);border-color:#00ff884d}.port-chip.unvisited{background:#ff3b3b1a;color:var(--text-muted)}.all-ports-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:linear-gradient(135deg,#ffd70033,#ffa50033);border:1px solid var(--accent-gold);border-radius:8px;color:var(--accent-gold);font-weight:600;animation:glow-pulse 2s ease-in-out infinite}.damage-summary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#ff3b3b1a;border:1px solid rgba(255,59,59,.3);border-radius:8px;margin-bottom:1rem}.damage-summary .damage-icon{font-size:1.25rem}.damage-summary .damage-text{color:var(--accent-red);font-size:.9rem}.restart-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,var(--accent-cyan),#0099cc);border:none;border-radius:8px;color:#fff;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;letter-spacing:2px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00d4ff4d}.restart-btn:hover{box-shadow:0 6px 25px #00d4ff80}.game-over-modal::-webkit-scrollbar{width:6px}.game-over-modal::-webkit-scrollbar-track{background:transparent}.game-over-modal::-webkit-scrollbar-thumb{background:var(--accent-red);border-radius:3px}.rules-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9998}.rules-modal{width:90%;max-width:800px;max-height:90vh;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--accent-cyan);border-radius:16px;box-shadow:0 0 50px #00d4ff4d,0 25px 50px #00000080;z-index:9999;overflow:hidden;display:flex;flex-direction:column}.rules-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:#00d4ff1a}.rules-header h2{font-family:Orbitron,sans-serif;font-size:1.5rem;color:var(--accent-cyan);margin:0;letter-spacing:2px}.close-btn{background:transparent;border:1px solid var(--accent-cyan);border-radius:6px;color:var(--accent-cyan);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#00d4ff33;transform:rotate(90deg)}.rules-content{padding:1.5rem;overflow-y:auto;flex:1}.rules-section{margin-bottom:2rem}.rules-section:last-child{margin-bottom:0}.rules-section h3{display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:1.1rem;color:var(--accent-cyan);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.rules-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.rules-section ul{list-style:none;padding:0;margin:0}.rules-section ul li{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem;position:relative;margin-bottom:.5rem}.rules-section ul li:before{content:"▸";position:absolute;left:0;color:var(--accent-cyan);font-weight:700}.rules-section ul li strong{color:var(--text-primary)}.asset-types{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:1rem;background:#0003;border-radius:8px;border:1px solid var(--border-color)}.asset-type-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;font-size:.9rem}.asset-type-item span:first-child{color:var(--accent-gold);font-weight:600}.asset-type-item span:last-child{color:var(--text-muted);font-size:.85rem}.rules-content::-webkit-scrollbar{width:8px}.rules-content::-webkit-scrollbar-track{background:transparent}.rules-content::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:4px}.rules-content::-webkit-scrollbar-thumb:hover{background:#00b8e6}@media(max-width:1400px){.left-panel,.right-panel{width:280px}}@media(max-width:1200px){.main-content{flex-direction:column}.left-panel,.right-panel{width:100%;flex-direction:row;overflow-x:auto}.right-panel-content{flex-direction:row}.control-panel,.asset-panel,.dashboard{min-width:300px}}.logo img{width:40px;height:40px;object-fit:contain;margin-top:10px}