/* Keep audio controls readable even when the desktop HUD is scaled to fit. */
html body #audioSettings[open],html.window-fit body #audioSettings[open]{zoom:1!important;transform:none!important;width:min(480px,calc(100vw - 20px))!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;padding:20px;overflow:auto;overscroll-behavior:contain;font-size:16px;line-height:1.5}
#audioSettings header{gap:12px}#audioSettings h2{margin:0;font-size:20px}#audioSettings header button{min-width:44px;min-height:44px}#audioSettings select{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;margin-top:8px;background:#173143;color:#edf4f4;border:1px solid #718fa0;border-radius:6px;padding:8px;font-size:15px}
#audioSettings input[type=range]{height:32px;cursor:pointer}#audioSettings>button{min-height:44px}#audioSettings p{overflow-wrap:anywhere}#audioSettings label:has(input[type=checkbox]){min-height:44px;margin:12px 0}#audioSettings input[type=checkbox]{min-width:20px;min-height:20px;margin:0}
@media(max-height:500px){html body #audioSettings[open],html.window-fit body #audioSettings[open]{padding:12px 18px}#audioSettings label{margin:12px 0}#audioSettings header{position:sticky;top:-12px;background:#0b1723;z-index:1;padding:5px 0}}