/* Resource slots depend on viewport size, never on the changing balance. */
.game-mode .hud-resource.cash{box-sizing:border-box;flex:0 0 220px;width:220px;min-width:0;padding:0 16px;gap:8px}
.game-mode .hud-resource.income{box-sizing:border-box;flex:0 0 220px;width:220px;min-width:0}
.game-mode .hud-resource.traffic{box-sizing:border-box;flex:0 0 228px;width:228px;min-width:0}
.game-mode .hud-resource>span:last-child{min-width:0;flex:1}
.game-mode .hud-resource strong{display:block;max-width:100%;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum";overflow:hidden;text-overflow:ellipsis}
.game-mode .hud-resource.cash strong{height:24px;line-height:24px}
.game-mode .hud-resource>.icon,.game-mode .hud-resource .resource-icon,.game-mode .commander>.logo-symbol{flex:none}
.game-mode .commander>span:not(.level-bar){min-width:0}
.game-mode .hud-actions{flex:none}
@media(max-width:1250px){.game-mode .hud-resource.cash{flex-basis:190px;width:190px}.game-mode .hud-resource.cash strong{font-size:16px}.game-mode .hud-resource.income{flex-basis:185px;width:185px}.game-mode .hud-resource.traffic{flex-basis:180px;width:180px}}
@media(max-width:1040px){.game-mode .hud-resource.cash{flex-basis:180px;width:180px}.game-mode .hud-resource.cash strong{font-size:16px}}
@media(max-width:800px){.game-mode .hud-resource.cash{flex-basis:180px;width:180px;padding:0 14px}.game-mode .hud-resource.cash strong{font-size:16px;height:20px;line-height:20px}.game-mode .hud-resource.income{flex-basis:170px;width:170px}}
@media(max-width:640px){
 .game-mode .hud-resource.cash{flex:0 0 110px;width:110px;min-width:110px;max-width:110px;padding:0 7px;gap:0}
 .game-mode .hud-resource.cash strong{font-size:13px;height:18px;line-height:18px}
 .game-mode .commander{flex:1 1 0;min-width:0;overflow:hidden}.game-mode .commander>span:not(.level-bar){flex:1;overflow:hidden}.game-mode .commander strong{max-width:100%}
}
@media(max-width:359px){.game-mode .hud-resource.cash{padding:0 5px}.game-mode .hud-resource.cash strong{font-size:12px}}

/* Airline identity is the persistent company picker; balance slots stay fixed. */
.game-mode .commander{padding-right:28px}
.game-mode .commander>.company-switch-caret{position:absolute;right:9px;top:calc(50% - 7px);width:14px;height:14px;transform:rotate(90deg);color:var(--muted);pointer-events:none}
.company-switch-list{display:grid;gap:10px;margin-top:16px}
.company-switch-option{display:flex;align-items:center;gap:12px;width:100%;min-height:84px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--text);text-align:left}
.company-switch-option:hover:not(:disabled){border-color:var(--blue);background:var(--surface-alt,var(--surface))}
.company-switch-option:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.company-switch-option.current{opacity:1;border-color:var(--blue);cursor:default}
.company-switch-option>.logo-symbol{width:32px;height:32px;flex:none}
.company-switch-option>span{min-width:0;flex:1}
.company-switch-option strong{display:block;font-size:15px;overflow-wrap:anywhere;line-height:1.6}
.company-switch-option small,.company-switch-option>span>span{display:block;font-size:11px;color:var(--muted);line-height:1.7}
.company-switch-option>b{font-size:11px;display:flex;align-items:center;gap:4px;flex:none;color:var(--blue)}
.company-switch-option>b .icon{width:13px;height:13px}
@media(max-width:640px){.game-mode .commander{padding-right:18px}.game-mode .commander>.company-switch-caret{right:3px;width:11px;height:11px}.company-switch-option{padding:12px;gap:9px}.company-switch-option>.logo-symbol{width:26px;height:26px}.company-switch-option strong{font-size:13px}.company-switch-option small,.company-switch-option>span>span{font-size:10px}}