/* Keep Options controls out of the first paint until they move into the dialog. */
#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 Silkscreen,monospace;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;}
#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 Silkscreen,monospace;margin:0;}
.settingsNote{font:13px/1.5 Arial,sans-serif;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 Silkscreen,monospace;}
#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 Arial,sans-serif;}
#hudOptionsDialog #btnMute{position:static;display:block;width:auto;height:auto;font:12px Arial,sans-serif;padding:10px 12px;min-height:44px;flex-shrink:0;}
#hudOptionsDialog .optionRow>button{max-width:55%;}
.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;}}