.settings-dialog{width:min(860px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #7394bc88;border-radius:20px;background:#142640;color:#f0f6ff;box-shadow:0 24px 90px #0008;overflow:auto;font:16px Inter,Arial,sans-serif;color-scheme:dark}.settings-dialog::backdrop{background:#06152bcc;backdrop-filter:blur(7px)}
.settings-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px 18px;background:#1c3250;border-bottom:1px solid #91bce52b}.settings-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:36px;line-height:1.05;font-style:italic;letter-spacing:.4px;margin:6px 0 0}.settings-head .overline{font-size:12px}.settings-close{font-size:24px;min-width:44px;min-height:44px;padding:5px 10px;flex-shrink:0}.settings-race-note{margin:0;padding:14px 26px;color:#d6e7fb;background:#102139;font-size:14px;line-height:1.5}
.settings-body{padding:24px 26px;display:grid;grid-template-columns:1.15fr 1fr;gap:28px}.settings-section{min-width:0}.settings-section h3{margin:0 0 7px;font-size:19px}.settings-section>p{color:#c3d5ea;font-size:14px;line-height:1.5;margin:0 0 18px}.binding-heading,.binding-row{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center}.binding-heading{font-size:12px;letter-spacing:.8px;color:#a8c6e4;margin-bottom:8px;text-align:center}.binding-row{padding:8px 0;border-top:1px solid #ffffff0e}.binding-row>span{font-size:14px;line-height:1.4}.key-bind{min-height:44px;padding:9px 4px;background:#294462;color:#fff;border:1px solid #6886ab;border-bottom:3px solid #527090;border-radius:8px;font-size:14px;overflow-wrap:anywhere}.key-bind.listening{background:#45472e;color:#ffe38a;border-color:#ffe38a}.settings-key-note{margin:15px 0 0!important;font-size:12px!important;line-height:1.6!important}.settings-cancel-bind{margin-top:10px;font-size:14px;min-height:40px}
.setting-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font-size:14px;line-height:1.4}.setting-row select{max-width:155px;min-height:42px;border:1px solid #6886ab;border-radius:8px;padding:7px 10px;background:#243e5e;color:#fff;font:inherit}.setting-range{display:block;margin-bottom:20px;font-size:14px}.setting-range>span{display:flex;justify-content:space-between;gap:10px;line-height:1.5}.setting-range output{color:#ffdf79;font-variant-numeric:tabular-nums}.setting-range input{display:block;width:100%;height:28px;margin:6px 0 0;accent-color:#ffe176;cursor:pointer}.setting-row input[type=checkbox]{width:22px;height:22px;accent-color:#ffe176;flex-shrink:0;cursor:pointer}.settings-section input:focus-visible,.settings-section select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.settings-subhead{margin-top:24px!important;padding-top:20px;border-top:1px solid #ffffff20}.settings-footer{padding:17px 26px 22px;border-top:1px solid #91bce52b;background:#102139}.settings-status{min-height:40px;margin:0 0 13px;font-size:14px;line-height:1.5;color:#c8def2}.settings-status[data-error=true]{color:#ffd39d}.settings-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:16px}.settings-footer .play{min-width:160px;padding:12px 22px;min-height:46px;box-shadow:0 3px 0 #c58c35}.settings-footer .secondary{font-size:14px;min-height:44px}.pause-settings{margin-top:16px;min-width:220px}.header-right .settings-launch{display:inline-flex;align-items:center;gap:7px}
@media(max-width:850px){.header-right .tag{display:none}}
@media(max-width:640px){.settings-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.settings-head{padding:19px 18px}.settings-head h2{font-size:32px}.settings-race-note{padding:12px 18px}.settings-body{grid-template-columns:1fr;padding:20px 18px;gap:24px}.settings-section+.settings-section{border-top:1px solid #ffffff20;padding-top:23px}.settings-footer{padding:17px 18px 20px}.settings-footer .play{min-width:125px}.header-right #quality,.header-right #sound{display:none}.header-right .settings-launch{font-size:14px;min-height:42px;padding:10px}.settings-footer-actions{gap:10px}.binding-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,1fr)}}