:root{--joy-zone-size: 160px;--joy-outer-radius: 56px;--joy-inner-radius: 22px;--joy-stick-size: 62px;--mbtn-size: 72px}html,body{touch-action:none;overscroll-behavior:none}#portrait-lock{display:none;position:fixed;inset:0;z-index:9999;background:#080e1a;color:#e8c888;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif;font-size:1.5rem;letter-spacing:2px;text-align:center;flex-direction:column;gap:20px}#portrait-lock:before{content:"↻";font-size:3rem}@media(orientation:portrait){body.is-touch #portrait-lock{display:flex}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}.mobile-col{position:absolute;bottom:24px;display:flex;flex-direction:column;align-items:center;gap:26px;padding-bottom:22px;z-index:2}#mobile-left{left:24px}#mobile-right{right:24px}.joy-hitbox{pointer-events:all;position:relative;padding:28px;touch-action:none;-webkit-tap-highlight-color:transparent}.joy-zone{position:relative;width:var(--joy-zone-size);height:var(--joy-zone-size);background:#0a0f1966;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 32px #0000004d;transition:border-color .15s,background-color .15s}.joy-zone.joy-walk{border-color:#88c888b3}.joy-zone.joy-run{border-color:#ff6b6bcc;background:#ff6b6b26}.joy-inner-ring{position:absolute;pointer-events:none;width:calc(var(--joy-inner-radius) * 2);height:calc(var(--joy-inner-radius) * 2);border:1px solid rgba(255,255,255,.15);border-radius:50%;transition:border-color .15s,background-color .15s}.joy-inner-ring.active{border-color:#88c88899;background:#88c8881a}.joy-stick{width:var(--joy-stick-size);height:var(--joy-stick-size);background:#ffffffe6;border-radius:50%;pointer-events:none;box-shadow:0 4px 12px #0000004d;will-change:transform}.mbtn{pointer-events:all;position:relative;width:var(--mbtn-size);height:var(--mbtn-size);display:flex;align-items:center;justify-content:center;background:#0a0f1966;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;font-size:1.5rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 20px #0000004d;transition:transform .08s,background-color .08s;touch-action:none}.mbtn:active,.mbtn.active{background:#fff3;transform:scale(.92)}.mbtn[data-label]:after{content:attr(data-label);position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);font-size:.65rem;letter-spacing:.15em;font-weight:600;color:#ffffffb3;text-transform:uppercase;pointer-events:none}.mbtn-icon{color:#ffffffeb}.mbtn-icon svg{width:38px;height:38px;pointer-events:none}#btn-extract-m{display:none;border-color:#f5c040;color:#fff4a0;background:#e8a0204d;animation:extractPulse 1.3s ease-in-out infinite}#btn-extract-m.visible{display:flex}@keyframes extractPulse{0%,to{box-shadow:0 0 20px #e8a0204d;transform:scale(1)}50%{box-shadow:0 0 30px #ffc85099;transform:scale(1.05)}}@supports (padding: max(0px)){#mobile-left{left:max(24px,env(safe-area-inset-left,24px));bottom:max(24px,env(safe-area-inset-bottom,24px))}#mobile-right{right:max(24px,env(safe-area-inset-right,24px));bottom:max(24px,env(safe-area-inset-bottom,24px))}}#settings-panel{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .22s ease;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}#settings-panel.visible{opacity:1;pointer-events:all}.settings-box{background:linear-gradient(180deg,#141a24f5,#0e121af5);border:1px solid rgba(232,192,96,.2);border-radius:16px;padding:22px 24px;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ffffff05 inset;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.settings-title{color:#f5e080;font-size:17px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;text-shadow:0 2px 8px rgba(232,160,32,.25)}.settings-sep{border:none;border-top:1px solid rgba(232,192,96,.14);margin:2px 0}.settings-btn{background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e0d8c0;padding:14px 18px;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer;text-align:left;letter-spacing:.3px;transition:all .15s,transform .08s;-webkit-tap-highlight-color:transparent}.settings-btn:hover,.settings-btn:active{border-color:#e8c060b3;color:#fff4a0;background:#c8a06024;transform:translateY(-1px)}.settings-btn.primary{border-color:#e8c060b3;color:#f5e080;background:#e8a0202e}.settings-row{display:flex;flex-direction:column;gap:8px}.settings-label{color:#e6dcc0;font-size:14px;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:20px}.settings-label-text{flex:1;min-width:0}.settings-label-value{color:#f5e080;font-weight:700;font-size:13px;letter-spacing:.2px;font-variant-numeric:tabular-nums;background:#e8c0601f;border:1px solid rgba(232,192,96,.25);padding:2px 8px;border-radius:999px;white-space:nowrap}.settings-label--toggle{cursor:pointer;justify-content:flex-start}.settings-label input[type=checkbox]{width:20px;height:20px;accent-color:#c8a060;cursor:pointer;flex-shrink:0}.settings-slider{-webkit-appearance:none;appearance:none;width:100%;height:32px;background:transparent;cursor:pointer;touch-action:pan-x;-webkit-tap-highlight-color:transparent;outline:none;padding:0;margin:0}.settings-slider::-webkit-slider-runnable-track{height:10px;background:linear-gradient(180deg,#00000080,#00000040);border:1px solid rgba(232,192,96,.18);border-radius:999px}.settings-slider::-moz-range-track{height:10px;background:linear-gradient(180deg,#00000080,#00000040);border:1px solid rgba(232,192,96,.18);border-radius:999px}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe89a,#f0c860 55%,#b8873a);border:2px solid rgba(14,18,26,.95);box-shadow:0 2px 6px #0000008c,0 0 0 1px #e8c06073;margin-top:-9px;transition:transform .08s ease}.settings-slider::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe89a,#f0c860 55%,#b8873a);border:2px solid rgba(14,18,26,.95);box-shadow:0 2px 6px #0000008c,0 0 0 1px #e8c06073;transition:transform .08s ease}.settings-slider:hover::-webkit-slider-thumb,.settings-slider:focus-visible::-webkit-slider-thumb{transform:scale(1.08)}.settings-slider:active::-webkit-slider-thumb{transform:scale(1.12)}.settings-slider:hover::-moz-range-thumb,.settings-slider:focus-visible::-moz-range-thumb{transform:scale(1.08)}.settings-slider:active::-moz-range-thumb{transform:scale(1.12)}.settings-hint{color:#9a9588;font-size:12.5px;letter-spacing:.15px;line-height:1.45}.settings-hint strong{color:#c8b888;font-weight:700}.settings-segmented{display:flex;gap:6px;background:#00000059;padding:4px;border-radius:10px;border:1px solid rgba(255,255,255,.06)}.settings-segmented button{flex:1;background:transparent;border:none;color:#aaa;padding:11px 12px;font-family:inherit;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:all .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.settings-segmented button.on{background:#c8a06038;color:#f5e080}.screen-hidden{display:none}@media(max-height:560px){#settings-panel{padding:10px}.settings-box{width:min(760px,calc(100vw - 20px));max-height:calc(100vh - 20px);padding:14px 20px;border-radius:12px;gap:8px}.settings-title{font-size:13px;letter-spacing:2px}.settings-sep{margin:1px 0}.settings-btn{padding:10px 14px;font-size:14px}.settings-row{gap:4px}.settings-label{font-size:12.5px;min-height:18px}.settings-label-value{font-size:12px;padding:1px 7px}.settings-hint{font-size:11px;line-height:1.3}.settings-slider{height:28px}.settings-slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7px}.settings-slider::-moz-range-thumb{width:22px;height:22px}.settings-segmented button{padding:8px 10px;font-size:12px}#settings-screen-b{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:8px;align-items:start}#settings-screen-b>.settings-title,#settings-screen-b>.settings-sep,#settings-screen-b>.settings-btn{grid-column:1 / -1}}@media(max-width:360px){.settings-box{padding:18px}.settings-label{font-size:13px}}