/* Keep Options controls out of the first paint until they move into the dialog. */
/* Match the active controls, including tablets and narrow desktop windows. */
body:not(.touch) #gameOptions [data-settings-input="touch"],
body.touch #gameOptions [data-settings-input="keyboard"]{display:none;}
#hudUtilityBar{position:fixed;z-index:50;top:calc(var(--hud-space-2) + var(--sat));right:calc(var(--hud-space-2) + var(--sar));display:flex;gap:var(--hud-space-2);}
#adminCosmeticsOption[hidden],#adminCosmeticsStatus[hidden]{display:none;}
#adminCosmeticsToggle{width:var(--hud-target);height:var(--hud-target);flex-shrink:0;accent-color:var(--hud-accent);}
#adminCosmeticsStatus{padding:var(--hud-space-3);color:var(--hud-danger);}
#hudUtilityBar #btnHudOptions{position:static;}
#btnQuickFullscreen{display:flex;align-items:center;justify-content:center;gap:var(--hud-space-2);min-width:var(--hud-target);min-height:var(--hud-target);padding:var(--hud-space-2);font:var(--hud-text-xs)/var(--hud-leading) var(--hud-font-label);background:var(--hud-surface-raised);border:var(--hud-border-width) solid var(--hud-border);}
#btnQuickFullscreen>svg{flex:none;display:block;}
body:not(.inlobby) #btnQuickFullscreen .fullscreenLabel{display:none;}
@media(max-width:600px){#btnQuickFullscreen .fullscreenLabel{display:none;}}
#stage > #languageControl,#stage > #btnMute,#lobbyShell > .menuSoundtrack,#menuPane > #gameOptions{display:none!important;}
#btnHudOptions{position:fixed;z-index:50;top:calc(8px + var(--sat,0px));right:calc(8px + var(--sar,0px));display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 10px;font:10px var(--hud-font-label);background:#101b2d;border:1px solid #50617d;}
#btnHudOptions img{image-rendering:pixelated;}
body.inlobby #lobbyHead{padding-top:48px;}
body:not(.inlobby) #btnHudOptions{width:44px;padding:8px;}
body:not(.inlobby) #btnHudOptions span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
#tbFullscreen,#btnFullscreen{display:none!important;}
body.touch #btnQuickFullscreen{display:none!important;}
@media(pointer:coarse) and (max-width:900px){#btnQuickFullscreen{display:none!important;}}
#hudOptionsDialog{color:#deebff;background:#0b101c;border:1px solid #50617d;border-radius:10px;width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;box-sizing:border-box;overflow:auto;}
#hudOptionsDialog::backdrop{background:#030611b8;}
.settingsHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;position:sticky;top:0;background:#101a2c;z-index:2;border-bottom:1px solid #34445f;}
.settingsHeading h2{font:14px var(--hud-font-label);margin:0;}
.settingsNote{font:13px/1.5 var(--hud-font-body);color:#aabbd3;margin:12px 16px;}
body.inlobby .settingsNote{display:none;}
#hudOptionsDialog #gameOptions{margin:0;width:100%;border:0;border-radius:0;}
#hudOptionsDialog #gameOptions>summary{display:none;}
#hudOptionsDialog #languageControl{position:static;display:flex;max-width:none;background:none;border:0;border-top:1px solid #29364d;color:#deebff;font:10px var(--hud-font-label);}
#hudOptionsDialog #languageControl>span{display:block;flex:1;}
#hudOptionsDialog #languageOption{width:auto;flex:0 1 220px;max-width:60%;min-width:0;}
#hudOptionsDialog .menuSoundtrack{display:flex;margin:0;width:auto;background:none;border-inline:0;border-bottom:0;}
#hudOptionsDialog .menuSoundtrack small{font:13px/1.5 var(--hud-font-body);}
#hudOptionsDialog #btnMute{position:static;display:block;width:auto;height:auto;font:12px var(--hud-font-body);padding:10px 12px;min-height:44px;flex-shrink:0;}
#hudOptionsDialog .optionRow>button{max-width:55%;}
/* Category sections: Audio, Display, Controls, Gameplay. Rows keep their hairline separators. */
.optionSection>h3{margin:var(--hud-space-4) 0 var(--hud-space-1);font:var(--hud-text-xs)/var(--hud-leading) var(--hud-font-label);letter-spacing:var(--hud-tracking-label);text-transform:uppercase;color:var(--hud-focus);}
.optionSection:empty,.optionSection:not(:has(:not(h3))){display:none;}
.optionControls{display:flex;align-items:center;gap:var(--hud-space-2);flex-shrink:0;}
#hudOptionsDialog .optionControls #btnMute{min-width:0;white-space:nowrap;}
#optGameplay .optionRow input{width:var(--hud-target);height:var(--hud-target);flex-shrink:0;accent-color:var(--hud-accent);}
#combatHudSettings{padding-bottom:var(--hud-space-3);}
#combatHudSettings>.hud-copy:first-child{margin-top:var(--hud-space-2);}
.rankProgression #matchHistory{margin-top:14px;border-radius:5px;}
@media(max-width:420px){.settingsHeading h2{font-size:12px;}#hudOptionsDialog #languageControl img{display:none;}#hudOptionsDialog .optionRow{gap:10px;}}