#settings-panel{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#04080ec7;backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);opacity:0;pointer-events:none;transition:opacity .22s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:16px}#settings-panel.visible{opacity:1;pointer-events:all}.settings-box{background:linear-gradient(180deg,#0e1622f5,#080e16f5);border:1px solid rgba(136,204,255,.28);border-radius:16px;padding:16px 18px 0;width:100%;max-width:480px;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 50px #000000b3,0 0 0 1px #88ccff0f,inset 0 1px #aaddff0f;overflow:hidden}.settings-box *{box-sizing:border-box}.pause-title{text-align:center;font-size:18px;font-weight:800;margin:0 0 14px;text-transform:uppercase;letter-spacing:4px;color:#adf;text-shadow:0 0 10px rgba(136,204,255,.45)}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid rgba(136,204,255,.16)}.settings-tab-btn{flex:1;background:transparent;border:none;color:#8ea0b0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:8px 0;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;font-family:inherit}.settings-tab-btn:hover{color:#d8e6f0}.settings-tab-btn.active{color:#adf;border-bottom-color:#adf}.settings-tab-content{display:none;animation:fadeInTab .2s ease}.settings-tab-content.active{display:block}@keyframes fadeInTab{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.settings-section-title{font-size:11px;color:#aaddffc7;margin:16px 0 10px;text-transform:uppercase;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:8px}.settings-section-title:first-child{margin-top:4px}.settings-screen-header{flex-shrink:0;margin-bottom:12px}.settings-screen-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:4px 4px 12px 0}.settings-screen-footer{flex-shrink:0;padding:10px 0 14px;border-top:1px solid rgba(136,204,255,.18)}.settings-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;transition:opacity .2s}.settings-row--nested{padding-left:14px;border-left:2px solid rgba(136,204,255,.12);margin-top:-6px}.settings-row.disabled{opacity:.35;pointer-events:none;filter:grayscale(100%)}.settings-label{color:#d8e6f0;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px}.settings-label-text{flex:1;display:flex;align-items:center}.settings-label-value{width:52px;text-align:center;color:#adf;font-weight:800;font-size:11.5px;font-variant-numeric:tabular-nums;background:#88ccff1f;border:1px solid rgba(136,204,255,.36);padding:2px 0;border-radius:8px;white-space:nowrap}.settings-label--toggle{cursor:pointer;justify-content:flex-start;gap:10px}.settings-label input[type=checkbox]{width:20px;height:20px;accent-color:#88ccff;cursor:pointer;flex-shrink:0;margin:0;border-radius:5px}.perf-indicator{display:inline-block;width:6px;height:6px;border-radius:50%;margin-left:8px;vertical-align:middle}.perf-heavy{background:#f55;box-shadow:0 0 6px #f559}.perf-med{background:#fa3;box-shadow:0 0 6px #fa39}.perf-low{background:#5f5;box-shadow:0 0 6px #5f59}.settings-danger-zone{border:1px solid rgba(255,68,68,.25);background:#ff44440d;border-radius:8px;padding:14px;margin-top:16px}.settings-danger-title{color:#f77;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.settings-btn{width:100%;padding:11px 14px;border-radius:9px;border:1px solid rgba(136,204,255,.2);font-size:14px;font-weight:700;cursor:pointer;text-align:center;background:#080e1699;color:#d8e6f0;transition:all .15s ease}.settings-btn.primary{background:linear-gradient(180deg,#3c82be52,#285a8c47);border-color:#88ccffb3;color:#eaf6ff}.settings-btn--danger{background:#ff44441a;border-color:#f446;color:#faa;margin-top:8px}.settings-btn--danger:hover{background:#f443;border-color:#f55;color:#fff}.settings-slider{-webkit-appearance:none;appearance:none;width:100%;height:30px;background:transparent;cursor:pointer}.settings-slider::-webkit-slider-runnable-track{height:12px;background:linear-gradient(180deg,#0009,#00000047);border:1px solid rgba(136,204,255,.22);border-radius:7px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6f0ff,#8cf 55%,#4a86b8);border:2px solid rgba(8,14,22,.95);margin-top:-5px}.settings-hint{color:#8ea0b0;font-size:11.5px;line-height:1.4}.settings-segmented{display:flex;gap:4px;background:#00000080;padding:4px;border-radius:9px;border:1px solid rgba(136,204,255,.12);width:100%}.settings-segmented button{flex:1;background:transparent;border:none;color:#8ea0b0;padding:8px 6px;font-weight:700;font-size:11.5px;cursor:pointer;border-radius:6px}.settings-segmented button.on{background:#88ccff2e;color:#eaf6ff}.settings-presets{background:linear-gradient(180deg,#0a121c99,#060c1499)}.settings-presets button.on{background:linear-gradient(180deg,#88ccff47,#3c82be3d);color:#f0fbff}:root{--accent: #aaddff;--accent-glow: rgba(136, 204, 255, .4);--hud-bg: rgba(10, 15, 25, .6)}html,body{touch-action:none;overscroll-behavior:none}@media(orientation:portrait){body.is-touch #mobile-hud,body.is-touch #hud,body.is-touch #planning-overlay{display:none!important}}#mobile-hud{position:fixed;inset:0;pointer-events:none;z-index:20;font-family:system-ui,-apple-system,sans-serif;display:none}#touch-look-zone{position:absolute;inset:0;pointer-events:all;z-index:1;touch-action:none}.joy-hitbox{pointer-events:all;position:absolute;left:40px;bottom:120px;padding:24px;touch-action:none;z-index:10;-webkit-tap-highlight-color:transparent}.joy-zone{position:relative;width:112px;height:112px;background:var(--hud-bg);border:1.5px solid var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);pointer-events:none}.joy-stick{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,var(--accent) 100%);box-shadow:0 4px 12px #00000080,0 0 10px var(--accent-glow);will-change:transform}.mbtn-arc,.mbtn-round{position:absolute;pointer-events:all;z-index:10;display:flex;align-items:center;justify-content:center;background:var(--hud-bg);border:1.5px solid var(--accent);color:var(--accent);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0006;transition:transform .1s;padding:0;margin:0;outline:none;appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;cursor:pointer}#btn-jump-m{right:40px;bottom:120px;width:96px;height:96px;border-radius:50%}#btn-climb-m{right:120px;bottom:180px;width:64px;height:64px;border-radius:50%;transition:border-color .12s,color .12s,background .12s,box-shadow .12s}#btn-climb-m.is-f-action{border-color:#ff5050;color:#ffb0b0;background:#500c0c73;box-shadow:0 0 18px #ff50508c,0 4px 12px #0006}#btn-climb-m.is-hop-action{border-color:#3cf;color:#b0e8ff;background:#0a3c5073;box-shadow:0 0 18px #33ccff8c,0 4px 12px #0006}.mbtn-arc.is-disabled,.mbtn-round.is-disabled{border-color:#aaddff40;color:#aaddff59;background:#0a0f1959;box-shadow:none;opacity:.55}.mbtn-arc.is-disabled:active,.mbtn-round.is-disabled:active,.mbtn-arc.is-disabled.active,.mbtn-round.is-disabled.active{transform:none;background:#0a0f1959;color:#aaddff59;border-color:#aaddff40;box-shadow:none}#btn-crouch-m{left:24px;bottom:24px;width:64px;height:64px;border-radius:50%}#btn-extract-m{display:none;right:40px;top:220px;width:64px;height:64px;border-radius:50%;border-color:#f5c040;color:#fff4a0;background:#e8a0204d;box-shadow:0 0 22px #e8a0208c;animation:extractPulse 1.3s ease-in-out infinite}#btn-extract-m.visible{display:flex}.mbtn-arc svg,.mbtn-round svg{width:60%;height:60%;pointer-events:none;filter:drop-shadow(0 0 4px var(--accent-glow))}#btn-extract-m svg{filter:drop-shadow(0 0 4px rgba(232,160,32,.8))}.mbtn-arc:active,.mbtn-round:active,.mbtn-arc.active,.mbtn-round.active{transform:scale(.9);background:var(--accent-glow);color:#fff;border-color:#fff;box-shadow:0 0 15px var(--accent)}@supports (padding: max(0px)){.joy-hitbox{left:max(6px,env(safe-area-inset-left,6px));bottom:max(34px,env(safe-area-inset-bottom,34px))}#btn-jump-m{right:max(20px,env(safe-area-inset-right,20px));bottom:max(56px,env(safe-area-inset-bottom,56px))}#btn-climb-m{right:max(30px,env(safe-area-inset-right,30px));bottom:max(160px,env(safe-area-inset-bottom,160px))}#btn-crouch-m{left:max(16px,env(safe-area-inset-left,16px));bottom:max(0px,env(safe-area-inset-bottom,0px))}#btn-extract-m{right:max(40px,env(safe-area-inset-right,40px));bottom:max(16px,env(safe-area-inset-bottom,16px))}body.is-touch .hud-container{top:max(16px,env(safe-area-inset-top,16px));left:max(16px,env(safe-area-inset-left,16px))}}