/* Personal flight deck */
#settingsDialog{max-width:1080px;padding:28px 34px;scrollbar-color:#637865 #102029}
#settingsDialog>h2{font-size:42px;margin:18px 0 22px}.settings-tabs{display:flex;gap:0;border-bottom:1px solid #bdd2b52e;margin-bottom:22px;position:sticky;top:-28px;background:#0e1e25;z-index:3;padding-top:8px}
.settings-tabs button{font:10px var(--mono);letter-spacing:.8px;padding:16px 22px;border-bottom:2px solid transparent;color:#a5b8bb}.settings-tabs button[aria-selected=true]{color:var(--acid);border-color:var(--acid);background:#d9fa800a}
.settings-section-heading h3{font:32px var(--display);font-weight:500;margin:24px 0 8px}.settings-section-heading p{font-size:12px;line-height:1.7;color:#a6bfc1;margin:0 0 24px}
#settingsSound,#settingsFlight{max-width:760px;margin:0 auto;padding:0 0 14px}#settingsDialog .solid.close{max-width:240px;margin-left:auto}
.audio-status-card{display:flex;align-items:center;gap:24px;border:1px solid #b7d29135;background:#17313a80;padding:20px}.audio-status-card>span{font:10px/1.8 var(--mono);color:#bdd3c9;flex:1}.audio-status-card button{border:1px solid #d6f98277;background:#d9fa800a;color:var(--acid);font:9px var(--mono);padding:12px 16px;flex-shrink:0}
.audio-slider{display:grid;grid-template-columns:170px 1fr 48px;align-items:center;gap:24px;margin:28px 0;color:#d0ded4;font:12px Inter,sans-serif}.audio-slider input{width:100%;accent-color:var(--acid);cursor:pointer}.audio-slider output{font:10px var(--mono);text-align:right;color:var(--acid)}input:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
#pauseDialog.guide-dialog,#manualDialog.guide-dialog{max-width:1120px;padding:26px 32px}#pauseDialog h2{font-size:42px;margin:12px 0 0}.pause-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.pause-heading>.solid{width:auto;min-width:210px;margin:0}.pause-actions{display:flex;align-items:center;gap:14px;margin-top:24px;border-top:1px solid #b9d0b22b;padding-top:20px}.pause-actions .solid,.pause-actions .secondary,.pause-actions .text-button{margin:0;width:auto;flex:1;min-height:48px}.pause-actions .text-button{font-size:8px;flex:.8}.guide-dialog .dialog-intro{margin-bottom:20px}
.audio-unlock{position:absolute;right:90px;top:30px;background:#152f3bec;border:1px solid #dcff7199;color:var(--acid);font:9px var(--mono);padding:10px 13px;z-index:5}
/* HUD preferences affect the instruments without scaling or hiding flight controls. */
#flightUI{--hud-color:#d9fa80;--hud-opacity:1;--hud-scale:1;--hud-inset:0px;--radar-size:1;inset:var(--hud-inset);width:calc(100% - var(--hud-inset)*2);height:calc(100% - var(--hud-inset)*2);color:var(--hud-color)}
.hud-disabled{display:none!important}#flightUI .hud-custom{opacity:var(--hud-opacity)}#flightUI #announcer{opacity:0}#flightUI #announcer.visible{opacity:var(--hud-opacity)}
#flightUI .instruments,#flightUI .instruments small,#flightUI .instruments b,#flightUI .instruments em,#flightUI .airframe-status,#flightUI .weapon>span:last-child,#flightUI .flight-mission>span,#flightUI .flight-mission small,#flightUI .camera-label,#flightUI .camera-label span:last-child,#flightUI #announcer,#flightUI .radar-wrap>span{color:var(--hud-color)}
#flightUI .throttle-track i,#flightUI .hull i{background:var(--hud-color)}#flightUI .rule{background:var(--hud-color);opacity:.5}#flightUI .instruments{transform:scale(var(--hud-scale));transform-origin:left center}#flightUI .right-instruments{transform-origin:right center}
#flightUI .match-state{transform:scale(var(--hud-scale));transform-origin:center top}#flightUI .flight-mission{transform:scale(var(--hud-scale));transform-origin:right top}#flightUI .airframe-status{transform:scale(var(--hud-scale));transform-origin:left bottom}
#flightUI .radar-wrap{width:calc(170px * var(--radar-size));height:calc(194px * var(--radar-size));order:0}#flightUI .radar-wrap canvas{width:100%;height:auto}#flightUI .radar-wrap>span{font-size:calc(7px * var(--radar-size))}
#flightUI[data-radar-position=right] .radar-wrap{order:5;margin-left:auto}#flightUI[data-radar-position=right] .flight-hints{margin-left:32px}#flightUI[data-radar-position=right] .controller-hints{right:calc(60px + 170px * var(--radar-size))}
#flightUI[data-hud-contrast=true] .hud-custom{background-color:#071a24ce;box-shadow:0 0 0 7px #071a24ce;text-shadow:0 1px 3px #000}#flightUI[data-hud-contrast=true] #announcer{box-shadow:none}#flightUI #cockpit{position:fixed;inset:0}
#flightUI:has(#trainingPanel:not([hidden])) .left-instruments{transform-origin:right center}
#flightUI:has(#padHints:not([hidden])) .camera-label{bottom:145px}.controller-hints[hidden],.flight-hints[hidden]{display:none!important}
#flightUI #keyboardHints:not([hidden]){display:grid;font-size:7px;gap:10px}#flightUI #keyboardHints kbd{font-size:7px}
#flightUI[data-radar-position=right] .right-instruments{top:22%}
#flightUI[data-radar-position=right]:has(#trainingPanel:not([hidden])) .left-instruments{top:auto;right:auto;left:50%;bottom:65px;transform:translateX(-50%) scale(var(--hud-scale));transform-origin:center bottom}
@media(max-width:1050px){#flightUI #keyboardHints:not([hidden]){position:absolute;right:0;bottom:200px;font-size:6px;background:#102b3999;padding:9px}#flightUI #keyboardHints kbd{font-size:6px}}
@media(max-width:760px){#settingsDialog{padding:22px 18px}#settingsDialog>h2{font-size:34px}.settings-tabs{top:-22px}.settings-tabs button{font-size:8px;padding:13px 10px;flex:1}.audio-status-card{flex-direction:column;align-items:stretch;gap:12px;padding:15px}.audio-slider{grid-template-columns:110px 1fr 35px;gap:12px;font-size:10px}.pause-heading{align-items:flex-start;gap:16px;flex-direction:column}.pause-heading>.solid{width:100%;padding:12px}#pauseDialog.guide-dialog,#manualDialog.guide-dialog{padding:22px 18px}#pauseDialog h2{font-size:35px}.pause-actions{flex-wrap:wrap;gap:9px}.pause-actions .solid{flex-basis:100%}.audio-unlock{right:65px;top:16px;font-size:7px;padding:8px}#flightUI .radar-wrap{width:calc(120px * var(--radar-size));height:calc(141px * var(--radar-size))}#flightUI .radar-wrap>span{font-size:calc(5px * var(--radar-size))}#flightUI .airframe-status{min-width:135px}#flightUI[data-radar-position=right] .controller-hints{right:15px}.bottom-flight{gap:18px}}