#settings{width:min(700px,94vw);max-height:90dvh;padding:0;border:2px solid #667e99;background:#182737;color:#f3f7ff;border-radius:0;overflow:auto;font-family:Arial,sans-serif}
#settings .dialog-head{position:sticky;top:0;background:#182737;padding:16px 20px;margin:0;border-bottom:2px solid #50637b;z-index:2}
#settings h2{font-size:22px;margin:0;letter-spacing:.03em}
.settings-content{padding:18px 20px}.settings-intro{margin:0 0 16px;color:#b8c8d8;font-size:14px}
.sensitivity-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:18px;font-weight:bold}.sensitivity-row input{grid-column:1/-1;width:100%;height:28px;accent-color:#cef55e;cursor:pointer;touch-action:pan-x}.sensitivity-row output{color:#cef55e;font-variant-numeric:tabular-nums}
.setting-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;margin-bottom:18px;padding:10px 12px;border:1px solid #50637b;font-weight:bold;cursor:pointer}.setting-toggle input{width:22px;height:22px;margin:0;accent-color:#cef55e;cursor:pointer}
.binding-head,.binding-row{display:grid;grid-template-columns:minmax(140px,1fr) 108px 108px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #3e5269;font-size:14px}.binding-head{color:#b8c8d8;font-size:12px;text-transform:uppercase}.binding-row button{min-height:40px;border:1px solid #69819d;border-radius:0;background:#273b51;color:white;font:bold 12px Arial;cursor:pointer;overflow-wrap:anywhere}.binding-row button:hover,.binding-row button:focus-visible{border-color:#cef55e;outline:2px solid #cef55e;outline-offset:1px}.binding-row button.listening{background:#cef55e;color:#172333}
.settings-footer{position:sticky;bottom:0;padding:12px 20px;background:#182737;border-top:2px solid #50637b;z-index:2}.settings-footer p{font-size:13px;margin:0 0 10px;min-height:16px;color:#ceddeb}.settings-buttons{display:flex;gap:10px}.settings-buttons button{flex:1;min-height:42px;border-radius:0;margin:0}
#settings-button{font:bold 12px Arial;padding:10px;border:1px solid #6d879f;background:#192b3b;color:white;border-radius:0;cursor:pointer}
#graphics-choice{width:min(520px,92vw);max-height:90dvh;padding:26px;border:2px solid #7d929e;border-radius:0;background:#192832;color:#f5eed7;box-shadow:6px 6px 0 #0c151c;overflow:auto}
#graphics-choice::backdrop{background:#0b1727b8}
#graphics-choice h2{font-size:32px;line-height:1;margin:0 0 22px}
.graphics-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.graphics-options button{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:116px;padding:18px;text-align:left;background:#273e4c;color:#f5eed7;border:2px solid #77929f;border-radius:0;touch-action:manipulation}
.graphics-options button:hover,.graphics-options button:focus-visible{border-color:#f1ce6e;background:#314c5c}
.graphics-options strong{font-size:30px;line-height:1;color:#f1ce6e}
.graphics-options span{font-size:18px;line-height:1.2;color:#c3d1d7}
#graphics-choice p{font-size:18px;margin:20px 0 0;color:#b6c7cf}
@media(max-width:380px){#graphics-choice{padding:20px}.graphics-options{gap:10px}.graphics-options button{padding:12px}.graphics-options strong{font-size:26px}}
@media(max-width:520px){#settings{width:96vw;max-height:94dvh}.settings-content{padding:12px}.binding-head,.binding-row{grid-template-columns:minmax(110px,1fr) 83px 83px;gap:6px}.settings-footer{padding:10px 12px}#settings .dialog-head{padding:12px}.header-right{gap:5px}#settings-button{font-size:10px;padding:10px 6px}}