/* Settings share the hangar palette; every input keeps a 44px touch target. */
#settingsDialog [hidden]{display:none!important}
#settingsDialog .settings-tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}
#settingsDialog .settings-tabs>button{flex:1 0 auto;min-height:44px;white-space:nowrap}
#settingsDialog .settings-tabs>button[aria-selected=true]{color:#e0f8a9;border-color:#c8ef8e;background:#2a443b}
#settingsDialog .settings-search{display:grid;grid-template-columns:auto minmax(120px,1fr);gap:6px 14px;align-items:center;margin:12px 0}
#settingsDialog .settings-search>label{font:10px var(--mono);letter-spacing:.08em;color:#a8c0b4}
#settingsDialog input[type=search]{min-width:0;width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;background:#102a32;border:1px solid #9eb7a54a;border-radius:7px;color:#e1eedb;font:13px Inter,Arial,sans-serif}
#settingsDialog input[type=search]::placeholder{color:#8ea7a3}
#settingsDialog .settings-search-status{grid-column:1/-1;margin:0;font:11px Inter,Arial,sans-serif;color:#b8cdbd}
#settingsDialog .settings-search-status:empty,#settingsDialog .settings-search-results:empty{display:none}
#settingsDialog .settings-search-results{grid-column:1/-1;max-height:190px;overflow-y:auto;display:grid;gap:4px;overscroll-behavior:contain}
#settingsDialog .settings-search-results button{display:flex;gap:10px;justify-content:space-between;align-items:center;text-align:left;min-height:44px;padding:9px 12px;background:#18343a;border:1px solid #9eb7a530;border-radius:5px;color:#e0ecd2;font:12px/1.5 Inter,Arial,sans-serif}
#settingsDialog .settings-search-results small{color:#a9c38c;font:10px var(--mono)}
#settingsDialog .binding-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#settingsDialog .binding-filters .setting{margin:0;padding:10px 12px;border:1px solid #9eb7a530;border-radius:7px;min-height:58px}
#settingsDialog .binding-filters .setting:last-child{grid-column:1/-1}
#settingsDialog .binding-filters select{min-width:0;max-width:70%}
#settingsDialog .binding-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 10px}
#settingsDialog .binding-actions button,#settingsDialog #inputSettingsContent>button{border:1px solid #9eb7a54a;border-radius:6px;min-height:44px;padding:10px 12px;background:#1b373b;color:#d8e9bd;font:11px var(--mono)}
#settingsDialog .binding-status{font:12px/1.6 Inter,Arial,sans-serif;color:#b2c7bd;margin:10px 0;overflow-wrap:anywhere}
#settingsDialog #controlBindingsStatus{padding:10px 12px;background:#a9d47e0b;border-left:2px solid #bddf8f}
#settingsDialog .binding-list{padding:0}
#settingsDialog .binding-row{grid-template-columns:minmax(0,1fr) minmax(130px,205px);padding:12px 4px;gap:16px;min-height:68px}
#settingsDialog .binding-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
#settingsDialog .binding-copy strong{font-size:13px;font-weight:500;color:#dfebd7}
#settingsDialog .binding-copy small{font:11px/1.5 Inter,Arial,sans-serif;color:#96b0a7}
#settingsDialog .binding-conflict .binding-copy small{color:#e3c18a}
#settingsDialog .binding-row :is(button,select){width:100%;min-height:44px;max-width:none;white-space:normal}
#settingsDialog .input-preference-group{border:1px solid #9eb7a530;border-radius:9px;padding:4px 14px;margin:0 0 14px;background:#142c321f}
#settingsDialog .input-preference-group h4{font:11px var(--mono);color:#c8e1aa;letter-spacing:.06em;padding:12px 0;margin:0;border-bottom:1px solid #9eb7a52a}
#settingsDialog .input-setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.9fr);align-items:center;gap:20px;min-height:68px;padding:10px 0;border-bottom:1px solid #9eb7a526}
#settingsDialog .input-setting-row:last-child{border:0}
#settingsDialog .input-setting-control{display:flex;gap:10px;align-items:center;justify-content:flex-end;min-width:0}
#settingsDialog .input-setting-control input[type=range]{min-width:0;width:100%;min-height:44px;accent-color:#c8e1aa}
#settingsDialog .input-setting-control input[type=checkbox]{width:22px;height:22px;margin:11px;accent-color:#c8e1aa}
#settingsDialog .input-setting-control select{width:100%;min-width:0;min-height:44px;max-width:none;font-size:12px;padding:9px;color:#d9e8c9;background:#102a32;border:1px solid #9eb7a54a;border-radius:6px}
#settingsDialog .input-setting-control output{flex:none;min-width:40px;font:11px var(--mono);color:#d5e8b5;text-align:right}
#settingsDialog :is(button,input,select,summary):focus-visible{outline:2px solid #d1ef9e;outline-offset:3px}
#settingsDialog .binding-row:focus-within,#settingsDialog .input-setting-row:focus-within{background:#b4db8e08}
body.phone-ui #settingsDialog .settings-header .settings-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:4px}
body.phone-ui #settingsDialog .settings-header .settings-tabs>button{font-size:9px;padding:6px 2px;min-height:44px;max-height:none;white-space:normal}
body.phone-ui #settingsDialog .settings-search{margin:8px 0;grid-template-columns:minmax(0,1fr);gap:4px}
body.phone-ui #settingsDialog .settings-search>label{display:none}
body.phone-ui #settingsDialog .settings-search-results{max-height:125px}
body.phone-ui #settingsDialog .binding-filters{grid-template-columns:1fr}
body.phone-ui #settingsDialog .binding-filters .setting{flex-direction:row;align-items:center;min-height:58px}
body.phone-ui #settingsDialog .binding-filters select{width:65%;max-width:65%}
body.phone-ui #settingsDialog .binding-row{grid-template-columns:minmax(0,1fr) minmax(108px,.8fr);gap:10px;min-height:68px}
body.phone-ui #settingsDialog .input-setting-row{grid-template-columns:minmax(0,1fr);gap:5px;padding:12px 0}
body.phone-ui #settingsDialog .input-setting-control{justify-content:stretch}
body.phone-ui #settingsDialog .input-setting-control input[type=checkbox]{margin-left:auto}
body.phone-ui #settingsDialog .input-preference-group{padding:3px 12px}
@media (max-height:500px){#settingsDialog .settings-search{margin:5px 0}#settingsDialog .settings-search-results{max-height:88px}body.phone-ui #settingsDialog .settings-header .dialog-head{margin-bottom:0}body.phone-ui #settingsDialog .settings-header .settings-tabs{display:flex;overflow-x:auto}body.phone-ui #settingsDialog .settings-tabs>button{flex:1 0 66px}}

.cg-current-group{border-bottom:1px solid #9eb7a530;padding:8px 0}.cg-current-group summary{min-height:44px;display:flex;align-items:center;color:#cfe7b3;font:12px var(--mono);cursor:pointer}.cg-current-group .cg-row{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:16px;padding:9px 0;font:12px/1.5 Inter,Arial,sans-serif}.cg-current-group kbd{color:#dceebc;overflow-wrap:anywhere}

#settingsDialog :is(select,button,input[type=range]){min-height:44px}
#settingsDialog #phoneGyroSensitivity,#settingsDialog #phoneAimGyroSensitivity{min-height:44px}

body.desktop-ui:not(.phone-ui) #settingsCombat #combatPreferencesContent{grid-column:1/-1}

#settingsDialog #steamDeckDeviceRow{gap:16px}
#settingsDialog #steamDeckDeviceRow>span{min-width:0;flex:1}
#settingsDialog #steamDeckDeviceRow small{display:block;margin-top:5px;font:11px/1.5 Inter,Arial,sans-serif;color:#a4b7ac}
#settingsDialog #steamDeckDeviceConfirm{width:22px;height:22px;min-width:22px;margin:11px;accent-color:#b8d98b;cursor:pointer}