@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";html,body,#root{width:100%;height:100%;overflow:hidden}:root{--bg-primary: #121510;--bg-secondary: #181c14;--bg-tertiary: #22281e;--bg-panel: #1a1f17;--accent-cyan: #7a9a5c;--accent-green: #8fbc6b;--accent-gold: #c9a227;--accent-red: #c45c4a;--accent-orange: #d4893a;--accent-purple: #6a7a5c;--text-primary: #d8dcc8;--text-secondary: #9aa38a;--text-muted: #6a7360;--border-color: #3a4234;--border-glow: transparent;--panel-edge: #4a5640;--shadow-lg: inset 0 0 0 1px rgba(122, 154, 92, .08);--shadow-glow: none;--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-display: "Barlow Condensed", "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;background:linear-gradient(180deg,rgba(122,154,92,.03) 0%,transparent 40%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.08) 2px,rgba(0,0,0,.08) 4px),var(--bg-primary)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:.55rem 1.25rem;background:var(--bg-secondary);border-bottom:2px solid var(--panel-edge);z-index:100}.logo{display:flex;align-items:center;gap:.85rem}.logo .icon{font-size:2rem;filter:none}.logo .title h1{font-family:var(--font-display);font-size:1.55rem;font-weight:700;letter-spacing:.18em;color:var(--accent-cyan);text-shadow:none}.logo .subtitle{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-weight:500}.header-info{display:flex;align-items:center;gap:1rem}.header-info .version{font-family:var(--font-mono);color:var(--text-muted);font-size:.8rem}.info-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .85rem;background:transparent;border:1px solid var(--panel-edge);border-radius:0;color:var(--text-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.info-btn:hover{background:#7a9a5c1f;border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:none;transform:none}.info-btn:active{transform:none}.header-info .badge{font-family:var(--font-display);background:var(--accent-red);color:#fff;padding:.2rem .6rem;border-radius:0;font-size:.7rem;font-weight:600;letter-spacing:.08em;animation:none}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:1}}.main-content{display:flex;flex:1;overflow:hidden;gap:.65rem;padding:.65rem}.left-panel,.right-panel{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto;overflow-x:hidden;padding-right:8px;scrollbar-gutter:stable}.right-panel-content{display:flex;flex-direction:column;gap:.65rem;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:.4rem 1.25rem;background:var(--bg-secondary);border-top:2px solid var(--panel-edge);font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.app-footer .status{color:var(--accent-green);font-family:var(--font-mono);animation:none;font-weight:500}@keyframes blink{0%,to{opacity:1}50%{opacity:1}}.panel-header{padding:.55rem .85rem;background:#7a9a5c0f;border-bottom:1px solid var(--border-color);border-left:3px solid var(--accent-cyan)}.panel-header h2{font-family:var(--font-display);font-size:.9rem;font-weight:600;letter-spacing:.16em;color:var(--accent-cyan)}.control-panel{background:var(--bg-panel);border:1px solid var(--panel-edge);border-radius:0;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);max-height:calc(100vh - 140px);position:relative}.control-panel:before,.asset-panel:before,.dashboard:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--accent-cyan),var(--accent-cyan)) top left / 10px 1px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) top left / 1px 10px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) top right / 10px 1px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) top right / 1px 10px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) bottom left / 10px 1px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) bottom left / 1px 10px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) bottom right / 10px 1px no-repeat,linear-gradient(var(--accent-cyan),var(--accent-cyan)) bottom right / 1px 10px no-repeat;opacity:.55;z-index:1}.time-display{display:flex;flex-direction:column;align-items:center;padding:1.1rem;background:#00000040;border-bottom:1px solid var(--border-color)}.time-display .day{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-gold);letter-spacing:.16em}.time-display .time{font-family:var(--font-mono);font-size:2.2rem;font-weight:500;color:var(--accent-green);text-shadow:none;letter-spacing:.08em}.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:#c9a2270d;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:var(--font-display);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:.7rem;border:1px solid transparent;border-radius:0;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .15s,background .15s,border-color .15s}.control-btn:hover{opacity:.92}.control-btn.start{background:#8fbc6b2e;border-color:var(--accent-green);color:var(--accent-green)}.control-btn.pause{background:#d4893a2e;border-color:var(--accent-orange);color:var(--accent-orange)}.control-btn.resume{background:#8fbc6b2e;border-color:var(--accent-green);color:var(--accent-green)}.control-btn.stop{background:#c45c4a2e;border-color:var(--accent-red);color:var(--accent-red)}.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:0;color:var(--text-secondary);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all .2s}.speed-btn.active{background:#7a9a5c33;color:var(--accent-green);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:0;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:#7a9a5c1a}.scenario-btn .name{font-weight:600;color:var(--text-primary)}.scenario-btn .threat{font-size:.8rem}.scenario-info{padding:1rem;background:#00000008;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:0;border:2px solid var(--panel-edge);box-shadow:var(--shadow-lg);cursor:crosshair;outline:1px solid rgba(122,154,92,.25);outline-offset:3px}.node-label{text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.status-text{font-family:var(--font-mono)}.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 1.8s ease-in-out infinite;filter:none}@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.05)}.threat-marker:hover .threat-pulse{animation-duration:.5s}.map-tooltip{position:absolute;background:var(--bg-panel);border:1px solid var(--panel-edge);border-radius:0;padding:.75rem 1rem;max-width:250px;pointer-events:none;z-index:100;box-shadow:var(--shadow-lg);font-family:var(--font-mono)}.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:#0000000a;border-radius:0;margin-top:.25rem}.map-legend{position:absolute;bottom:1rem;left:1rem;background:#1a1f17f2;border:1px solid var(--border-color);border-radius:0;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(--panel-edge);border-radius:0;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);max-height:45vh;flex-shrink:0;position:relative}.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:0;cursor:pointer;transition:all .2s;text-align:left}.asset-type-btn:hover:not(:disabled){border-color:var(--accent-cyan);background:#7a9a5c0d}.asset-type-btn:disabled{opacity:.5;cursor:not-allowed}.asset-type-btn.deployed{background:#8fbc6b1a;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:0;cursor:pointer;transition:all .2s}.asset-card:hover{border-color:var(--accent-cyan)}.asset-card.selected{border-color:var(--accent-green);background:#8fbc6b0d}.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:0;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-secondary);color:var(--text-muted)}.asset-header .status.moving{background:#7a9a5c33;color:var(--accent-cyan)}.asset-header .status.patrolling{background:#8fbc6b33;color:var(--accent-green)}.asset-header .status.stranded{background:#c45c4a33;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:0;overflow:hidden}.fuel-fill{height:100%;border-radius:0;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:0;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.refuel{background:#8fbc6b33;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:#c45c4a33;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:#00000008;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(--panel-edge);border-radius:0;overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-lg);flex:1;min-height:300px;position:relative}.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:0;text-align:center}.metric-card .value{font-family:var(--font-display);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:0;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:0;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:0}.threat-item .status.success{background:#8fbc6b33;color:var(--accent-green)}.threat-item .status.warning{background:#d4893a33;color:var(--accent-orange)}.threat-item .status.danger{background:#c45c4a33;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:0;overflow:hidden;margin-bottom:.5rem}.coverage-fill{height:100%;background:var(--accent-cyan);border-radius:0;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:0;border-left:2px solid var(--accent-cyan)}.efficiency-tips .tip.success{background:#8fbc6b1a;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:#4a5640;border-radius:5px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}*{scrollbar-width:auto;scrollbar-color:#4a5640 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:transparent;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.8rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:background .15s}.section-toggle:hover{background:#7a9a5c0f}.section-toggle span{flex:1;text-align:left}.instructions{padding:1rem;background:#00000008;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:transparent;border:1px solid var(--accent-cyan);color:var(--accent-cyan);border-radius:0;font-family:var(--font-mono);font-size:.7rem;font-weight:700;flex-shrink:0}.instruction-step strong{color:var(--accent-cyan)}.instruction-tip{margin-top:.75rem;padding:.5rem;background:#c9a2271a;border-radius:0;font-size:.8rem;color:var(--accent-gold);border-left:2px solid var(--accent-gold)}.settings-panel{padding:1rem;background:#00000008;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:var(--font-mono);font-weight:600}.setting-item input[type=range]{width:100%;height:6px;background:var(--bg-secondary);border-radius:0;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:transparent;border:1px solid var(--panel-edge);border-radius:0;color:var(--text-secondary);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;width:100%;justify-content:center}.arduino-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:none;transform:none}.arduino-btn.connected{background:#8fbc6b14;border-color:var(--accent-green);color:var(--accent-green)}.arduino-btn.connected:hover{background:#8fbc6b24;box-shadow:none}.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:none}.app-footer .status.active{color:var(--accent-green);animation:none}.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:#d4893a33;border:1px solid var(--accent-orange);border-radius:0;color:var(--accent-orange);font-size:.7rem;cursor:pointer;transition:all .2s}.intercept-btn:hover{background:#d4893a66}.threat-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-tertiary);border-radius:0;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:#c45c4a33}}.threat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.threat-meta .timer{font-size:.7rem;font-family:var(--font-mono);color:var(--text-muted)}.threat-meta .timer.urgent{color:var(--accent-red);font-weight:700;animation:none}.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:0;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:#00000008;border-radius:0}.resource-row .icon{font-size:1rem}.resource-row .name{flex:1;color:var(--text-secondary)}.resource-row .amount{font-family:var(--font-mono);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:#0000000a;border-radius:0;overflow:hidden;margin:0 .5rem}.resource-row .capacity-fill{height:100%;border-radius:0;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:#6b7c8a}.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:var(--font-mono);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:0;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:#0000000a;border-radius:0;overflow:hidden;margin-bottom:.75rem}.ports-progress-bar .progress-fill{height:100%;background:var(--accent-cyan);border-radius:0;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:0;color:var(--text-muted);border:1px solid transparent}.port-badge.visited{background:#8fbc6b26;color:var(--accent-green);border-color:#8fbc6b4d}.all-visited{margin-top:.75rem;padding:.5rem;background:#c9a2271a;border:1px solid rgba(201,162,39,.25);border-radius:0;text-align:center;color:var(--accent-gold);font-weight:600;font-size:.85rem;animation:none}@keyframes glow-pulse{0%,to{box-shadow:none}50%{box-shadow:none}}.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:0;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:#8fbc6b1a;border-radius:0;border:1px solid rgba(143,188,107,.2)}.cleared-route .route-name{font-size:.75rem;color:var(--accent-green)}.cleared-route .reform-timer{font-size:.7rem;color:var(--accent-cyan)}.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:#0a0c08c7;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-over-modal{background:var(--bg-panel);border:2px solid var(--panel-edge);border-radius:0;padding:2rem;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.game-over-header{text-align:center;margin-bottom:1.5rem}.game-over-header h1{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);text-shadow:none;letter-spacing:.12em;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:var(--font-display);font-size:4rem;font-weight:700;display:block;text-shadow:none}.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:#0000000a;border-radius:0;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:var(--font-mono);font-weight:600;font-size:1rem}.resources-summary{background:#00000008;border-radius:0;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:#0000000a;border-radius:0;overflow:hidden}.resource-bars .resource-item .fill{height:100%;border-radius:0;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,#5a6b7c,#7a8a9a)}.resource-bars .resource-item .amount{width:110px;text-align:right;font-family:var(--font-mono);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:#00000008;border-radius:0;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:0;background:#64748b33;color:var(--text-muted);border:1px solid transparent}.port-chip.visited{background:#8fbc6b26;color:var(--accent-green);border-color:#8fbc6b4d}.port-chip.unvisited{background:#c45c4a1a;color:var(--text-muted)}.all-ports-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#c9a2271f;border:1px solid var(--accent-gold);border-radius:0;color:var(--accent-gold);font-weight:600;animation:none}.damage-summary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#c45c4a1a;border:1px solid rgba(196,92,74,.3);border-radius:0;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:#7a9a5c26;border:1px solid var(--accent-cyan);border-radius:0;color:var(--accent-cyan);font-family:var(--font-mono);font-size:.85rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .15s ease;box-shadow:none}.restart-btn:hover{background:#7a9a5c47;box-shadow:none}.resource-bars .resource-item .fill.minerals,.resource-row .capacity-fill.minerals{background:#6b7c8a}.game-over-header .skull-icon{color:var(--text-secondary);margin-bottom:.5rem;filter:none}.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:0}.rules-overlay{position:fixed;inset:0;background:#0a0c08b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998}.rules-modal{width:90%;max-width:800px;max-height:90vh;background:var(--bg-panel);border:2px solid var(--panel-edge);border-radius:0;box-shadow:var(--shadow-lg);z-index:9999;overflow:hidden;display:flex;flex-direction:column}.rules-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);background:#7a9a5c0f}.rules-header h2{font-family:var(--font-display);font-size:1.35rem;color:var(--accent-cyan);margin:0;letter-spacing:.14em}.close-btn{background:transparent;border:1px solid var(--border-color);border-radius:0;color:var(--text-secondary);width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:none}.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:var(--font-display);font-size:1.1rem;color:var(--text-primary);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(--text-muted);font-weight:400}.rules-section ul li strong{color:var(--text-primary)}.asset-types{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:1rem;background:#00000008;border-radius:0;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:0}.rules-content::-webkit-scrollbar-thumb:hover{background:#8aab6a}@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}