#settings-dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}
.keybinding-settings>p{font-size:12px;line-height:1.6;color:#abc0c8}
.binding-list{display:grid;gap:5px;margin:14px 0;max-height:46dvh;overflow-y:auto;padding-right:8px;overscroll-behavior:contain}
.binding-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 0;border-bottom:1px solid #ffffff0c;font-size:12px}
.binding-row button{flex:0 0 122px;min-height:34px;padding:6px 8px;border:1px solid #647078;border-radius:5px;background:#13232e;color:#f3dfab;font:600 12px system-ui;cursor:pointer}
.binding-row button:hover,.binding-row button:focus-visible{border-color:#f3cf83;outline:1px solid #f3cf83}
.binding-row button.listening{background:#423722;border-color:#f3cf83;color:#fff}
.binding-status{min-height:2em;color:#efcf8d!important}
.hud .slot .key,.hud .medallion-key{max-width:100%;white-space:nowrap;font-size:10px}
@media(max-width:480px){.binding-row{gap:8px}.binding-row button{flex-basis:110px}}

#match-pause-notice{margin:12px 0;color:#e8d5a5;font-size:14px;line-height:1.5}.match-pause-actions{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0 22px}.match-pause-actions[hidden],#match-pause-notice[hidden]{display:none}.match-pause-actions button{min-height:44px;flex:1 1 160px}
.display-settings { min-width:0; }
.display-settings select,.display-settings input[type="range"] { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }
.display-settings label:has(output) { display:flex; justify-content:space-between; gap:12px; }
.display-sync-note { color:#abc0c8; font-size:11px; line-height:1.6; overflow-wrap:anywhere; }