/* Settings use their own controls and layout, isolated from other menu dialogs. */
.modal.settings-modal{width:min(1100px,calc(100vw - 48px));height:min(710px,calc(100dvh - 44px));padding:24px 28px;background:#0d1511;border-color:#60714f;box-shadow:0 0 0 5px #080e0b,0 0 0 6px #29392c,0 28px 100px #0009}
.settings-modal .modal-top{position:relative;flex-shrink:0}.settings-modal .modal-top .eyebrow{font-size:9px;letter-spacing:3px;color:#8b9b7f}.settings-modal .modal-top .icon-button{position:absolute;right:0;top:0;width:36px;height:36px;background:#101a14;border-color:#354936;color:#b8c3a6;font-size:25px}.settings-modal h2{margin:10px 50px 24px 0;font-size:21px;color:#e4ecd8;letter-spacing:1px}.settings-modal #modal-content{gap:0}
.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;flex:1;min-height:0;border-top:1px solid #2c3c2e;padding-top:22px}.settings-navigation{display:flex;flex-direction:column;min-height:0;border-right:1px solid #2c3c2e;padding-right:20px}.settings-nav-label{font-size:9px;letter-spacing:2px;color:#697e67;padding:0 12px;margin:4px 0 16px}.settings-modal .settings-tabs{display:flex;flex-direction:column;gap:7px}.settings-modal .settings-tabs button{position:relative;display:flex;align-items:center;gap:12px;text-align:left;flex:none;min-height:56px;padding:13px 11px;background:transparent;border:1px solid transparent;color:#8fa08a;font-size:12px;letter-spacing:.3px}.settings-modal .settings-tabs button .setting-icon{width:20px;height:20px;flex-shrink:0}.settings-tabs button b{margin-left:auto;font-size:9px;font-weight:400;color:#566c54}.settings-modal .settings-tabs button:hover{background:#142017;color:#d4e0c7}.settings-modal .settings-tabs button[aria-selected=true]{border-color:#425e36;background:linear-gradient(90deg,#24331b,#162215);color:#cbeca3}.settings-tabs button[aria-selected=true]:before{content:'';position:absolute;width:3px;top:10px;bottom:10px;left:-1px;background:#b9e880;box-shadow:0 0 12px #b9e88030}.settings-tabs button[aria-selected=true] b{color:#9abe75}.settings-nav-note{font-size:8px;color:#94a786;letter-spacing:1px;line-height:1.6;margin-top:auto;padding:24px 10px 8px}.settings-nav-note i{display:block;width:5px;height:5px;background:#b9e880;margin-bottom:10px;box-shadow:0 0 10px #a2cd6840}.settings-nav-note small{display:block;color:#6b806b;font-size:11px;letter-spacing:0;margin-top:6px;max-width:145px}
.settings-modal #settings-panel{min-width:0;min-height:0;overflow:auto;padding:0 10px 12px 0;scrollbar-color:#4b663e #0d1511;scrollbar-width:thin;outline-offset:-3px}.settings-section-header{display:flex;align-items:center;gap:14px;margin:0 0 22px}.settings-section-icon{width:45px;height:45px;border:1px solid #4b5b36;background:#202919;color:#c7d88f;display:grid;place-items:center;flex-shrink:0}.setting-icon{width:24px;height:24px}.settings-modal .settings-section-header h3{font-family:var(--pixel);font-size:14px;line-height:1.6;letter-spacing:0;color:#e3ecd7;margin:0 0 5px}.settings-modal .settings-section-header p{font-size:12px;line-height:1.5;color:#8b9f87;margin:0}
.settings-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.settings-group{background:#101b14;border:1px solid #2d4130;min-width:0}.settings-group-wide{grid-column:1/-1}.settings-group h4{font-size:10px;line-height:1.5;letter-spacing:1.2px;color:#b6c5a5;font-weight:400;padding:14px 16px;margin:0;border-bottom:1px solid #2d4130;background:#142017;display:flex;align-items:center;gap:8px}.settings-group h4:before{content:'';width:4px;height:4px;background:#69875a;flex-shrink:0}.settings-group-body{padding:4px 16px 8px}.settings-modal .setting-copy{display:block;min-width:0}.setting-copy strong{font-size:13px;line-height:1.5;font-weight:400;color:#d6e0cb}.setting-copy small{display:block;font-size:10px;color:#83977f;line-height:1.5;margin-top:3px}.settings-modal label.setting-toggle,.setting-action,.settings-modal label.setting-select{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;padding:13px 0;border-bottom:1px solid #263c2a;margin:0}.settings-group-body>:last-child{border-bottom:0}.settings-modal label.setting-toggle{cursor:pointer}
.setting-switch{display:block;position:relative;width:64px;height:30px;flex-shrink:0}.settings-modal .setting-switch input[type=checkbox]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.setting-switch i{position:absolute;inset:0;border:1px solid #42533e;background:#0b120d;pointer-events:none;font-style:normal}.setting-switch i:before{content:'';position:absolute;width:18px;height:20px;left:4px;top:4px;background:#5f7159;box-shadow:inset 0 -3px #43513e;transition:transform .12s steps(3,end)}.setting-switch i:after{content:'ВЫКЛ';position:absolute;right:5px;top:9px;font-size:9px;line-height:10px;color:#8d9d83}.setting-switch input:checked+i{background:#263d1b;border-color:#739e50}.setting-switch input:checked+i:before{transform:translateX(36px);background:#b9e880;box-shadow:inset 0 -3px #87b158}.setting-switch input:checked+i:after{content:'ВКЛ';left:7px;right:auto;color:#c6e8a6}.setting-switch input:focus-visible+i{outline:2px solid #d0edaa;outline-offset:3px}
.setting-range{padding:15px 0 13px;border-bottom:1px solid #263c2a}.settings-modal .setting-range label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#d6e0cb;line-height:1.5;margin:0 0 14px}.setting-range output{font-size:21px;color:#c6e894;line-height:1;font-weight:400;font-variant-numeric:tabular-nums;white-space:nowrap}.setting-range output span{font-size:11px;color:#799661;margin-left:3px}.setting-range input[type=range]{--range-progress:50%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:8px;margin:9px 0;border:1px solid #34472f;background:linear-gradient(90deg,#9fcb6a 0 var(--range-progress),#080f0a var(--range-progress) 100%);cursor:pointer;outline-offset:7px;box-shadow:inset 0 2px #0002}.setting-range input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:22px;border:1px solid #e6f5cd;background:#c9e7a2;box-shadow:2px 2px #050b06, inset 0 -4px #9ab873}.setting-range input[type=range]::-moz-range-thumb{width:10px;height:20px;border:1px solid #e6f5cd;border-radius:0;background:#c9e7a2;box-shadow:2px 2px #050b06}.range-limits{display:flex;justify-content:space-between;margin-top:12px;font-size:9px;color:#5d785e}
.setting-fps{border:0;border-bottom:1px solid #263c2a;padding:14px 0 16px;margin:0;min-width:0}.setting-fps legend{float:left;width:100%;font-size:13px;color:#d6e0cb;padding:0;margin-bottom:12px}.setting-fps legend small{display:block;color:#7e947b;font-size:10px;margin-top:4px}.setting-segments{display:flex;clear:both;gap:5px}.settings-modal .setting-segments label{position:relative;flex:1;min-width:0}.setting-segments input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.setting-segments span{display:flex;align-items:baseline;justify-content:center;gap:5px;padding:10px 6px;color:#8da280;background:#0b130d;border:1px solid #384e32;font-size:15px}.setting-segments small{font-size:8px;color:#788b6b}.setting-segments input:checked+span{background:#2b3c1e;border-color:#9cbf6b;color:#daedb9}.setting-segments input:checked+span small{color:#bdd491}.setting-segments input:focus-visible+span{outline:2px solid #d0edaa;outline-offset:3px}.setting-action-button{background:#26381e;border:1px solid #596f40;color:#d0e5af;min-height:36px;padding:7px 10px;font-size:11px;white-space:nowrap}.setting-action-button:hover{background:#354c26;border-color:#a7c474}.settings-modal .setting-select select{appearance:none;width:100px;max-width:48%;background:#0a130d;border:1px solid #4d633e;padding:9px 25px 9px 10px;margin:0;min-height:38px;font-size:12px;background-image:linear-gradient(45deg,transparent 50%,#9cbb78 50%),linear-gradient(135deg,#9cbb78 50%,transparent 50%);background-position:calc(100% - 13px) 16px,calc(100% - 8px) 16px;background-size:5px 5px;background-repeat:no-repeat}
.settings-modal .setting-section-note{font-size:11px;line-height:1.5;color:#8b9f80;margin:12px 0 14px}.sound-samples{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.sound-sample{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;background:#0b140e;color:#b7cb9a;border:1px solid #3c5434;min-height:76px;padding:13px;font-size:12px}.sound-sample .setting-icon{width:17px;height:17px;color:#b6d58d;fill:#b6d58d;stroke-width:1}.sound-sample .sample-number{position:absolute;right:10px;top:10px;color:#5f7a54;font-size:9px;letter-spacing:1px}.sound-sample:hover{background:#24331b;border-color:#9fbd73;color:#e1eec9}.sound-sample:active{background:#344922}.setting-upcoming{border-top:1px solid #2c3d2b;padding-top:3px}.setting-future{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #263c2a}.setting-future .setting-copy strong{font-size:12px;color:#91a088}.setting-future .setting-copy small{color:#667f69}.setting-badge{font-size:8px;letter-spacing:.8px;color:#899c76;border:1px dashed #415139;padding:5px 6px;white-space:nowrap}.settings-modal .setting-help{font-size:10px;line-height:1.6;color:#7f967a;margin:16px 0 6px}.setting-keys{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.setting-key-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;font-size:12px;color:#c3d0b8}.settings-modal .key-button,.setting-key-row kbd{display:grid;place-items:center;width:40px;min-width:40px;min-height:36px;background:#22321c;border:1px solid #607c49;box-shadow:inset 0 -3px #101b10;color:#d0e4ad;font:13px Consolas,monospace;padding:6px}.setting-key-row kbd{background:#101912;border-color:#354b30;color:#8aa07d;font-size:10px}.key-button[data-listening]{border-color:#d9b368;color:#e9c784;background:#302918}.setting-info{display:flex;gap:12px;margin:16px 0 20px;align-items:flex-start}.setting-info-mark{color:#cbbc7b;border:1px solid #6b6339;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.setting-info strong{font-size:13px;font-weight:400;color:#d7dfc5;line-height:1.5}.settings-modal .setting-info p{font-size:11px;line-height:1.7;margin:7px 0 0;color:#8fa086}.setting-facts{margin:0}.setting-facts>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #293e2a;padding:14px 0;font-size:11px;line-height:1.5}.setting-facts dt{color:#7e9677}.setting-facts dd{margin:0;color:#c6d5b4;text-align:right}
.settings-modal .settings-bottom{border-top:1px solid #2c3c2e;padding:16px 0 0;margin-top:20px;gap:16px;font-size:10px;min-height:48px;flex-shrink:0}.settings-bottom #settings-feedback{display:flex;align-items:center;gap:8px;line-height:1.5;color:#8fa680;min-width:0}.settings-bottom #settings-feedback:before{content:'';width:5px;height:5px;background:#8dae63;flex-shrink:0}.settings-reset{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#111a14;border:1px solid #364836;color:#91a28c;padding:9px 12px;font-size:11px;min-height:36px;white-space:nowrap}.settings-reset span{font-size:18px;line-height:1}.settings-reset:hover{color:#d6c09b;border-color:#7a6c49;background:#25251b}
@media(max-width:1000px){.settings-layout{grid-template-columns:166px minmax(0,1fr);gap:20px}.settings-navigation{padding-right:14px}.settings-modal .settings-tabs button{font-size:11px;gap:9px;padding-inline:10px}.settings-tabs button b{display:none}.settings-groups{gap:12px}.settings-group-body{padding-inline:13px}.settings-group h4{padding-inline:13px}.setting-copy strong{font-size:12px}.setting-toggle{gap:8px}.setting-switch{width:58px}.setting-switch input:checked+i:before{transform:translateX(30px)}.setting-range output{font-size:19px}.setting-keys{gap:8px 12px}}
@media(max-width:800px){.settings-groups{grid-template-columns:1fr}.settings-group-wide{grid-column:auto}.settings-group-body{padding-inline:17px}.settings-group h4{padding-inline:17px}.setting-keys{gap:10px 24px}.sound-samples{grid-template-columns:repeat(4,1fr)}.sound-sample{min-height:72px;padding:10px;font-size:11px;gap:9px}.sound-sample .sample-number{right:7px;top:7px}}
@media(max-height:540px) and (orientation:landscape){.modal.settings-modal{width:calc(100vw - 24px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px);padding:13px 18px}.settings-modal .modal-top{position:absolute;right:18px;top:10px}.settings-modal .modal-top .icon-button{position:static;width:30px;height:30px;font-size:22px}.settings-modal h2{font-size:14px;margin:3px 40px 14px 0}.settings-modal #modal-content{gap:0}.settings-layout{grid-template-columns:138px minmax(0,1fr);gap:16px;padding-top:12px}.settings-navigation{padding-right:12px}.settings-nav-label,.settings-nav-note{display:none}.settings-modal .settings-tabs{gap:4px}.settings-modal .settings-tabs button{min-height:42px;padding:9px 7px;gap:8px;font-size:10px}.settings-modal .settings-tabs button .setting-icon{width:17px;height:17px}.settings-section-header{gap:10px;margin-bottom:12px}.settings-section-icon{width:34px;height:34px}.settings-section-icon .setting-icon{width:19px;height:19px}.settings-modal .settings-section-header h3{font-size:11px;margin-bottom:3px}.settings-modal .settings-section-header p{font-size:10px}.settings-group h4{font-size:9px;padding-block:10px}.settings-modal #settings-panel{padding-right:8px;padding-bottom:8px}.settings-modal label.setting-toggle,.setting-action,.settings-modal label.setting-select{min-height:51px;padding-block:10px}.setting-range{padding-block:12px}.settings-modal .setting-range label{font-size:12px;margin-bottom:11px}.setting-range output{font-size:18px}.setting-fps{padding-block:12px}.setting-fps legend{font-size:12px}.settings-modal .settings-bottom{margin-top:10px;padding-top:8px;min-height:37px;font-size:9px}.settings-reset{min-height:30px;padding:5px 8px;font-size:9px;gap:10px}.settings-reset span{font-size:16px}.settings-bottom #settings-feedback{font-size:9px}.settings-modal .setting-copy strong{font-size:12px}}
@media(max-width:560px) and (min-height:541px){.modal.settings-modal{padding:18px;width:calc(100vw - 24px)}.settings-layout{display:flex;flex-direction:column;padding-top:12px;gap:15px}.settings-navigation{border-right:0;padding:0}.settings-nav-label,.settings-nav-note{display:none}.settings-modal .settings-tabs{flex-direction:row;gap:4px}.settings-modal .settings-tabs button{flex:1;justify-content:center;min-height:42px;padding:8px 4px;font-size:9px;gap:5px}.settings-modal .settings-tabs button .setting-icon{display:none}.settings-modal #settings-panel{flex:1}.sound-samples{grid-template-columns:1fr 1fr}.settings-bottom #settings-feedback{font-size:9px}.settings-reset{font-size:9px}}
@media(max-height:540px) and (orientation:landscape){.settings-modal .setting-range .range-limits{display:none}}