/* Nonmodal settings: no backdrop, no pointer cancellation, no simulation pause. */
#touch-settings[hidden],#touch-practice[hidden]{display:none!important}
#touch-settings{position:fixed;z-index:155;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:min(368px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;color:#e7e7df;background:#191d21f5;border:1px solid #a48b5a80;border-radius:12px;box-shadow:0 12px 40px #0008;font:14px/1.45 system-ui,sans-serif;box-sizing:border-box}
#touch-settings *{box-sizing:border-box}#touch-settings header{display:flex;gap:10px;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:1;padding:10px 14px;background:#191d21;border-bottom:1px solid #ffffff18}#touch-settings h2{font-size:17px;margin:0}#touch-settings h3{font-size:15px;margin:0 0 5px}#touch-settings button,#touch-settings select,#touch-practice button{min-width:44px;min-height:44px;border:1px solid #aa946b80;border-radius:7px;padding:8px 12px;background:#2a3035;color:#eee9db;font:inherit;letter-spacing:normal;text-transform:none;touch-action:manipulation}#touch-settings button:focus-visible,#touch-settings input:focus-visible,#touch-settings select:focus-visible,#touch-practice button:focus-visible{outline:2px solid #efcd86;outline-offset:2px}
#touch-settings .ts-body{padding:12px 14px 16px;display:grid;gap:15px}#touch-settings .ts-note{font-size:12px;color:#b8bfc3;margin:0}#touch-settings label{font:inherit;margin:0;color:inherit}#touch-settings .ts-select{display:grid;gap:6px}#touch-settings select{width:100%;font-size:16px;max-width:100%}#touch-settings .ts-range{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:center}#touch-settings output{color:#e4c28a;font-variant-numeric:tabular-nums}#touch-settings input[type=range]{grid-column:1/-1;width:100%;height:44px;min-height:44px;margin:0;accent-color:#d8ba7c;touch-action:pan-y}#touch-settings .ts-check{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}#touch-settings input[type=checkbox]{width:44px;height:44px;margin:0;accent-color:#d8ba7c}#touch-settings .ts-practice{border-top:1px solid #ffffff20;padding-top:14px}#touch-settings .ts-practice p{margin:0 0 10px;color:#b8bfc3;font-size:13px}#touch-settings .ts-status{padding:9px 11px;border-left:2px solid #d8ba7c;background:#2b3033;margin:0;font-size:13px}#touch-settings .ts-reset{background:transparent;color:#cbc9c0}
#touch-practice{position:fixed;z-index:26;top:calc(156px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(320px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));padding:9px 12px;border:1px solid #b9a37670;border-radius:9px;background:#1c2124e8;color:#e8e6dd;font:12px/1.4 system-ui,sans-serif;box-sizing:border-box;pointer-events:none}#touch-practice strong{font-size:13px;color:#e5c88c}#touch-practice p{margin:3px 0 0}#touch-practice .tp-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}#touch-practice button{pointer-events:auto;font-size:12px;padding:6px 10px}#touch-practice button[hidden]{display:none}#touch-practice button[data-touch-practice=skip]{background:transparent;border-color:#929b9f80;color:#c9cdce}#touch-controls [data-touch-practice-target]{outline:2px solid #f2d08a;outline-offset:4px}
@media(max-height:500px){#touch-settings{width:min(360px,calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)))}#touch-settings .ts-body{gap:12px}#touch-practice{top:calc(56px + env(safe-area-inset-top));width:280px;padding:7px 10px}#touch-practice .tp-actions{margin-top:4px}}
@media(prefers-reduced-motion:reduce){#touch-settings,#touch-practice{scroll-behavior:auto}}