:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--navy:#0b1d33;--navy-2:#12304f;--glass:#0b1d33b8;--glass-line:#ffffff29;--ink:#f4f8fc;--muted:#a9bad0;--gold:#f2c230;--gold-ink:#231a00;--ok:#3ad29f;--tap:48px}*,:before,:after{box-sizing:border-box}html,body{background:var(--navy);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}button{font:inherit;color:inherit;touch-action:manipulation}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}.hud-top{top:calc(10px + var(--safe-top));left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.brand{background:var(--glass);border:1px solid var(--glass-line);height:var(--tap);letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);border-radius:14px;align-items:center;padding:0 14px;font-size:15px;display:flex}.brand b{color:var(--gold);margin-right:5px}.segmented{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(8px);border-radius:14px;gap:3px;padding:3px;display:inline-flex}.segmented button{min-height:calc(var(--tap) - 8px);min-width:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:11px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.segmented button.on{background:var(--gold);color:var(--gold-ink)}.segmented svg{width:18px;height:18px}.hud-col{right:calc(10px + var(--safe-right));bottom:calc(18px + var(--safe-bottom));flex-direction:column;gap:10px;display:flex;position:absolute}.hbtn{border:1px solid var(--glass-line);background:var(--glass);width:56px;height:56px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.hbtn svg{width:22px;height:22px}.hbtn small{color:var(--muted);letter-spacing:.02em;font-size:10px}.hbtn.on{background:var(--gold);color:var(--gold-ink)}.hbtn.on small{color:var(--gold-ink)}.hbtn:active{transform:scale(.96)}#hud[data-mode=overview] .walk-only,#hud[data-mode=walk] .over-only{display:none}.joystick{pointer-events:none;opacity:0;width:0;height:0;transition:opacity .12s;position:absolute}.joystick.on{opacity:1}.joy-base,.joy-knob{border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.joy-base{background:#ffffff1f;border:2px solid #ffffff73;width:128px;height:128px}.joy-knob{background:#f2c230e6;border:2px solid #fffc;width:58px;height:58px}.joy-hint{left:calc(26px + var(--safe-left));bottom:calc(42px + var(--safe-bottom));color:#ffffffbf;letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0b1d3340;border:2px dashed #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:112px;height:112px;font-size:12px;display:none;position:absolute}.joy-hint.on{display:flex}.toast{left:50%;bottom:calc(96px + var(--safe-bottom));border:1px solid var(--glass-line);text-align:center;opacity:0;background:#0b1d33eb;border-radius:14px;max-width:min(92vw,420px);padding:12px 16px;font-size:14px;line-height:1.35;transition:opacity .2s,transform .2s;position:absolute;transform:translate(-50%,12px);pointer-events:none!important}.toast.on{opacity:1;transform:translate(-50%)}.chip{left:50%;bottom:calc(24px + var(--safe-bottom));opacity:0;gap:6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;transform:translate(-50%,20px);pointer-events:none!important}.chip.on{opacity:1;transform:translate(-50%);pointer-events:auto!important}.chip button{border:1px solid var(--glass-line);background:var(--gold);height:52px;color:var(--gold-ink);cursor:pointer;border-radius:26px;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.chip .chip-x{background:var(--glass);width:52px;color:var(--ink);justify-content:center;padding:0}.chip svg{width:20px;height:20px}.fade{opacity:0;background:#000;transition:opacity .22s;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none!important}.fade.on{opacity:1}.scrim{opacity:0;background:#00000059;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none!important}.scrim.on{opacity:1;pointer-events:auto!important}.sheet{border-top:1px solid var(--glass-line);max-height:82%;padding:10px calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));pointer-events:auto;background:#0f2742;border-radius:22px 22px 0 0;flex-direction:column;max-width:560px;margin:0 auto;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.sheet.open{transform:none}.sheet-grab{background:#ffffff4d;border-radius:3px;width:44px;height:5px;margin:0 auto 8px}.sheet-head h2{margin:4px 0 8px;font-size:20px}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:6px;overflow-y:auto}.sheet-close{top:12px;right:calc(12px + var(--safe-right));width:var(--tap);height:var(--tap);color:var(--ink);cursor:pointer;background:#ffffff14;border:0;border-radius:50%;position:absolute}.sheet-close svg{width:22px;height:22px}.row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:8px 0;display:flex}.row b{font-size:15px;display:block}.row small{color:var(--muted);margin-top:2px;font-size:12.5px;line-height:1.3;display:block}.switch{-webkit-appearance:none;appearance:none;cursor:pointer;background:#fff3;border-radius:16px;flex:none;width:56px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--ok)}.switch:checked:after{transform:translate(24px)}.q-seg button{padding:0 10px;font-size:13px}.help{color:var(--muted);padding:14px 0 4px;font-size:13.5px;line-height:1.45}.help b{color:var(--ink)}.help p{margin:6px 0}.help span{color:var(--gold);font-weight:600}.links{padding:10px 0 2px}.links a{color:var(--gold);padding:10px 0;font-size:14px;display:inline-block}.labels{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.lbl{border:1px solid var(--glass-line);white-space:nowrap;will-change:transform;background:#0b1d33d1;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 3px;font-size:11.5px;display:inline-flex;position:absolute;top:0;left:0}.lbl b{background:var(--accent,#9aa0a6);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;display:inline-flex}.lbl.compact{background:0 0;border:0;padding:0}.lbl.compact span{display:none}#loader{z-index:50;background:radial-gradient(circle at 50% 35%, #17406b, var(--navy) 70%);justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#loader.done{opacity:0;pointer-events:none}.loader-card{text-align:center;width:min(100%,340px)}.loader-logo{letter-spacing:.1em;font-size:40px}.loader-logo b{color:var(--gold)}.loader-sub{color:var(--muted);margin:6px 0 26px;font-size:13px}.loader-bar{background:#ffffff24;border-radius:4px;height:8px;overflow:hidden}.loader-bar i{background:var(--gold);border-radius:4px;width:0;height:100%;transition:width .2s;display:block}.loader-msg{color:var(--muted);min-height:1.4em;margin-top:12px;font-size:13px}.loader-link{color:var(--muted);margin-top:22px;padding:12px;font-size:12.5px;display:inline-block}#loader.error .loader-bar{display:none}#loader.error .loader-msg{color:#ffb4a8;font-size:15px;line-height:1.4}.loader-err{color:#ffb4a8}.panel{left:calc(10px + var(--safe-left));right:calc(10px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));border:1px solid var(--glass-line);pointer-events:auto;background:#0b1d33f0;border-radius:16px;max-width:440px;padding:12px 14px;font-size:13px;position:absolute}.panel h3{color:var(--gold);margin:0 0 6px;font-size:14px}.panel .grid{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0;display:grid}.panel button,.panel select,.panel input[type=number]{border:1px solid var(--glass-line);min-height:44px;color:var(--ink);background:#ffffff14;border-radius:10px;padding:0 8px;font-size:13px}.panel button.primary{background:var(--gold);color:var(--gold-ink);font-weight:700}.panel button.on{background:var(--ok);color:#04281d}.panel .mono{color:var(--muted);word-break:break-all;margin:4px 0;font-family:ui-monospace,Menlo,Consolas,monospace}.panel .rowline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.stats{left:calc(10px + var(--safe-left));top:calc(66px + var(--safe-top));white-space:pre;background:#0000008c;border-radius:8px;padding:4px 7px;font:11px/1.3 ui-monospace,Menlo,Consolas,monospace;position:absolute;pointer-events:none!important}.map2d{z-index:20;pointer-events:auto;background:#08121f;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.map2d canvas{touch-action:none;flex:1;width:100%;min-height:0}.map2d .bar{padding:calc(8px + var(--safe-top)) 10px 8px;background:#0b1d33;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.map2d .bar button{border:1px solid var(--glass-line);background:#ffffff14;border-radius:10px;min-height:44px;padding:0 12px}.map2d .bar button.on{background:var(--gold);color:var(--gold-ink)}.map2d .bar input[type=range]{width:90px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}@media (max-height:460px){.hbtn{border-radius:14px;width:48px;height:48px}.hbtn small{display:none}.hud-col{bottom:calc(10px + var(--safe-bottom));gap:8px}.sheet{max-height:94%}}.panel.top{top:calc(64px + var(--safe-top));bottom:auto}.panel select{min-height:40px}#hud>.joystick,#hud>.joy-hint,#hud>.stats{pointer-events:none!important}.panel .grid6{grid-template-columns:repeat(6,1fr);gap:5px;margin:8px 0 4px;display:grid}.panel .grid6 button{min-height:42px;padding:0 2px;font-size:14px}.panel .rowline button,.panel .rowline select{min-height:42px}.panel .mono{font-size:11.5px;line-height:1.35}.panel .linkbtn{min-height:36px;color:var(--muted);background:0 0;border:0;padding:0;font-size:12px;text-decoration:underline}#hud{z-index:5}.labels{z-index:1}.chip{z-index:10}.toast{z-index:11}