/* Reserve the contribution row independently of the character and its three meters. */
#game{--identity-top:22px;--identity-title:15px;--identity-font:11px;--meter-height:12px;--meter-font:8px;--meter-line:10px;--alpha-height:18px;--alpha-font:9px;--hud-top:83px}
#game[data-hud-size=compact]{--identity-top:19px;--identity-title:12px;--identity-font:8px;--meter-height:10px;--meter-font:7px;--meter-line:8px;--alpha-height:14px;--alpha-font:8px;--hud-top:68px}
#game[data-hud-size=tiny]{--identity-top:18px;--identity-title:11px;--identity-font:8px;--meter-height:9px;--meter-font:7px;--meter-line:7px;--alpha-height:13px;--alpha-font:7px;--hud-top:63px}
#game>header{height:var(--hud-top)}
#game>header #alphaContribution{top:1px;left:6px;height:var(--alpha-height);min-height:var(--alpha-height);max-width:calc(100% - 90px);padding:0 3px;font-size:var(--alpha-font);line-height:var(--alpha-height);white-space:nowrap;gap:3px;overflow:hidden}
#game>header #alphaContribution :is(span,b,small){font-size:inherit;line-height:inherit;white-space:nowrap;min-width:0}
#game>header .portrait,#game:not([data-hud-size=standard])>header .portrait{position:absolute;left:6px;top:var(--identity-top);margin:0}
#game>header .identity,#game:not([data-hud-size=standard])>header .identity{position:absolute;top:var(--identity-top);left:calc(10px + var(--hud-portrait,44px));margin:0;min-width:0;width:min(var(--hud-identity,180px),calc(100% - 155px));max-width:var(--hud-identity,180px)}
#game>header .identityTitle,#game:not([data-hud-size=standard])>header .identityTitle{height:var(--identity-title);min-height:var(--identity-title);margin:0 0 2px;gap:3px;align-items:center}
#game>header .identityTitle #name,#game:not([data-hud-size=standard])>header .identityTitle #name{font-size:var(--identity-font);line-height:var(--identity-title);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#game>header .identityTitle .powerLine,#game:not([data-hud-size=standard])>header .identityTitle .powerLine{flex:none;height:var(--identity-title);line-height:var(--identity-title)}
#game>header .identityTitle .powerLine b,#game:not([data-hud-size=standard])>header .identityTitle .powerLine b{font-size:var(--identity-font);line-height:var(--identity-title)}
#game>header .bars{gap:1px}
#game>header .resourceBar,#game:not([data-hud-size=standard])>header .resourceBar{box-sizing:border-box;height:var(--meter-height);min-height:var(--meter-height);line-height:var(--meter-line);border-width:1px}
#game>header .resourceBar :is(label,span),#game:not([data-hud-size=standard])>header .resourceBar :is(label,span){top:0;bottom:0;height:auto;display:flex;align-items:center;font-size:var(--meter-font);line-height:var(--meter-line);white-space:nowrap;padding:0}
/* The map caption and fold control occupy separate intrinsic-height rows. */
#game #mapRail{gap:2px}
#game #mapRail>:is(.location,#miniMapBox,#networkLatency){flex-shrink:0}
#game #mapRail .location{display:block;height:auto;min-height:0;padding:2px 0;line-height:1.3;overflow:hidden}
#game #mapRail .location span:nth-child(2){display:block;position:static;font-size:inherit;line-height:inherit;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#game #miniMapBox{flex:none;height:auto;min-height:0}
#game #miniMapToggle{position:static;display:block;flex:none;line-height:1.25;white-space:nowrap;text-align:center}
#game #performanceDock .dockLabel{white-space:nowrap}
/* Every saved mode, including Auto, has the same explicit selected treatment. */
#game #panel :is(.hudSizeChoices,.fieldViewChoices,.qualityChoices) button{border:2px solid #526b65}
#game #panel :is(.hudSizeChoices,.fieldViewChoices) button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 2px;white-space:nowrap;min-height:45px}
#game #panel :is(.hudSizeChoices,.fieldViewChoices,.qualityChoices) button[aria-pressed=true]{border:2px solid #f1ce74;background:#334c3f;box-shadow:inset 0 0 0 1px #866d38;color:#ffedb0}
#game #panel .settingApplied{display:block;min-height:11px;margin:0;font:700 9px/11px var(--ui-font,system-ui);color:#ffdd8c;white-space:nowrap}
#game #panel .qualityChoices b{flex-shrink:0}