#optionsLayer{position:fixed;inset:0;z-index:40;background:#0a1525a8;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}
#optionsPanel{position:relative;width:680px;max-width:100%;max-height:92vh;overflow:auto;overscroll-behavior:contain;background:#f7f5ee;color:#1d2843;border:1px solid #ffffffc0;border-radius:18px;padding:24px 28px;box-shadow:0 30px 100px #02071480}
.options-heading{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #26334b1a;padding-bottom:17px;margin-bottom:18px}
.options-heading .eyebrow{font-size:8px;color:#71798a;letter-spacing:1.6px}
.options-heading h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;line-height:1;margin:6px 0 0;letter-spacing:-.7px}
.options-heading h2 span{color:#f16448}
.options-close{width:32px;height:32px;font-size:25px;line-height:28px;background:#e8e7df;border-radius:50%;flex-shrink:0}
.options-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.options-section-heading h3{font-size:14px;margin:0;font-weight:800;letter-spacing:-.3px}
.sound-toggle{padding:7px 12px;border:1px solid #d2d9cf;border-radius:20px;background:#e5ebe1;color:#3b6c4c;font-size:10px;font-weight:800;min-width:78px}
.sound-toggle[aria-pressed="false"]{color:#79808a;background:#e6e7e5;border-color:#d8dadb}
.volume-label{font-size:10px;letter-spacing:0;font-weight:500;margin-top:14px;color:#626b7c}
.volume-label output{float:right;font-size:12px;color:#1d2843;font-weight:800;font-variant-numeric:tabular-nums}
.volume-row{display:flex;align-items:center;gap:12px;margin:10px 0 16px}
.volume-row span{color:#7c8491;font-size:17px}
#volume{appearance:auto;width:100%;margin:0;padding:0;height:20px;accent-color:#f16448;background:transparent;border:none;cursor:pointer}
.control-settings{padding-top:15px;border-top:1px solid #26334b1a}
.reset-controls{background:none;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#71798a;padding:5px 0}
.options-description{font-size:10px;color:#71798a;line-height:1.6;margin:8px 0 13px}
.binding-header,.binding-row{display:grid;grid-template-columns:1.2fr 1fr 1.4fr;gap:12px;align-items:center}
.binding-header{font-size:7px;letter-spacing:1.3px;font-weight:800;color:#7c8492;padding-bottom:9px}
.binding-row{min-height:35px;border-top:1px solid #26334b10;font-size:10px;padding:4px 0}
.binding-row>span{font-weight:700}
.binding-row>kbd{width:max-content;max-width:100%;font-size:9px;padding:5px 9px;color:#5d6574;background:#eeeee8;border:1px solid #dcded9;border-bottom-width:2px;white-space:nowrap}
.secondary-binding{display:flex;align-items:center;gap:5px}
.binding-button{background:#fff;border:1px solid #d9dbd6;border-bottom-width:2px;border-radius:5px;padding:6px 10px;min-width:100px;flex:1;text-align:center;font-size:10px;font-weight:700;min-height:28px}
.binding-button:hover{border-color:#f16448}
.binding-button.listening{border-color:#f16448;background:#fff1e9;font-size:9px;box-shadow:0 0 0 2px #f1644820}
.clear-binding{width:25px;height:26px;color:#8e96a2;background:transparent;font-size:17px;border-radius:5px}
.clear-binding:hover{background:#ebe7e0;color:#bd442f}
.clear-binding:disabled{opacity:.2;cursor:default}
#bindingStatus{font-size:9px;color:#687a64;min-height:27px;line-height:1.6;margin:9px 0 0}
#bindingStatus.error{color:#b53825}
.options-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #26334b15;padding-top:13px}
#optionsMatchNotice{font-size:9px;color:#a96b38;line-height:1.5;max-width:250px}
#optionsDone{margin-left:auto;white-space:nowrap;font-size:9px;padding:10px 14px;box-shadow:0 3px 0 #bd442e}
.controls-shortcut{border:1px solid #26334b28;background:#ffffff70;border-radius:20px;font-size:8px;font-weight:800;letter-spacing:1px;padding:8px 13px}
body:is([data-theme="orbit"],[data-theme="lava"]) .controls-shortcut{color:#eef3ff;background:#25354c99;border-color:#c0d1e337}
body:is([data-theme="orbit"],[data-theme="lava"]) #optionsPanel kbd{color:#5d6574;background:#eeeee8;border-color:#dcded9}
body.options-open #touch{display:none!important}
@media(max-height:760px){#optionsLayer{padding:12px}#optionsPanel{max-height:95vh;padding:18px 25px}.options-heading{padding-bottom:12px;margin-bottom:12px}.options-heading h2{font-size:36px}.binding-row{min-height:32px}.control-settings{padding-top:11px}.volume-row{margin-bottom:11px}.options-description{margin:6px 0 9px}}
@media(max-width:540px){#optionsLayer{padding:10px}#optionsPanel{padding:18px}.binding-header,.binding-row{grid-template-columns:1.1fr .85fr 1.2fr;gap:7px}.binding-row{font-size:9px}.binding-row>kbd{font-size:8px;padding:5px}.binding-button{min-width:65px;font-size:9px;padding:6px}.clear-binding{width:19px}.binding-header{font-size:6px;letter-spacing:.6px}.options-bottom{align-items:flex-start;flex-direction:column;gap:10px}#optionsDone{width:100%;text-align:center}#optionsMatchNotice{max-width:none}}