@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Rajdhani:wght@400;600;700&display=swap";:root{--bg-primary: #0d0d14;--bg-panel: #14141f;--bg-panel-border: #2a2a3a;--text-primary: #e0e0e0;--text-secondary: #8888a0;--text-muted: #555570;--accent: #d4a940;--accent-dim: #a07a20;--danger: #c0392b;--success: #27ae60;--font-display: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-display);overflow:hidden}.app{width:100vw;height:100vh;position:relative}.game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.ui-topbar{position:absolute;top:0;left:0;right:0;min-height:48px;background:var(--bg-panel);border-bottom:1px solid var(--bg-panel-border);display:flex;align-items:center;gap:20px;padding:6px 20px;z-index:100;pointer-events:none}.game-title{font-family:var(--font-mono);font-size:20px;color:var(--accent);letter-spacing:6px;text-transform:uppercase}.game-info{display:flex;flex-direction:row;gap:14px;align-items:center}.game-info-right{margin-left:auto}.resource-stack{display:flex;flex-direction:column;gap:4px;align-items:stretch}.processed-row{gap:10px;opacity:.85}.btn-refinery{pointer-events:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;background:transparent;color:var(--accent);border:1px solid var(--accent);cursor:pointer;transition:background .15s}.btn-refinery:hover:not(:disabled){background:#d4a94026}.btn-refinery:disabled{opacity:.4;cursor:not-allowed}.info-item{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);letter-spacing:1px}.resource-readout{display:flex;gap:14px;align-items:center;justify-content:space-between}.resource-chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.resource-chip img{width:18px;height:18px}.manpower-chip{position:relative;padding:4px 8px;border:1px solid var(--border);border-radius:4px;pointer-events:auto}.manpower-chip.over-cap{color:#ff6b6b;border-color:#ff6b6b}.manpower-tooltip{position:absolute;top:100%;left:0;margin-top:6px;background:var(--bg-panel, #1a1a1f);border:1px solid var(--border);border-radius:4px;padding:6px 10px;z-index:200;min-width:130px;box-shadow:0 4px 12px #0006;font-size:11px;pointer-events:none}.manpower-tooltip-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 0;color:#fff;font-family:var(--font-mono)}.mp-row-production{color:#d6826a}.mp-row-logistics{color:#e5c95b}.mp-row-garrisons{color:#5aa8e6}.mp-row-regiments{color:#6cd07f}.mp-row-other{color:#9aa0a6}.manpower-tooltip-empty{color:var(--text-dim);font-style:italic;justify-content:center}.btn-end-turn{pointer-events:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;background:var(--accent);color:#1a1a1a;border:none;cursor:pointer;transition:background .15s}.btn-end-turn:hover:not(:disabled){background:var(--accent-dim)}.btn-end-turn:disabled{opacity:.5;cursor:not-allowed}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:200}.start-panel{text-align:center}.start-panel h1{font-family:var(--font-mono);font-size:56px;color:var(--accent);letter-spacing:16px;margin-bottom:8px}.start-panel p{font-size:18px;color:var(--text-secondary);letter-spacing:4px;margin-bottom:32px}.start-map-picker{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px}.start-map-label{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary)}.start-map-select{font-family:var(--font-mono);font-size:14px;color:#1a1a1a;background:#ececec;border:1px solid var(--bg-panel-border);padding:8px 14px;letter-spacing:1px;min-width:260px;cursor:pointer}.start-map-select option{color:#1a1a1a;background:#ececec}.start-map-select:disabled{opacity:.5;cursor:not-allowed}.btn-create{font-family:var(--font-mono);font-size:16px;color:var(--bg-primary);background:var(--accent);border:none;padding:14px 48px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .2s}.btn-create:hover{background:var(--accent-dim);transform:scale(1.02)}.btn-create:disabled{opacity:.5;cursor:not-allowed;transform:none}.hover-tooltip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-panel);border:1px solid var(--bg-panel-border);padding:8px 16px;display:flex;gap:16px;align-items:center;z-index:100;pointer-events:none;font-family:var(--font-mono);font-size:13px}.tooltip-terrain{color:var(--text-primary)}.tooltip-owner{font-weight:600}.tooltip-capital{color:var(--accent)}.tile-panel{position:absolute;top:60px;right:95px;width:280px;max-height:calc(100vh - 80px);overflow-y:auto;background:var(--bg-panel);border:1px solid var(--bg-panel-border);z-index:100}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--bg-panel-border)}.panel-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:1px;display:inline-flex;align-items:center;gap:8px}.panel-weather-icon{width:23px;height:23px;display:inline-block;vertical-align:middle;cursor:help;image-rendering:-webkit-optimize-contrast}.btn-close{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:4px}.btn-close:hover{color:var(--text-primary)}.panel-section{padding:12px 16px;border-bottom:1px solid var(--bg-panel-border)}.panel-section:last-child{border-bottom:none}.panel-section h4{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.detail-label{font-size:13px;color:var(--text-secondary)}.detail-value{font-size:13px;color:var(--text-primary);font-weight:600}.tile-coord{color:var(--text-secondary);font-weight:400;font-family:var(--font-mono);font-size:11px}.detail-mono{font-family:var(--font-mono);font-size:12px}.resource-item{font-family:var(--font-mono);font-size:12px;color:var(--text-primary);padding:3px 0;display:flex;align-items:center;gap:8px}.resource-icon{width:18px;height:18px;flex-shrink:0}.legend-panel{position:absolute;top:64px;left:16px;width:160px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);padding:10px 12px;z-index:100}.legend-panel h4{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.legend-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.legend-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;border:1px solid var(--bg-panel-border);background:var(--bg-primary);cursor:pointer;position:relative;flex-shrink:0}.legend-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.legend-row input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:4px;height:8px;border:solid var(--bg-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.legend-row:hover{color:var(--accent)}.mapview-panel{position:absolute;top:248px;left:16px;width:160px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);padding:10px 12px;z-index:100}.all-players-debug{position:absolute;bottom:16px;left:16px;width:320px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);padding:10px 12px;z-index:100;pointer-events:auto}.all-players-debug h4{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin:0 0 8px}.terrain-debug{position:absolute;bottom:260px;left:16px;width:320px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);padding:10px 12px;z-index:100;pointer-events:auto}.terrain-debug h4{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin:0 0 8px}.terrain-debug-rows{display:flex;flex-direction:column;gap:4px}.terrain-debug-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.terrain-debug-label{color:var(--text-primary, #ddd);text-transform:capitalize}.terrain-debug-count{color:var(--text-secondary);min-width:28px;text-align:right}.terrain-debug-pct{color:var(--text-muted);min-width:44px;text-align:right}.all-players-rows{display:flex;flex-direction:column;gap:4px}.all-players-row{display:grid;grid-template-columns:14px 1fr auto;gap:8px;align-items:center;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.player-swatch{width:12px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.4)}.player-name{color:var(--text-primary, #ddd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-pool{color:var(--text-secondary);white-space:nowrap}.mapview-panel h4{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}.mapview-buttons{display:flex;flex-direction:column;gap:4px}.mapview-btn{background:var(--bg-primary);border:1px solid var(--bg-panel-border);color:var(--text-secondary);font-family:var(--font-display);font-size:12px;letter-spacing:1px;padding:6px 10px;cursor:pointer;text-align:left;transition:color .15s,border-color .15s}.mapview-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.mapview-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg-primary);font-weight:600}.effects-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.effect-chip{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-primary);border:1px solid var(--bg-panel-border);font-size:16px;cursor:help;-webkit-user-select:none;user-select:none}.building-slot-row{display:flex;flex-wrap:wrap;gap:6px}.building-slot-wrap{position:relative}.building-slot{width:36px;height:36px;background:var(--bg-primary);border:1px dashed var(--bg-panel-border);color:var(--text-muted);font-size:18px;font-family:var(--font-display);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;position:relative}.building-slot:hover{border-color:var(--accent);color:var(--accent)}.building-slot.active{border-color:var(--accent);border-style:solid;color:var(--accent)}.building-slot img{width:28px;height:28px;display:block}.building-picker{position:absolute;top:40px;left:0;z-index:110;width:200px;background:var(--bg-panel);border:1px solid var(--accent);box-shadow:0 4px 12px #00000080;padding:4px}.building-picker-header{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;padding:6px 8px 4px;border-bottom:1px solid var(--bg-panel-border);margin-bottom:2px}.building-picker-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-display);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.building-picker-row:hover{background:var(--bg-primary);color:var(--accent)}.building-picker-row img{width:22px;height:22px;flex-shrink:0}.base-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.base-icon{width:36px;height:36px;flex-shrink:0}.base-info{flex:1}.base-tier{font-size:13px;font-weight:600;color:var(--text-primary)}.base-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.base-action{width:100%;background:var(--bg-primary);border:1px solid var(--bg-panel-border);color:var(--text-secondary);font-family:var(--font-display);font-size:12px;letter-spacing:1px;padding:8px 10px;cursor:pointer;transition:color .15s,border-color .15s}.base-action:hover{color:var(--accent);border-color:var(--accent)}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:auto}.refinery-modal{width:675px;max-width:90vw;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009}.refinery-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--bg-panel-border)}.refinery-header h3{font-family:var(--font-mono);font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0}.refinery-modal .refinery-header{padding:18px 23px}.refinery-modal .refinery-header h3{font-size:18px}.refinery-summary{padding:15px 23px;border-bottom:1px solid var(--bg-panel-border);display:flex;flex-direction:column;gap:8px;font-family:var(--font-mono);font-size:15px;color:var(--text-secondary)}.summary-line{display:flex;justify-content:space-between;align-items:center;gap:12px}.summary-raws{display:inline-flex;gap:10px;margin:0 auto}.summary-raw-chip{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted, #888);font-size:13px}.summary-raw-chip img{width:18px;height:18px}.summary-pool{display:inline-flex;gap:12px;color:var(--accent)}.refinery-rows{padding:18px 23px;display:flex;flex-direction:column;gap:13px}.refinery-row{display:grid;grid-template-columns:48px 88px 1fr 138px;gap:13px;align-items:center;font-family:var(--font-mono);font-size:15px}.row-stockpile{color:var(--text-muted, #888);text-align:right;font-size:14px}.row-cost,.row-output{display:inline-flex;align-items:center;gap:8px}.row-cost{color:#d6826a;justify-content:flex-end}.row-cost.shortfall{color:#ff5050;font-weight:700}.row-output{color:#6cd07f}.row-icon{width:23px;height:23px}.row-amt{min-width:40px}.row-shortfall{color:#f88;font-size:13px;margin-left:5px}.summary-line .over{color:#ff5050;font-weight:700}.btn-modal-save:disabled{opacity:.4;cursor:not-allowed;background:var(--accent)}.btn-modal-save:disabled:hover{background:var(--accent)}.refinery-row input[type=range]{width:100%;accent-color:var(--accent);height:8px}.refinery-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--bg-panel-border)}.refinery-modal .refinery-actions{gap:10px;padding:15px 23px}.refinery-modal .btn-modal-cancel,.refinery-modal .btn-modal-save{font-size:15px;padding:8px 18px}.btn-modal-cancel,.btn-modal-save{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;border:1px solid var(--bg-panel-border);background:transparent;color:var(--text-secondary);cursor:pointer}.btn-modal-save{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.btn-modal-cancel:hover{color:var(--accent);border-color:var(--accent)}.btn-modal-save:hover{background:var(--accent-dim)}.btn-stockpile{pointer-events:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;background:transparent;color:var(--accent);border:1px solid var(--accent);cursor:pointer;transition:background .15s}.btn-stockpile:hover{background:#d4a94026}.production-modal{width:900px;max-width:92vw;max-height:88vh;overflow:auto;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009}.stockpile-modal{width:720px;max-width:92vw;max-height:88vh;overflow:auto;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009}.production-modal .refinery-header{padding:18px 23px}.production-modal .refinery-header h3{font-size:18px}.production-modal .refinery-actions{padding:15px 23px;gap:10px}.production-modal .btn-modal-cancel,.production-modal .btn-modal-save{font-size:15px;padding:8px 18px}.prod-tabs{display:flex;gap:4px;padding:0 18px;border-bottom:1px solid var(--bg-panel-border)}.prod-tab{pointer-events:auto;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:10px 16px;background:transparent;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;cursor:pointer}.prod-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.prod-tab:disabled{opacity:.4;cursor:not-allowed}.production-modal .prod-tabs{padding:0 23px}.production-modal .prod-tab{font-size:15px;padding:13px 20px}.prod-section{padding:12px 18px;border-bottom:1px solid var(--bg-panel-border)}.prod-section-label,.prod-category-label{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted, #888);margin-bottom:6px}.production-modal .prod-section{padding:15px 23px}.production-modal .prod-section-label,.production-modal .prod-category-label{font-size:13px;margin-bottom:8px}.prod-slots{display:flex;flex-wrap:wrap;gap:4px}.prod-slot{pointer-events:auto;width:36px;height:36px;background:#ffffff0a;border:1px solid var(--bg-panel-border);padding:2px;cursor:default;display:flex;align-items:center;justify-content:center}.prod-slot.filled{cursor:pointer;border-color:var(--accent-dim)}.prod-slot.filled:hover{border-color:#ff5050;background:#ff50501a}.prod-slot img{width:100%;height:100%;object-fit:contain}.prod-summary{display:flex;flex-direction:column;gap:6px}.prod-summary-line{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:12px}.prod-summary-label{color:var(--text-secondary);min-width:78px;letter-spacing:1px;text-transform:uppercase;font-size:10px}.prod-summary-pool{display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap}.prod-cost-chip{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary)}.prod-cost-chip img{width:16px;height:16px}.prod-cost-chip.over{color:#ff5050;font-weight:700}.prod-empty{color:var(--text-muted, #666)}.production-modal .prod-summary-line{font-size:15px;gap:14px}.production-modal .prod-summary-label{font-size:13px;min-width:98px}.production-modal .prod-cost-chip img{width:20px;height:20px}.prod-grid{padding:12px 18px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--bg-panel-border)}.prod-category-row{display:grid;gap:18px}.prod-category-row.cols-2{grid-template-columns:1fr 1fr}.prod-category-row.cols-1{grid-template-columns:1fr}.prod-category{display:flex;flex-direction:column}.prod-items{display:flex;flex-wrap:wrap;gap:4px}.prod-item{pointer-events:auto;width:44px;height:44px;background:#ffffff0a;border:1px solid var(--bg-panel-border);padding:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.prod-item:hover{border-color:var(--accent);background:#d4a9401f}.prod-item img{width:100%;height:100%;object-fit:contain}.production-modal .prod-grid{padding:15px 23px;gap:13px}.production-modal .prod-items{gap:5px}.production-modal .prod-item{width:55px;height:55px;padding:4px}.stockpile-items{display:flex;flex-wrap:wrap;gap:6px}.stockpile-item{position:relative;width:53px;height:53px;background:#ffffff0a;border:1px solid var(--bg-panel-border);padding:3px;display:flex;align-items:center;justify-content:center}.stockpile-item img{width:100%;height:100%;object-fit:contain}.stockpile-count{position:absolute;bottom:1px;right:3px;font-family:var(--font-mono);font-size:11px;color:var(--accent);text-shadow:0 0 4px rgba(0,0,0,.9);font-weight:700}.equipment-tooltip{position:fixed;z-index:300;pointer-events:none;background:#0d0d14f5;border:1px solid var(--accent-dim);padding:8px 10px;min-width:120px;box-shadow:0 4px 12px #0009;font-family:var(--font-mono)}.tt-header{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--accent);letter-spacing:.5px}.tt-cost{display:flex;gap:10px;align-items:center;margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--text-secondary)}.tt-cost-chip{display:inline-flex;align-items:center;gap:4px}.tt-cost-chip img{width:14px;height:14px}.tt-yield{margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--text-secondary)}.btn-refinery.stale{border-color:#ff5050;color:#ff5050;animation:stale-pulse 1.6s ease-in-out infinite}.btn-refinery.stale:hover:not(:disabled){background:#ff505026}@keyframes stale-pulse{0%,to{box-shadow:0 0 #ff505000}50%{box-shadow:0 0 0 3px #ff505059}}.prod-locked-banner{background:#d4a94014;color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase}.prod-slot.locked{cursor:default;opacity:.85}.prod-slot.locked.filled:hover{border-color:var(--accent-dim);background:#ffffff0a}.construction-panel{position:absolute;top:60px;right:12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px 12px;z-index:50}.construction-panel h4{margin:0 0 8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase;color:var(--accent)}.construction-slot-row{display:flex;flex-direction:column;gap:6px}.construction-slot{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:4px;background:#ffffff08;cursor:default;padding:0}.construction-slot.empty{opacity:.5}.construction-slot.in-flight{cursor:pointer;background:#d4a94014;border-color:var(--accent-dim)}.construction-slot.in-flight:hover{border-color:var(--accent)}.construction-slot.locked{opacity:.4;cursor:not-allowed;background:#ffffff05;border-style:dashed}.construction-lock{font-size:14px;filter:grayscale(.5)}.construction-slot img{width:28px;height:28px;object-fit:contain}.construction-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:var(--accent);color:#000;border-radius:9px;font-family:var(--font-mono);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.building-slot.filled{background:#ffffff0a;cursor:pointer}.building-slot.in-progress{opacity:.65;border-color:var(--accent-dim)}.building-slot.in-progress:hover{border-color:var(--accent);opacity:.85}.building-slot.operational{border-color:var(--success, #4caf50);cursor:default}.building-slot img{width:28px;height:28px;object-fit:contain}.building-picker-row{display:flex;align-items:center;gap:8px;padding:6px 8px}.building-picker-row.disabled{opacity:.5;cursor:not-allowed}.picker-row-text{display:flex;flex-direction:column;gap:2px;text-align:left}.picker-row-label{font-size:12px;color:var(--text)}.picker-row-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-dim)}.picker-row-turns{background:#ffffff0f;padding:1px 4px;border-radius:3px;font-family:var(--font-mono)}.picker-row-cost{display:inline-flex;align-items:center;gap:3px}.picker-row-cost img{width:12px;height:12px}.picker-row-cost.over{color:var(--danger, #d44)}.construction-modal{background:var(--bg-panel);border:1px solid var(--bg-panel-border);border-radius:8px;padding:16px 20px;min-width:360px;max-width:440px;box-shadow:0 8px 32px #0009}.construction-modal-icon{width:48px;height:48px;object-fit:contain;float:left;margin-right:12px}.construction-modal-body{font-size:13px;line-height:1.5}.construction-modal-description{margin-bottom:8px;color:var(--text-dim);font-style:italic}.construction-modal-cost{margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:var(--text-dim)}.construction-cost-chip{display:inline-flex;align-items:center;gap:3px;background:#ffffff0a;padding:2px 6px;border-radius:3px}.construction-cost-chip img{width:12px;height:12px}.building-picker-modal{background:var(--panel, #1a1a1f);border:1px solid var(--border);border-radius:8px;padding:12px 14px;width:280px;max-width:90vw;max-height:80vh;overflow-y:auto}.building-picker-grid{display:flex;flex-direction:column;gap:6px;margin-top:10px}.building-card{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#ffffff08;border:1px solid var(--border);border-radius:5px;cursor:pointer;transition:border-color .1s,background .1s;text-align:left}.building-card:hover:not(:disabled){border-color:var(--accent);background:#d4a94014}.building-card.disabled,.building-card:disabled{opacity:.45;cursor:not-allowed}.building-card-icon{width:36px;height:36px;object-fit:contain;flex-shrink:0}.building-card-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.building-card-label{font-size:13px;color:#fff;font-weight:500}.building-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.building-card-turns{font-family:var(--font-mono);font-size:10px;background:#ffffff1a;padding:1px 5px;border-radius:3px;color:#fff}.building-card-cost-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:#fff;font-family:var(--font-mono)}.building-card-cost-chip img{width:12px;height:12px}.building-card-cost-chip.over{color:var(--danger, #d44)}.fuel-bar-wrap{display:flex;flex-direction:column;gap:2px;margin-left:6px;pointer-events:auto;position:relative}.fuel-bar{position:relative;width:100px;height:14px;background:#ffffff14;border:1px solid var(--border);border-radius:3px;overflow:hidden;display:flex;cursor:help}.fuel-bar-segment{height:100%}.fuel-diesel{background:#d65a2c}.fuel-petrol{background:#d4a73b}.fuel-bar-label{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);text-align:center}.fuel-bar-tooltip{position:absolute;top:100%;right:0;margin-top:6px;background:var(--bg-panel, #1a1a1f);border:1px solid var(--border);border-radius:4px;padding:6px 10px;z-index:200;min-width:130px;box-shadow:0 4px 12px #0006;font-size:11px;pointer-events:none}.fuel-bar-tooltip-row{display:flex;align-items:center;gap:6px;padding:2px 0;color:#fff}.fuel-bar-tooltip-row img{width:20px;height:20px;object-fit:contain}.fuel-bar-tooltip-divider{height:1px;background:var(--border);margin:4px 0}.fuel-bar-tooltip-total{justify-content:space-between;color:var(--text-dim);font-family:var(--font-mono)}.resource-cap{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);margin-left:auto;padding:2px 6px;background:#ffffff0a;border-radius:3px}.overflow-modal{background:var(--bg-panel, #1a1a1f);border:1px solid var(--border);border-radius:8px;padding:16px 20px;width:480px;max-width:90vw;max-height:85vh;overflow-y:auto}.overflow-explanation{font-size:12px;color:var(--text-dim);margin-bottom:10px}.overflow-section{border-top:1px solid var(--border);padding-top:10px;margin-top:10px}.overflow-section:first-of-type{border-top:none}.overflow-section-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.overflow-section-total{font-family:var(--font-mono);font-size:11px;color:#fff;background:#ffffff0f;padding:2px 6px;border-radius:3px}.overflow-section-total.over{color:var(--danger, #d44);background:#d4444426}.overflow-row{display:grid;grid-template-columns:24px 110px 1fr 70px;gap:8px;align-items:center;padding:4px 0}.overflow-row-icon{width:20px;height:20px;object-fit:contain}.overflow-row-label{font-size:12px;color:#fff}.overflow-row-slider{width:100%}.overflow-row-value{font-family:var(--font-mono);font-size:11px;color:#fff;text-align:right}.training-modal{width:980px;max-width:96vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009}.training-body{display:grid;grid-template-columns:220px minmax(0,1fr) 220px;gap:12px;padding:14px 16px;overflow-y:auto;overflow-x:hidden;min-width:0}.training-section-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.training-modal .training-section-label,.training-modal .training-col-label{color:#b8bcc4}.training-modal .training-slot.empty{color:#7a8090}.training-modal .training-empty-stats{color:#b0b4be;font-style:normal}.training-modal .training-name-input::placeholder{color:#8a8f99}.training-modal .training-name-input{color:#ececec}.training-empty-stats{font-size:12px;color:var(--text-dim);font-style:italic;padding:12px 4px}.training-stats{font-family:var(--font-mono);font-size:12px;min-width:0}.stat-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-secondary)}.stat-row-sep{height:1px;background:var(--bg-panel-border);margin:6px 0}.stat-delta{font-size:11px;color:var(--text-dim);margin-left:4px}.stat-good{color:#6cce6c}.stat-bad{color:#ff6b6b}.training-editor{display:flex;flex-direction:column;gap:10px;min-width:0}.training-editor-header{display:flex;gap:12px;align-items:center}.training-name-input{flex:1;padding:6px 8px;background:#ffffff0a;border:1px solid var(--bg-panel-border);color:var(--text-primary, #ddd);font-family:var(--font-mono);font-size:12px}.training-name-input:disabled{opacity:.4;cursor:not-allowed}.training-motorize{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary);cursor:pointer}.training-motorize input[type=checkbox]:disabled+*{opacity:.4}.training-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-col{display:flex;flex-direction:column;gap:4px}.training-col-label{font-family:var(--font-mono);font-size:10px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:4px;text-align:center}.training-slot{height:42px;background:#ffffff0a;border:1px solid var(--bg-panel-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;transition:background .12s,border-color .12s;padding:4px 6px}.training-slot.empty{color:var(--text-muted);font-size:16px}.training-slot.filled{background:#ffffff14;color:var(--text-primary, #ddd)}.training-slot.support{background:#78643c14}.training-slot:hover:not(:disabled){border-color:var(--accent, #d4a047);background:#ffffff1a}.training-slot:disabled{opacity:.4;cursor:not-allowed}.training-equipment{margin-top:4px}.training-equipment-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.training-equipment-chip{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);background:#ffffff0a;padding:2px 6px;border-radius:3px;text-transform:capitalize}.training-actions{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:10px;border-top:1px solid var(--bg-panel-border)}.training-actions-left{display:flex;align-items:center;gap:10px}.training-actions-right{display:flex;gap:6px}.btn-template-delete{padding:6px 12px;background:#ff505026;color:#ff8a8a;border:1px solid rgba(255,80,80,.4);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.btn-template-delete:disabled{opacity:.35;cursor:not-allowed}.template-usage-counter{font-family:var(--font-mono);font-size:10px;color:var(--text-muted)}.training-slots-list{display:flex;flex-direction:column;gap:4px;min-width:0}.template-slot{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0a;border:1px solid var(--bg-panel-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:11px;cursor:pointer;text-align:left;min-height:34px}.template-slot.empty{justify-content:center;color:var(--text-muted);font-size:16px}.template-slot.selected{border-color:var(--accent, #d4a047);background:#d4a0471a}.template-slot:hover{background:#ffffff14}.template-slot-name{flex:1;color:var(--text-primary, #ddd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-slot-usage{color:var(--text-muted)}.template-icon-badge{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:3px;background:#1a1a1a;flex-shrink:0}.template-icon-badge img{width:18px;height:18px;object-fit:contain}.company-picker-modal{width:720px;max-width:90vw;max-height:80vh;overflow:auto;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #000c}.company-picker-grid{display:flex;flex-direction:column;gap:14px;padding:14px 16px}.company-picker-group-label{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}.company-picker-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.company-pick-card{padding:8px 10px;background:#ffffff0a;border:1px solid var(--bg-panel-border);color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;text-align:left;transition:background .12s,border-color .12s}.company-pick-card:hover{background:#ffffff1a;border-color:var(--accent, #d4a047)}.company-pick-label{font-size:12px;color:var(--text-primary, #ddd);margin-bottom:4px}.company-pick-meta{display:flex;gap:10px;font-size:10px;color:var(--text-muted)}.company-pick-remove{background:#ff50501a;border-color:#ff50504d}.company-pick-remove:hover{background:#ff50502e;border-color:#ff505099}.recruit-inflight{display:flex;flex-direction:column;gap:6px}.recruit-inflight-label{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.recruit-inflight-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.recruit-picker{display:flex;flex-direction:column;gap:4px}.recruit-empty{font-size:12px;color:var(--text-muted);font-style:italic;padding:6px 0}.recruit-template-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0a;border:1px solid var(--bg-panel-border);color:var(--text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer;text-align:left}.recruit-template-row:hover:not(:disabled){background:#ffffff14;border-color:var(--accent, #d4a047)}.recruit-template-row.disabled{opacity:.4;cursor:not-allowed}.recruit-template-name{flex:1;color:var(--text-primary, #ddd)}.recruit-cancel-picker{margin-top:4px}.regiment-strip{position:absolute;top:60px;right:375px;display:flex;flex-direction:column;gap:2px;z-index:100;pointer-events:none}.regiment-strip-item{pointer-events:auto;width:32px;height:32px;padding:4px;background:#1a1a1a;border:2px solid #888;cursor:pointer;display:flex;align-items:center;justify-content:center}.regiment-strip-item.selected{outline:2px solid var(--accent, #d4a047);outline-offset:-2px}.regiment-strip-icon-mask{width:100%;height:100%;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.regiment-strip-counts{gap:4px}.regiment-strip-count-pill{pointer-events:auto;min-width:32px;padding:4px 6px;background:#1a1a1a;border:2px solid #888;color:#888;font-size:11px;font-weight:600;text-align:center;white-space:nowrap;cursor:help}.tile-vision-tier{font-style:italic;color:#a0a0a0;font-size:11px}.building-fog-hint{font-size:11px;color:#888;font-style:italic;margin-top:4px}.regiment-detail-card{position:absolute;bottom:20px;left:20px;width:280px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);z-index:100}.regiment-detail-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--bg-panel-border)}.regiment-detail-badge{width:26px;height:26px;padding:3px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border:2px solid #888;flex-shrink:0}.regiment-detail-badge-mask{width:100%;height:100%;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.regiment-detail-name{flex:1;font-family:var(--font-mono);font-size:13px;color:var(--text-primary, #ececec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.regiment-detail-close{flex-shrink:0}.regiment-detail-stats{padding:10px 12px;font-family:var(--font-mono);font-size:12px}.rd-row{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-secondary)}.rd-row>span:last-child{color:var(--text-primary, #ececec)}.rd-sep{height:1px;background:var(--bg-panel-border);margin:6px 0}.rd-pending{align-items:center}.rd-pending>span{color:#d4a047}.rd-cancel-btn{background:#ff6b6b26;border:1px solid rgba(255,107,107,.4);color:#ff6b6b;padding:3px 8px;font-family:var(--font-mono);font-size:11px;cursor:pointer}.rd-cancel-btn:hover{background:#ff6b6b40}.game-toast{position:absolute;left:50%;bottom:30%;transform:translate(-50%);padding:12px 24px;background:#140a0ad9;border:1px solid #ff6b6b;color:#ff8585;font-family:var(--font-mono);font-size:14px;font-weight:700;letter-spacing:1px;pointer-events:none;z-index:1000;animation:toast-rise 1.8s ease-out forwards}@keyframes toast-rise{0%{opacity:0;transform:translate(-50%)}15%{opacity:1;transform:translate(-50%,-10px)}85%{opacity:1;transform:translate(-50%,-60px)}to{opacity:0;transform:translate(-50%,-90px)}}.recruitment-tab-body{display:block;padding:16px 20px}.recruit-cards{display:grid;grid-template-columns:1fr;gap:10px;width:100%;max-height:60vh;overflow-y:auto}.recruit-card{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#ffffff0a;border:1px solid var(--bg-panel-border);min-width:0}.recruit-card-header{flex:1 1 0;min-width:0;display:flex;justify-content:center}.recruit-card-title{font-family:var(--font-mono);font-size:13px;color:#ececec;white-space:nowrap}.recruit-card-body{flex:1 1 0;min-width:0;display:flex;justify-content:center}.recruit-card-body>.base-action,.recruit-card-body>.rd-cancel-btn{flex:0 0 auto;min-width:90px}.recruit-card-body:has(.recruit-card-picker){display:block}.recruit-card-inflight{display:flex;align-items:center;gap:12px}.recruit-card-inflight-label{font-family:var(--font-mono);font-size:12px;color:#b8bcc4;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recruit-card-inflight-label b{color:#ececec}.recruit-card-inflight-meta{font-family:var(--font-mono);font-size:11px;color:#b0b4be;white-space:nowrap}.recruit-card-picker{display:flex;flex-direction:column;gap:4px;width:100%}.regiment-detail-multi{position:absolute;bottom:20px;left:20px;width:320px;background:var(--bg-panel);border:1px solid var(--bg-panel-border);z-index:100}.regiment-detail-multi-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--bg-panel-border);font-family:var(--font-mono);font-size:12px;color:#b8bcc4;letter-spacing:1px;text-transform:uppercase}.regiment-detail-multi-list{max-height:40vh;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.regiment-thin-card{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#ffffff0a;border:1px solid var(--bg-panel-border);font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);cursor:pointer;text-align:left}.regiment-thin-card:hover{background:#ffffff1a;border-color:var(--accent, #d4a047)}.regiment-thin-badge{width:22px;height:22px;padding:2px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border:2px solid #888;flex-shrink:0}.regiment-thin-badge-mask{width:100%;height:100%;display:block;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.regiment-thin-name{flex:1;min-width:0;color:#ececec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.regiment-thin-stat{flex-shrink:0;color:#b8bcc4;font-size:10px}.fuel-bar-wrap-outer{position:relative}.fuel-alert{position:absolute;top:calc(100% + 4px);left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;background:#280e0ef2;border:1px solid #ff6b6b;color:#ff8585;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;z-index:90;animation:fuel-alert-fade 10s linear forwards}.manpower-banner{position:absolute;top:48px;left:0;right:0;padding:8px 20px;background:#280e0ef2;border-bottom:1px solid #ff6b6b;color:#ff8585;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center;z-index:95;pointer-events:none}.fuel-alert-close{background:transparent;border:none;color:#ff8585;font-size:12px;cursor:pointer;padding:0 4px;line-height:1}.fuel-alert-close:hover{color:#fff}@keyframes fuel-alert-fade{0%{opacity:1}60%{opacity:1}to{opacity:0}}.training-slot.filled{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px}.training-slot-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.training-slot-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ececec}.company-pick-card{position:relative}.company-pick-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;object-fit:contain;opacity:.9}.company-pick-card .company-pick-label{color:#ececec}.company-pick-card .company-pick-meta{color:#b8bcc4}.training-icon-btn{width:36px;height:36px;flex-shrink:0;background:#ffffff0a;border:1px solid var(--bg-panel-border);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.training-icon-btn:hover:not(:disabled){border-color:var(--accent, #d4a047);background:#ffffff14}.training-icon-btn:disabled{opacity:.4;cursor:not-allowed}.training-icon-btn img{width:100%;height:100%;object-fit:contain}.icon-picker-modal{width:520px;max-width:96vw;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009;display:flex;flex-direction:column}.icon-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;max-height:70vh;overflow-y:auto}.icon-pick-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:#ffffff0a;border:1px solid var(--bg-panel-border);cursor:pointer}.icon-pick-card:hover{background:#ffffff1a;border-color:var(--accent, #d4a047)}.icon-pick-card.selected{border-color:#d4a047;background:#d4a0471f}.icon-pick-card img{width:64px;height:64px;object-fit:contain}.icon-pick-label{font-family:var(--font-mono);font-size:11px;color:#ececec;text-align:center}.recruit-btn-compact{flex:0 0 auto;min-width:90px}.recruit-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000}.recruit-card-picker-floating{position:fixed;z-index:9001;min-width:240px;max-width:320px;max-height:320px;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 24px #0009;padding:4px;display:flex;flex-direction:column;gap:2px}.depot-panel{padding:12px 16px;border-top:1px solid var(--bg-panel-border);display:flex;flex-direction:column;gap:10px;font-size:13px}.depot-panel-row{display:flex;align-items:center;gap:8px}.depot-panel-label{color:#999}.depot-panel-value{color:#ddd}.depot-panel-status{font-weight:600}.depot-panel-summary{display:flex;flex-direction:column;gap:4px}.depot-panel-served-list{list-style:none;margin:4px 0 0;padding:0;max-height:100px;overflow-y:auto;border-top:1px dashed #333}.depot-panel-served-item{padding:2px 4px;font-size:12px;color:#ccc}.depot-panel-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-depot-toggle{background:#222;border:1px solid #444;color:#ddd;padding:4px 10px;font-size:12px;border-radius:3px;cursor:pointer}.btn-depot-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-depot-toggle:disabled{opacity:.4;cursor:not-allowed}.depot-panel-error{color:#e66;font-size:12px}.depot-panel-loading{color:#999;font-size:12px}.depot-conn-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid #111;box-shadow:0 0 4px #000000b3 inset}.depot-conn-strong{background:#3ab050}.depot-conn-weak{background:#d8a040}.depot-conn-disconnected{background:#c04040}.depot-conn-unknown{background:#666}.building-slot-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;border:1px solid #111;pointer-events:none}.btn-battle-log{position:fixed;right:16px;bottom:16px;z-index:50;background:#2a0808;border:1px solid #E83030;color:#ffd5d5;padding:10px 16px;font-size:13px;font-family:var(--font-display);cursor:pointer;border-radius:4px;letter-spacing:.05em}.btn-battle-log:hover{background:#3a0a0a;border-color:#ff5050;color:#fff}.battle-log-modal,.battle-detail-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:560px;max-height:80vh;background:var(--bg-panel);border:1px solid var(--bg-panel-border);display:flex;flex-direction:column;z-index:200}.battle-detail-modal{width:980px;max-height:88vh}.battle-log-body,.battle-detail-body{padding:16px;overflow-y:auto}.battle-log-empty{color:#888;font-size:13px;text-align:center;padding:20px}.battle-log-card{display:block;width:100%;text-align:left;background:#1c1c1f;border:1px solid #3a3a3f;color:#ddd;padding:12px 14px;margin-bottom:8px;border-radius:4px;cursor:pointer}.battle-log-card:hover{border-color:var(--accent)}.battle-log-won{border-left:4px solid #3ab050}.battle-log-lost{border-left:4px solid #c04040}.battle-log-draw{border-left:4px solid #888}.battle-log-region{font-weight:600;font-size:14px;margin-bottom:4px}.battle-log-result{display:inline-block;font-size:11px;letter-spacing:.08em;margin-right:8px;color:#ccc}.battle-log-meta{font-size:11px;color:#888}.battle-detail-columns{display:grid;grid-template-columns:1fr 140px 1fr;gap:14px;align-items:start}.battle-side{background:#15161a;border:1px solid #2a2b2f;border-radius:4px;padding:12px}.battle-side-label{font-family:var(--font-display);font-size:12px;letter-spacing:.08em;color:var(--accent);margin-bottom:8px;text-transform:uppercase;display:flex;align-items:center;gap:10px}.battle-modifier-badges{display:inline-flex;align-items:center;gap:8px}.battle-modifier-badge{display:inline-flex;align-items:center;gap:2px;padding:3px 6px;border-radius:3px;background:#1f2025}.battle-modifier-badge.buff{box-shadow:inset 0 0 0 1px #40c06059}.battle-modifier-badge.debuff{box-shadow:inset 0 0 0 1px #dc484859}.battle-modifier-icon{width:24px;height:24px;image-rendering:-webkit-optimize-contrast}.battle-modifier-chevrons{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:12px;height:24px;gap:0}.battle-modifier-chevron{width:12px;height:8px;display:block;margin-top:-3px}.battle-modifier-chevron:first-child{margin-top:0}.battle-modifier-badge.buff .battle-modifier-chevron{filter:invert(58%) sepia(80%) saturate(700%) hue-rotate(85deg) brightness(95%) contrast(90%)}.battle-modifier-badge.debuff .battle-modifier-chevron{filter:invert(28%) sepia(95%) saturate(2200%) hue-rotate(345deg) brightness(100%) contrast(95%)}.battle-side-group-label{font-size:11px;color:#888;margin:10px 0 4px;letter-spacing:.04em;text-transform:uppercase}.battle-engaged-damage{font-size:11px;color:#b8b8b8;text-transform:none;letter-spacing:0;font-weight:400;margin-left:2px}.battle-engaged-damage b{color:#e8e8e8;font-weight:700}.battle-side-width{font-size:11px;color:#a8a8a8;letter-spacing:.03em;margin-top:-2px;margin-bottom:2px;font-variant-numeric:tabular-nums}.battle-side-width-flank{color:#6fc78a;margin-left:4px}.battle-regiment-row{background:#1f2025;padding:8px 10px;border-radius:3px;margin-bottom:5px;font-size:13px;display:flex;align-items:center;gap:10px}.battle-regiment-icon{width:28px;height:28px;flex-shrink:0;image-rendering:-webkit-optimize-contrast}.battle-regiment-body{flex:1;min-width:0}.battle-regiment-name{color:#ddd;font-weight:500;margin-bottom:2px}.battle-regiment-stats{color:#999;font-size:11px;display:flex;gap:10px}.battle-regiment-hidden{color:#777;font-style:italic}.battle-empty{color:#555;font-size:11px;font-style:italic}.battle-hidden-count{color:#888;font-size:11px;font-style:italic}.battle-base-card{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:8px;background:#ffffff08;border:1px solid var(--bg-panel-border)}.battle-terrain{text-align:center;padding:18px 6px;display:flex;flex-direction:column;align-items:center;gap:10px}.battle-terrain-value{font-family:var(--font-display);font-size:16px;color:#ddd;text-transform:capitalize;letter-spacing:.05em}.battle-terrain-hex{width:64px;height:64px;display:block}.battle-terrain-effects{list-style:none;margin:0;padding:0;font-size:11px;color:#aaa;line-height:1.4;text-align:center}.battle-terrain-effects li{white-space:nowrap}.battle-weather{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:6px;padding-top:8px;border-top:1px solid #2a2b2f;cursor:help}.battle-weather-icon{width:32px;height:32px;image-rendering:-webkit-optimize-contrast;filter:brightness(.95)}.battle-weather-label{font-size:11px;color:#bbb;text-transform:uppercase;letter-spacing:.05em}.effect-chip-weather{display:inline-flex;align-items:center;justify-content:center;padding:2px}.effect-chip-img{width:18px;height:18px;display:block;image-rendering:-webkit-optimize-contrast}.battle-log-id-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #2a2a30}.battle-log-id{font-family:monospace;font-size:10px;color:#777}.battle-log-copy{background:transparent;border:1px solid #444;color:#aaa;padding:3px 8px;font-size:10px;cursor:pointer;border-radius:3px}.battle-log-copy:hover{border-color:var(--accent);color:#fff}.btn-research{pointer-events:auto;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;padding:6px 14px;background:transparent;color:var(--accent);border:1px solid var(--accent);cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;gap:6px;line-height:1}.btn-research:hover{background:#d4a94026}.btn-research img{width:20px;height:20px;display:block}.btn-research-rp{font-family:var(--font-mono);font-size:13px;line-height:1;color:var(--accent)}.research-modal,.subtech-modal{width:720px;max-width:92vw;max-height:85vh;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009;display:flex;flex-direction:column}.subtech-modal .refinery-header{flex-shrink:0}.subtech-modal-body{padding:16px;overflow-y:auto}.subtech-modal .btn-modal-save{display:inline-flex;align-items:center;justify-content:center;min-width:130px}.research-rp-header{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:13px;letter-spacing:1px;color:var(--accent);margin-left:auto;margin-right:12px}.research-rp-header img{width:22px;height:22px}.research-error{padding:8px 18px;background:#c83c3c26;color:#e88080;font-family:var(--font-mono);font-size:12px;text-align:center;border-bottom:1px solid var(--bg-panel-border)}.research-levels{flex:1;overflow-y:auto;padding:12px 18px;display:flex;flex-direction:column;gap:10px}.research-level{border:1px solid var(--bg-panel-border);padding:12px 14px;background:#14141f80}.research-level.locked .research-level-title{opacity:.55}.research-level.unlocked{border-color:var(--accent-dim)}.research-level-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.research-subtechs-btn{gap:8px}.research-subtechs-btn-count{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px;padding:1px 6px;background:#00000040;border-radius:2px;color:#1a1a1a}.research-level-title{font-family:var(--font-mono);font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-primary);display:flex;align-items:center;gap:10px}.research-badge-unlocked{font-size:10px;letter-spacing:1px;padding:2px 6px;background:#d4a94026;border:1px solid var(--accent-dim);color:var(--accent)}.research-subtechs{margin-top:12px;display:flex;flex-direction:column;gap:8px}.research-subtech{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--bg-panel-border);background:#00000040}.research-subtech.chosen{border-color:var(--accent);background:#d4a94014}.research-subtech.dimmed{opacity:.4}.research-subtech-body{flex:1;display:flex;flex-direction:column;gap:3px}.research-subtech-name{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--text-primary)}.research-subtech-desc{font-size:11px;color:var(--text-secondary);font-style:italic}.research-badge-chosen{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;background:var(--accent);color:#1a1a1a}.rp-cost{display:inline-flex;align-items:center;gap:3px;vertical-align:middle}.rp-cost-num{font-family:var(--font-mono);font-size:inherit;line-height:1}.rp-cost-icon{width:17px;height:17px;display:block}.btn-choose-label{margin-right:4px}.research-modal .btn-modal-save{display:inline-flex;align-items:center;justify-content:center;min-width:130px}.research-level-equipment{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1}.research-equipment-icon{width:30px;height:30px;display:block;object-fit:contain;opacity:.95}.research-level.locked .research-equipment-icon{opacity:.45;filter:grayscale(.5)}.research-level-spacer{display:none}.research-subtech-cluster{display:flex;align-items:stretch;gap:8px;margin-bottom:8px}.research-subtech-cluster .research-subtech{flex:1;margin:0}.research-subtech-cluster-vertical{flex-direction:column}.research-subtech-cluster-vertical .research-subtech{flex:0 0 auto}.base-spec-banner{display:flex;align-items:baseline;gap:6px;margin:0 0 12px;padding:8px 12px;background:#b48c3c1f;border-left:3px solid var(--accent);border-radius:4px;font-size:13px;flex-wrap:wrap}.base-spec-banner-name{color:var(--accent);font-weight:600}.base-spec-banner-desc{color:var(--text-muted);font-size:12px}.research-subtech-or{align-self:center;font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-muted);padding:0 4px;-webkit-user-select:none;user-select:none}.research-badge-blocked{font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;background:#781e1e66;color:#a06060;border:1px solid #602020}.research-rp-header{gap:4px}.research-subtechs>.research-subtech-cluster:last-child{margin-bottom:0}.prod-item.locked{opacity:.32;cursor:not-allowed;filter:grayscale(.6)}.prod-item.locked:hover{border-color:var(--bg-panel-border);background:#ffffff0a}.base-hp-bar{position:relative;width:100%;height:14px;background:var(--bg-primary);border:1px solid var(--bg-panel-border);margin-top:4px;overflow:hidden}.base-hp-bar-fill{height:100%;background:#3a7d3a;transition:width .3s}.base-hp-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--text-primary);text-shadow:0 0 2px rgba(0,0,0,.7);font-family:var(--font-display);letter-spacing:.5px}.base-actions-row{display:flex;align-items:center;gap:8px;margin-top:6px}.base-actions-row .base-action{flex:1;width:auto}.base-mothball-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.base-mothball-toggle input[type=checkbox]{cursor:pointer}.base-modal-hp{flex:1;max-width:280px;margin:0 16px}.base-modal-body{margin-top:4px}.base-in-flight-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 12px;padding:8px 12px;background:var(--bg-primary);border-left:3px solid var(--accent);font-size:12px}.base-in-flight-label{color:var(--text-muted);font-size:11px;letter-spacing:1px;text-transform:uppercase}.base-upgrade-card{background:var(--bg-primary);border:1px solid var(--bg-panel-border);padding:8px 10px;display:flex;flex-direction:row;align-items:center;gap:12px;transition:border-color .15s;flex:1;min-width:320px}.base-upgrade-body{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.base-upgrade-card.owned{border-color:var(--accent);opacity:.85}.base-upgrade-card.blocked{opacity:.45}.base-upgrade-card.in-flight{border-color:var(--accent);background:var(--bg-panel)}.base-upgrade-card.unaffordable{opacity:.55}.base-upgrade-card.wip{opacity:.55;border-color:#6a5a2a;background:#1a1815}.base-upgrade-prereq{font-size:11px;color:#b69060;font-style:italic;margin-top:2px}.base-upgrade-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.base-upgrade-name{font-family:var(--font-display);font-size:13px;letter-spacing:.5px;color:var(--text-primary)}.base-upgrade-description{font-size:12px;color:var(--text-secondary);line-height:1.4}.base-upgrade-stats{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--accent)}.base-upgrade-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary)}.base-upgrade-cost{display:flex;gap:6px;align-items:center}.base-upgrade-cost-chip{display:inline-flex;align-items:center;gap:3px;color:var(--text-primary);font-weight:600}.base-upgrade-cost-chip img{width:14px;height:14px}.base-upgrade-time{font-family:var(--font-display);letter-spacing:.5px}.base-upgrade-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.base-upgrade-action-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.base-upgrade-in-flight-badge{font-size:11px;color:var(--accent);font-style:italic}.base-promoter-cluster{border-top:1px dashed var(--bg-panel-border);margin-top:12px;padding-top:12px}.disband-modal{width:420px;max-width:92vw;background:var(--bg-panel);border:1px solid var(--bg-panel-border);box-shadow:0 8px 32px #0009}.disband-body{padding:16px 20px 18px;display:flex;flex-direction:column;gap:12px}.disband-name{font-family:var(--font-mono);font-size:14px;color:var(--text-primary);font-weight:600}.disband-explain{font-size:12px;color:var(--text-secondary);line-height:1.5}.disband-blocked{font-size:12px;color:#ff8585;background:#280e0e99;border:1px solid #ff6b6b;padding:8px 10px;line-height:1.4}.disband-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.disband-actions .btn-secondary{background:transparent;border:1px solid var(--bg-panel-border);color:var(--text-secondary);padding:6px 14px;cursor:pointer;font-family:var(--font-mono);font-size:12px}.disband-actions .btn-secondary:hover{color:var(--text-primary);border-color:var(--text-secondary)}.disband-actions .btn-danger{background:#6b1f1f;border:1px solid #ff6b6b;color:#ffdcdc;padding:6px 14px;cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.disband-actions .btn-danger:hover{background:#8a2a2a}.disband-result-heading{font-family:var(--font-mono);font-size:13px;color:var(--text-primary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.disband-result-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto;padding-right:4px}.disband-result-row{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#ffffff08}.disband-result-row img{width:22px;height:22px;object-fit:contain}.disband-result-label{flex:1;font-size:12px;color:var(--text-primary)}.disband-result-qty{font-family:var(--font-mono);font-size:12px;color:var(--accent);font-weight:600}.disband-result-empty{font-size:12px;color:var(--text-secondary);font-style:italic}.rd-disband-btn{background:#6b1f1f80;border-color:#ff6b6b;color:#ffdcdc}.rd-disband-btn:hover:not(:disabled){background:#8a2a2ab3}.rd-disband-btn:disabled{opacity:.4;cursor:not-allowed}