.fleet-list{gap:var(--spacing-md);flex-direction:column;display:flex}.fleet-list-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.fleet-list-header h3{color:var(--text-primary);margin:0;font-size:1rem}.fleet-filter{gap:var(--spacing-xs);display:flex}.fleet-filter button{padding:var(--spacing-xs)var(--spacing-sm);background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.75rem;transition:all .2s}.fleet-filter button:hover{background:var(--bg-hover);color:var(--text-primary)}.fleet-filter button.active{background:var(--accent-cyan);border-color:var(--accent-cyan);color:var(--bg-primary)}.fleet-cards{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.fleet-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);transition:all .2s}.fleet-card.clickable{cursor:pointer}.fleet-card.clickable:hover{border-color:var(--accent-cyan);box-shadow:0 0 8px #0ff3}.fleet-card.submerged{opacity:.8;border-style:dashed}.fleet-card-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.fleet-name{color:var(--text-primary);font-weight:600}.fleet-level{color:var(--accent-cyan);font-size:.875rem;font-weight:600}.fleet-card-body{gap:var(--spacing-sm);flex-direction:column;display:flex}.fleet-stats-row{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.fleet-stat{flex-direction:column;gap:2px;display:flex}.fleet-stat .stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.625rem}.fleet-stat .stat-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.fleet-stat .stat-value.spec{font-family:var(--font-mono);font-size:.75rem}.fleet-stat .stat-value.status-port{color:var(--accent-green)}.fleet-stat .stat-value.status-home_region{color:var(--accent-cyan)}.fleet-stat .stat-value.status-foreign_region{color:var(--accent-yellow)}.fleet-bars{gap:var(--spacing-xs);flex-direction:column;display:flex}.fleet-bar-item{align-items:center;gap:var(--spacing-sm);display:flex}.fleet-bar-item .bar-label{color:var(--text-muted);width:24px;font-size:.625rem}.fleet-bar-item .bar-container{background:var(--bg-tertiary);border-radius:3px;flex:1;height:6px;overflow:hidden}.fleet-bar-item .bar-fill{height:100%;transition:width .3s}.fleet-bar-item .bar-fill.hp{background:var(--accent-green)}.fleet-bar-item .bar-fill.hp.warning{background:var(--accent-yellow)}.fleet-bar-item .bar-fill.hp.critical{background:var(--accent-red)}.fleet-bar-item .bar-fill.supply{background:var(--accent-cyan)}.fleet-bar-item .bar-fill.supply.warning{background:var(--accent-yellow)}.fleet-bar-item .bar-fill.supply.critical{background:var(--accent-red)}.fleet-bar-item .bar-value{color:var(--text-secondary);font-size:.625rem;font-family:var(--font-mono);text-align:right;min-width:50px}.fleet-combat-stats{gap:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.fleet-combat-stats .combat-stat{font-size:.625rem;font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:2px;padding:2px 6px}.fleet-position{color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono)}.fleet-list-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.fleet-list-empty p{margin:0}.fleet-list-empty .fleet-hint{color:var(--text-muted);margin-top:var(--spacing-sm);font-size:.875rem}@media (max-width:640px){.fleet-cards{grid-template-columns:1fr}.fleet-list-header{flex-direction:column;align-items:stretch}.fleet-filter{justify-content:center}}.hud-fleet-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.hud-fleet-section .fleet-list-header h3{font-size:.875rem}.hud-fleet-section .fleet-cards{grid-template-columns:1fr}.hud-fleet-section .fleet-card{padding:var(--spacing-sm)}.fleet-bar-item .bar-fill.supply.warning-orange{background:var(--accent-orange,#ff9800)}.fleet-bar-item .bar-fill.supply.blink{animation:.8s ease-in-out infinite supply-blink}@keyframes supply-blink{0%,to{opacity:1}50%{opacity:.5}}.fleet-bar-item .bar-value.text-caution{color:var(--accent-yellow)}.fleet-bar-item .bar-value.text-warning{color:var(--accent-orange,#ff9800)}.fleet-bar-item .bar-value.text-critical{color:var(--accent-red);font-weight:600}.fleet-card.supply-caution{border-color:var(--accent-yellow)}.fleet-card.supply-warning{border-color:var(--accent-orange,#ff9800)}.fleet-card.supply-critical{border-color:var(--accent-red);animation:1s ease-in-out infinite card-blink}@keyframes card-blink{0%,to{box-shadow:0 0 #f000}50%{box-shadow:0 0 12px #ff000080}}.fleet-operational-range{padding:var(--spacing-xs)0;flex-direction:column;gap:4px;font-size:.625rem;display:flex}.fleet-operational-range .range-label{color:var(--text-muted);text-transform:uppercase}.fleet-operational-range .range-values{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.fleet-operational-range .range-item{font-family:var(--font-mono);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:2px;padding:2px 6px}