/* Scale the chrome's own coordinate system. The battlefield canvas is a sibling. */
:root{--hud-scale:1;--hud-logical-width:100vw;--hud-logical-height:100vh;--hud-dock-height:314px}
.game-ui .game-chrome{inset:auto;left:0;top:0;width:var(--hud-logical-width);height:var(--hud-logical-height);transform:scale(var(--hud-scale));transform-origin:top left;--dock-height:var(--hud-dock-height)}
#game-menu{zoom:var(--hud-scale);width:min(680px,calc(var(--hud-logical-width) - 32px));max-height:calc(var(--hud-logical-height) - 32px)}
.hud-scale-settings{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px 18px;padding:18px 0;border-top:1px solid #b1cec033;align-items:center}
.hud-scale-settings>label{font-size:13px}.hud-scale-settings select{width:100%;padding:10px;background:#203032;color:#e3ece5;border:1px solid #b1cec055;border-radius:4px}
.hud-scale-settings p{grid-column:1/-1;font-size:11px;line-height:1.6;color:#b8cbbf;margin:0}.hud-scale-settings [role=status]:empty{display:none}
:is(.home-shell,.home-header,.game-chrome,#game-menu,#hud-return) :focus-visible,#hud-return:focus-visible{outline:2px solid #d4ed9e;outline-offset:3px}
.hud-skip-links{position:absolute;left:12px;top:80px;z-index:12;pointer-events:auto;display:flex;gap:5px}
.hud-skip-links button,.home-skip{position:absolute;transform:translateY(-200vh);white-space:nowrap}
.hud-skip-links button:focus,.home-skip:focus{position:relative;transform:none;background:#d4ed9e;color:#15251e;padding:10px;border:2px solid #15251e}
.home-skip{z-index:10;left:20px;top:10px}
.game-chrome [role=region]:focus-visible{outline-offset:-3px}
.game-chrome button,.game-chrome select,.game-chrome summary,.game-chrome input:not([type=checkbox]):not([type=radio]){min-height:calc(24px / var(--hud-scale))}
.game-ui .hud-statusbar{pointer-events:auto}.game-ui #status{white-space:normal;max-height:24px;overflow:auto}.game-ui .hud-statusbar:focus-within{height:auto;min-height:25px;max-height:90px}.game-ui .hud-statusbar:focus-within #status{max-height:86px}
[data-hud-layout=medium] .hud-identity{display:none}
[data-hud-layout=medium] .game-chrome{--map-width:160px}
[data-hud-layout=medium] .hud-dock{grid-template-columns:210px minmax(0,1fr)}
[data-hud-layout=medium] .hud-topbar{gap:12px}
[data-hud-layout=medium] .hud-statusbar>span{display:none}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-identity{display:none}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-topbar{inset:6px 6px auto;gap:6px;padding:7px;flex-wrap:wrap}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-resources{flex:1 1 100%;max-width:none;margin:0}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-match-tools{margin-left:auto}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-dock{left:6px;right:6px;grid-template-columns:180px minmax(0,1fr);gap:5px}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-minimap{left:auto;right:6px;top:108px;bottom:auto;width:130px;height:128px}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-minimap small{display:none}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-minimap .minimap-panel{padding:5px}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-field-tools{left:6px;bottom:calc(var(--dock-height) + 67px)}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-groups{left:6px;bottom:calc(var(--dock-height) + 35px)}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-rosters{left:6px;bottom:calc(var(--dock-height) + 103px);max-height:calc(100% - var(--dock-height) - 220px)}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-statusbar>span{display:none}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-dock-tabs{flex-wrap:wrap;padding:5px}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-build-search{flex-basis:100%;width:100%}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .command-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-menu-heading{flex-wrap:wrap;gap:10px}
[data-hud-layout=narrow] .hud-dock{grid-template-columns:minmax(0,1fr);grid-template-rows:80px minmax(0,1fr);height:calc(var(--dock-height) + 45px)}
[data-hud-layout=narrow] .hud-field-tools{bottom:calc(var(--dock-height) + 112px)}
[data-hud-layout=narrow] #hud-groups{bottom:calc(var(--dock-height) + 80px)}
[data-hud-layout=narrow] #hud-rosters{bottom:calc(var(--dock-height) + 146px);max-height:calc(100% - var(--dock-height) - 260px)}
[data-hud-layout=narrow] .game-ui #control-groups{gap:1px}
[data-hud-layout=narrow] .game-ui #control-groups button{min-width:24px;padding:5px}
[data-hud-layout=narrow] #game-menu{padding:16px}
[data-hud-layout=narrow] #game-menu .run-actions{grid-template-columns:minmax(0,1fr)}
[data-hud-layout=narrow] .hud-scale-settings{grid-template-columns:minmax(0,1fr) 110px}
[data-hud-layout=narrow] .hud-match-tools kbd{display:none}
@media(prefers-reduced-motion:reduce){.home-art,.home-shade,.home-shell *,#hud-return,.hud-skip-links *,.game-chrome *,#game-menu *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Long command labels wrap instead of overflowing scaled selection panels. */
.game-ui .command-buttons{grid-template-columns:repeat(auto-fit,minmax(min(90px,100%),1fr))}
.game-ui .command-buttons button{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
[data-hud-short=true] .game-ui .build-bar>div:first-child{display:none}
#hud-map-toggle{display:none}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-map-toggle{display:flex}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-minimap{display:none;z-index:8;box-shadow:0 8px 25px #0008}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) [data-map-open=true] #hud-minimap{display:block}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) #hud-rosters{top:108px;bottom:auto;max-height:max(100px,calc(100% - var(--dock-height) - 220px));z-index:8}
:is([data-hud-layout=compact],[data-hud-layout=narrow]) .hud-field-tools{max-width:calc(100% - 12px);flex-wrap:wrap}
[data-hud-layout=narrow] .game-ui .economy-bar{flex-direction:column;gap:5px}
[data-hud-layout=narrow] .game-ui .resource{grid-template-columns:50px minmax(0,1fr);gap:2px 6px}
[data-hud-layout=narrow] .game-ui .resource small{grid-column:1/-1}
[data-hud-layout=narrow] .hud-match-tools{width:100%;justify-content:flex-end}
[data-hud-layout=narrow] .game-ui #pause-engine{flex-shrink:0}