: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:24px 26px;width:min(380px,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:18px;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:4px 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-btn.danger{color:#ff9a7a;border-color:#ff9a7a59}.settings-btn.danger:hover,.settings-btn.danger:active{color:#ffb39a;border-color:#ff9a7ab3;background:#ff64501f}.settings-row{display:flex;flex-direction:column;gap:8px}.settings-label{color:#e0d8c0;font-size:14px;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;gap:8px}.settings-label input[type=checkbox]{width:18px;height:18px;accent-color:#c8a060;cursor:pointer}.settings-slider{width:100%;accent-color:#c8a060;cursor:pointer;height:28px;touch-action:pan-x}.settings-slider::-webkit-slider-thumb{width:22px;height:22px}.settings-segmented button{touch-action:manipulation}.settings-hint{color:#9a9588;font-size:12.5px;letter-spacing:.2px;line-height:1.5}.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:10px 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}.settings-segmented button.on{background:#c8a06038;color:#f5e080}.screen-hidden{display:none}@media(max-height:520px){#settings-panel{padding:10px}.settings-box{width:min(720px,calc(100vw - 20px));max-height:calc(100vh - 20px);padding:16px 22px;border-radius:12px;gap:8px}.settings-title{font-size:14px;letter-spacing:2px}.settings-sep{margin:2px 0}.settings-btn{padding:10px 14px;font-size:14px}.settings-row{gap:5px}.settings-label{font-size:13px}.settings-hint{font-size:11.5px;line-height:1.35}#settings-screen-b{display:grid;grid-template-columns:1fr 1fr;column-gap:22px;row-gap:10px;align-items:start}#settings-screen-b>.settings-title,#settings-screen-b>.settings-sep,#settings-screen-b>.settings-btn{grid-column:1 / -1}}