@font-face{font-family:Inter;src:url(/fonts/Inter-SemiBold.woff)format("woff");font-weight:500 700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--glass-bg:#ffffff8c;--glass-border:#ffffffa6;--glass-blur:blur(22px) saturate(180%);--glass-shadow:0 8px 32px #0000001f;--glass-inner:inset 0 0 0 1px var(--glass-border);--radius-card:22px;--radius-pill:999px;--ease:cubic-bezier(.2, .8, .2, 1);--dur:.24s;--font:Inter, -apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--text:#1f1f1f;--text-soft:#1f1f1f9e;--accent:#0a84ff;--accent-text:#fff;--chip-bg:#ffffff8c;--chip-active:#1f1f1f;--chip-active-text:#fff;--switch-off:#78788052;--page-bg:#e9ecef;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--glass-bg:#1e1e2080;--glass-border:#ffffff24;--glass-shadow:0 8px 32px #00000059;--text:#f5f5f7;--text-soft:#f5f5f7a8;--chip-bg:#ffffff1a;--chip-active:#f5f5f7;--chip-active-text:#1f1f1f;--switch-off:#78788066;--page-bg:#111214}}*{box-sizing:border-box}html,body{background:var(--page-bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;overflow:hidden}#app{width:100vw;height:100vh;touch-action:none;outline:none;height:100dvh;display:block;position:fixed;inset:0}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow), var(--glass-inner);color:var(--text)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:#ffffffe0}@media (prefers-color-scheme:dark){.glass{background:#1e1e20eb}}}.card{border-radius:var(--radius-card)}.pill{border-radius:var(--radius-pill)}#hud{pointer-events:none;z-index:10;--bar-h:56px;position:fixed;inset:0}#hud>*{pointer-events:auto}body.no-hud #hud,body.no-hud #loading{display:none!important}body.capture *,body.capture :before,body.capture :after{transition:none!important;animation:none!important}body.capture .welcome,body.capture #loading{display:none!important}body.locked #hud>.bottom-bar,body.locked #hud>.welcome,body.locked #hud>.menu{opacity:0;pointer-events:none}#hud>.hidden{pointer-events:none!important}.touch-only{display:none!important}body.touch .touch-only{display:revert!important}body.touch .welcome-gestures.touch-only{display:grid!important}body.touch .pill-btn.touch-only{display:inline-flex!important}body.touch .desktop-only{display:none!important}.tab:active,.pill-btn:active,.chip:active,.tour-controls button:active{transform:scale(.96)}.minimap-card{top:calc(16px + var(--safe-top));left:calc(16px + var(--safe-left));transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute}#minimap{border-radius:14px;width:176px;height:176px;display:block}.tabs{gap:6px;display:flex}.tab{font:600 12px/1 var(--font);letter-spacing:.02em;border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--text);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);border:0;flex:1;padding:8px 0}.tab.active{background:var(--chip-active);color:var(--chip-active-text)}.room-pill{top:calc(16px + var(--safe-top) + 236px);left:calc(16px + var(--safe-left));white-space:nowrap;max-width:min(280px,100vw - 32px);transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:baseline;gap:8px;padding:9px 16px;display:flex;position:absolute}.room-level{font:600 11px/1 var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft)}.room-name{font:650 15px/1.1 var(--font);text-overflow:ellipsis;overflow:hidden}.room-pill.bump,.tour-subtitle.bump{animation:bump .3s var(--ease)}@keyframes bump{0%{opacity:.4;transform:translateY(4px)scale(.96)}to{opacity:1;transform:none}}.tour-subtitle.bump{animation-name:bump-centered}@keyframes bump-centered{0%{opacity:.4;transform:translate(-50%,4px)scale(.96)}to{opacity:1;transform:translate(-50%)}}.bottom-bar{left:50%;bottom:calc(16px + var(--safe-bottom));border-radius:var(--radius-card);max-width:min(760px,100vw - 32px);transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:center;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:6px;min-width:0;margin:-2px;padding:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--text);font:600 13px/1 var(--font);cursor:pointer;white-space:nowrap;scroll-snap-align:center;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);border:0;flex:none;padding:9px 14px}.chip.active{background:var(--chip-active);color:var(--chip-active-text)}.bar-actions{flex:none;gap:6px;display:flex}.pill-btn{border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--text);font:650 13px/1 var(--font);cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease), opacity var(--dur) var(--ease);border:0;padding:9px 16px}.pill-btn.accent{background:var(--accent);color:var(--accent-text)}.pill-btn.active{background:var(--chip-active);color:var(--chip-active-text)}.pill-btn:disabled{opacity:.45;cursor:default}.pill-btn.icon{justify-content:center;align-items:center;min-width:36px;padding:7px 10px;display:inline-flex}.pill-btn.icon svg{display:block}.tour-controls{top:calc(16px + var(--safe-top));right:calc(16px + var(--safe-right));gap:6px;padding:6px;display:flex;position:absolute}.tour-controls[hidden]{display:none}.tour-subtitle{left:50%;bottom:calc(28px + var(--safe-bottom) + var(--bar-h));max-width:calc(100vw - 32px);font:650 14px/1.1 var(--font);white-space:nowrap;align-items:center;gap:8px;padding:9px 16px 9px 12px;display:flex;position:absolute;transform:translate(-50%)}.tour-subtitle[hidden]{display:none}.tour-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 0 3px #0a84ff38}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(.75)}}.menu{right:16px;bottom:calc(28px + var(--safe-bottom) + var(--bar-h));transform-origin:100% 100%;width:min(280px,100vw - 32px);animation:menu-in .22s var(--ease);flex-direction:column;gap:8px;padding:12px 14px;display:flex;position:absolute}.menu[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.menu-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-text{flex-direction:column;gap:2px;display:flex}.menu-title{font:650 14px/1.2 var(--font)}.menu-sub,.menu-hint{font:500 12px/1.3 var(--font);color:var(--text-soft)}.menu-hint{border-top:1px solid var(--glass-border);margin:0;padding-top:8px}.switch{appearance:none;border-radius:var(--radius-pill);background:var(--switch-off);cursor:pointer;width:48px;height:30px;transition:background var(--dur) var(--ease);flex:none;margin:0;position:relative}.switch:before{content:"";width:24px;height:24px;transition:transform var(--dur) var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000040}.switch:checked{background:#34c759}.switch:checked:before{transform:translate(18px)}.joystick-zone{left:calc(20px + var(--safe-left));bottom:calc(24px + var(--safe-bottom) + var(--bar-h));touch-action:none;width:150px;height:150px;position:absolute}.joystick-zone[hidden]{display:none}.welcome{text-align:left;width:min(360px,100vw - 32px);transition:opacity .3s var(--ease), transform .3s var(--ease);padding:22px 22px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-46%)scale(.96)}.welcome-kicker{font:600 11px/1.2 var(--font);text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft);margin:0 0 2px}.welcome h1{font:700 26px/1.15 var(--font);letter-spacing:-.01em;margin:0}.welcome-sub{font:500 14px/1.3 var(--font);color:var(--text-soft);margin:4px 0 14px}.welcome-tips{font:500 13px/1.3 var(--font);gap:8px;margin:0 0 16px;padding:0;list-style:none;display:grid}kbd{background:var(--chip-bg);min-width:20px;box-shadow:inset 0 0 0 1px var(--glass-border);font:600 11px/1.4 var(--font);text-align:center;border-radius:6px;margin-right:3px;padding:2px 6px;display:inline-block}.welcome-actions{gap:8px;display:flex}.welcome-gestures{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0 0;padding:0;list-style:none;display:grid}.welcome-gestures li{background:var(--chip-bg);font:650 12px/1.15 var(--font);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;display:flex}.welcome-gestures svg{width:36px;height:36px;color:var(--accent)}.welcome-gestures small{font:500 11px/1.2 var(--font);color:var(--text-soft);margin-top:2px;display:block}#loading{left:50%;bottom:calc(96px + var(--safe-bottom));font:600 13px/1 var(--font);z-index:11;transition:opacity .3s var(--ease);padding:9px 16px;position:fixed;transform:translate(-50%)}#loading.done{opacity:0;pointer-events:none}#fade{opacity:0;pointer-events:none;transition:opacity .25s var(--ease);z-index:20;background:#000;position:fixed;inset:0}#fade.on{opacity:1}#debug{color:#9cff9c;z-index:30;pointer-events:none;white-space:pre;background:#0000009e;border-radius:10px;margin:0;padding:8px 10px;font:11px/1.35 ui-monospace,Consolas,monospace;position:fixed;bottom:12px;right:12px}#debug[hidden]{display:none}@media (max-width:640px){#minimap{width:128px;height:128px}.room-pill{top:calc(16px + var(--safe-top) + 188px)}.bottom-bar{flex-direction:column;align-items:stretch;width:calc(100vw - 32px)}.bar-actions{justify-content:center}.chip,.pill-btn{padding-top:11px;padding-bottom:11px}.pill-btn.icon{padding-top:9px;padding-bottom:9px}.welcome{padding:18px 16px 14px}.welcome h1{font-size:23px}.welcome-sub{margin-bottom:10px}#loading{bottom:calc(28px + var(--safe-bottom) + 110px)}}@media (prefers-reduced-motion:reduce){.room-pill.bump,.tour-subtitle.bump,.menu,.tour-dot{animation:none}}