:root{--ink-950: #07101c;--ink-900: #0c1726;--ink-850: #111f31;--ink-800: #17283c;--ink-700: #2a4058;--text: #edf6ff;--muted: #a7b8c9;--quiet: #7f93a8;--cyan: #38d5ff;--cyan-soft: #b8f0ff;--orange: #f0642f;--amber: #f5b451;--line: rgba(178, 207, 231, .22);--panel: rgba(7, 16, 28, .91);--radius: 14px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:var(--ink-950);color:var(--text);font-family:Aptos,Segoe UI Variable,Segoe UI,system-ui,sans-serif}body>canvas{display:block;touch-action:none}button,select,summary{font:inherit}button,select{min-height:44px}button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}#floor-transition{position:fixed;top:16px;left:50%;z-index:29;display:grid;grid-template-columns:auto 92px auto;align-items:center;gap:9px;min-width:252px;padding:9px 13px 8px;transform:translate(-50%,-10px) scale(.96);opacity:0;background:#07101ce6;border:1px solid rgba(56,213,255,.32);border-radius:12px;box-shadow:0 14px 34px #02070e4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#ecf7ff;font-size:11px;font-weight:820;letter-spacing:.04em;pointer-events:none;transition:opacity .25s ease,transform .42s cubic-bezier(.22,1,.36,1)}#floor-transition.visible{transform:translate(-50%) scale(1);opacity:1}#floor-transition.settled{transform:translate(-50%,-4px) scale(.98);opacity:0}#floor-transition>i{position:relative;overflow:hidden;height:3px;border-radius:99px;background:#b2cfe72e}#floor-transition>i b{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:linear-gradient(90deg,var(--orange),var(--cyan));box-shadow:0 0 9px #38d5ffb3}#floor-transition small{grid-column:1 / -1;color:#8299ad;font-size:7px;font-weight:780;letter-spacing:.13em;text-align:center}@keyframes floor-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#level-rail{position:fixed;top:var(--space-4);right:var(--space-4);z-index:25;display:flex;flex-direction:column;gap:var(--space-1);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scrollbar-color:rgba(56,213,255,.72) rgba(7,16,28,.2);scrollbar-width:thin}.level-btn{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:112px;padding:7px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#cbd9e7;cursor:pointer;text-align:left;line-height:1.1}.level-btn:hover{background:#b2cfe71a}.level-btn b{font-size:14px;font-weight:750;letter-spacing:.02em}.level-btn span{margin-top:3px;color:var(--quiet);font-size:11px}.level-btn.active{background:#f0642f30;border-color:#f0642fbf;color:#fff0e8}.level-btn.active span{color:#ffc4a8}.level-btn.shown:not(.active){background:#b2cfe714}.level-btn.shown:not(.active):after{position:absolute;right:10px;width:6px;height:6px;border-radius:50%;background:var(--cyan);content:""}.building-btn{margin-bottom:3px;border-bottom-color:var(--line);border-radius:9px 9px 4px 4px}.building-btn.active{background:#38d5ff29;border-color:#38d5ffa6;color:var(--cyan-soft)}#panel{position:fixed;top:var(--space-4);left:var(--space-4);z-index:20;width:350px;max-height:calc(100dvh - 350px);overflow:auto;overscroll-behavior:contain;padding:var(--space-4);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #02070e3d;scrollbar-width:thin;scrollbar-color:rgba(56,213,255,.72) rgba(7,16,28,.2);scrollbar-gutter:stable}#panel::-webkit-scrollbar,#level-rail::-webkit-scrollbar,.presenter-tools::-webkit-scrollbar{width:8px;height:8px}#panel::-webkit-scrollbar-track,#level-rail::-webkit-scrollbar-track,.presenter-tools::-webkit-scrollbar-track{background:#07101c33;border-radius:999px}#panel::-webkit-scrollbar-thumb,#level-rail::-webkit-scrollbar-thumb,.presenter-tools::-webkit-scrollbar-thumb{min-height:34px;background:linear-gradient(180deg,#38d5ffe0,#4889bcc7);border:2px solid rgba(7,16,28,.86);border-radius:999px}#panel::-webkit-scrollbar-thumb:hover,#level-rail::-webkit-scrollbar-thumb:hover,.presenter-tools::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyan),var(--amber))}#panel header{margin-bottom:var(--space-4)}#panel .eyebrow{margin-bottom:var(--space-1);color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.12em}#panel h1{font-size:24px;font-weight:720;letter-spacing:-.025em;line-height:1.05}#panel header .level-title{margin-top:var(--space-2);color:#d9e8f5;font-size:14px;font-weight:700}#panel header p:not(.eyebrow,.level-title,.view-mode){margin-top:var(--space-1);color:var(--muted);font-size:12px;line-height:1.42}#panel .view-mode{margin-top:var(--space-2);color:var(--amber);font-size:11px;font-weight:650}#panel section{margin-bottom:var(--space-4)}#panel h2{margin-bottom:var(--space-2);color:#9eb2c6;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.experience-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}#panel button,#panel select{padding:8px 11px;border:1px solid #314962;border-radius:9px;background:var(--ink-850);color:#e1edf7;cursor:pointer;font-size:12px}#panel button:hover,#panel select:hover{background:var(--ink-800);border-color:#4e6c89}.experience-controls button{padding-inline:6px!important;color:#bdd0e1!important;font-size:11px!important;font-weight:700}.experience-controls button.active{background:#38d5ff2b!important;border-color:#38d5ffbf!important;color:#e3faff!important}.story-status{margin-top:var(--space-2);padding:var(--space-3);background:#14273ac7;border:1px solid rgba(112,223,255,.28);border-radius:11px}.story-status>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2)}.story-status i{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px #38d5ff1f}.story-status b{font-size:13px}.story-status strong{color:var(--cyan-soft);font-size:13px}.story-status p{margin-top:6px;color:#d1dfeb;font-size:12px;line-height:1.35}.story-status small{display:block;margin-top:var(--space-2);color:var(--muted);font-size:11px;line-height:1.4}.accuracy-note{margin-top:var(--space-2);color:#8fa6bb;font-size:10px;font-weight:650;letter-spacing:.02em}#panel .controls{display:flex;flex-wrap:wrap;gap:6px}.camera-controls button{flex:1 1 auto}#panel .legend{display:flex;flex-wrap:wrap;gap:6px 12px}#panel .legend div{display:flex;align-items:center;gap:6px;min-height:22px;cursor:help;font-size:11px}#panel .legend i{width:8px;height:8px;flex:none;border-radius:50%}#panel .legend b{color:#cbd9e6;font-weight:550}.presenter-tools{padding-top:var(--space-3);border-top:1px solid var(--line)}.presenter-tools summary{display:list-item;min-height:44px;line-height:44px;color:#aabed0;cursor:pointer;font-size:12px;font-weight:650}.presenter-tools[open] summary{margin-bottom:var(--space-2)}#panel .stats{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);color:#849ab0;font-size:10px}#minimap{position:fixed;bottom:var(--space-4);left:var(--space-4);z-index:20;overflow:hidden;padding:10px;background:#07101cf0;border:1px solid rgba(178,207,231,.24);border-radius:16px;box-shadow:0 18px 48px #02070e5c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);line-height:1.2}#minimap>header{display:flex;align-items:center;justify-content:space-between;padding:1px 2px 9px}#minimap>header div{display:flex;align-items:baseline;gap:8px}#minimap>header small{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.13em}#minimap>header strong{color:#f1f7fc;font-size:13px;font-weight:720}.minimap-feed{padding:4px 7px;border:1px solid rgba(245,180,81,.52);border-radius:999px;color:var(--amber);font-size:8px;font-weight:850;letter-spacing:.09em}.minimap-viewport{position:relative;overflow:hidden;border:1px solid rgba(184,214,237,.13);border-radius:10px;background:#0c111a}#minimap canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.minimap-viewport canvas+canvas{cursor:crosshair}#minimap footer{display:flex;align-items:center;gap:12px;padding:9px 2px 0;color:#9fb1c2;font-size:8px;font-weight:650}#minimap footer span{display:inline-flex;align-items:center;gap:4px}#minimap footer i{display:inline-block;width:7px;height:7px;border-radius:50%}#minimap footer .route-key{background:var(--cyan);box-shadow:0 0 7px #38d5ffb3}#minimap footer .guest-key{background:#58e6a9}#minimap footer .camera-key{background:transparent;border:1px solid #fff}#minimap footer em{margin-left:auto;color:#71879c;font-style:normal}.minimap-compass{position:absolute;top:9px;right:9px;z-index:2;display:grid;place-items:center;width:25px;height:30px;border-radius:8px;background:#07101cc7;color:#fff;font-size:8px;font-weight:800;pointer-events:none}.minimap-compass i{width:0;height:0;border-right:4px solid transparent;border-bottom:8px solid var(--orange);border-left:4px solid transparent}#mobile-companion{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:21;width:276px;pointer-events:none}.phone-shell{position:relative;overflow:hidden;min-height:462px;padding:13px 16px 15px;background:radial-gradient(circle at 50% 43%,rgba(22,191,232,.16),transparent 34%),linear-gradient(160deg,#0d1d2ffa,#040b14fa);border:5px solid #121a25;border-radius:34px;box-shadow:0 24px 60px #02070e7a,inset 0 0 0 1px #ffffff14}.phone-shell:before{position:absolute;top:7px;left:50%;width:64px;height:16px;transform:translate(-50%);border-radius:999px;background:#060b12;content:""}.phone-status,.phone-head,.phone-trust{display:flex;align-items:center}.phone-status{justify-content:space-between;height:18px;color:#dbe9f4;font-size:8px;font-weight:750}.phone-status i{width:4px;height:4px;margin-left:auto;margin-right:5px;border-radius:50%;background:var(--amber);box-shadow:0 0 6px var(--amber)}.phone-status b{color:var(--amber);font-size:7px;letter-spacing:.1em}.phone-head{justify-content:space-between;margin-top:12px}.phone-app{color:var(--cyan);font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.phone-floor{padding:4px 6px;border:1px solid rgba(164,199,224,.24);border-radius:999px;color:#b6c9d9;font-size:7px;font-weight:720}.phone-destination{display:-webkit-box;min-height:35px;margin-top:11px;overflow:hidden;color:#f4f9fd;font-size:16px;font-weight:760;letter-spacing:-.025em;line-height:1.08;-webkit-box-orient:vertical;-webkit-line-clamp:2}.phone-person{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;margin-top:9px;padding:7px 8px;border:1px solid rgba(56,213,255,.2);border-radius:11px;background:#38d5ff12}.phone-person>i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#58e6a9,#16bfe8);color:#06111f;font-size:11px;font-style:normal;font-weight:900}.phone-person span{display:grid;gap:1px}.phone-person small{color:#6f8ba1;font-size:6px;font-weight:800;letter-spacing:.1em}.phone-person strong{color:#edf8ff;font-size:9px}.phone-person>b{color:#58e6a9;font-size:6px;letter-spacing:.08em}.phone-radar{position:relative;width:130px;height:130px;margin:7px auto 2px}.phone-lift{position:relative;display:none;width:190px;height:139px;margin:7px auto 2px}.phone-lift-track{position:absolute;top:4px;bottom:27px;left:50%;width:42px;transform:translate(-50%);overflow:hidden;border:1px solid rgba(112,223,255,.46);border-radius:9px;background:repeating-linear-gradient(0deg,transparent 0 17px,rgba(112,223,255,.13) 18px 19px),#05111dc2;box-shadow:inset 0 0 18px #38d5ff1f,0 0 20px #38d5ff1a}.phone-lift-track:after{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#70dfff3d;content:""}.phone-lift-cabin{position:absolute;right:6px;bottom:6px;left:6px;z-index:1;display:grid;place-items:center;height:27px;border:1px solid rgba(229,249,255,.94);border-radius:5px;background:linear-gradient(145deg,#70dfff85,#1f5577c7);box-shadow:0 0 14px #38d5ffa3,inset 0 0 0 1px #ffffff29}.phone-lift-cabin b{color:#f2fbff;font-size:6px;font-style:normal;letter-spacing:.11em}.phone-lift-floor{position:absolute;right:9px;min-width:34px;padding:4px 6px;border:1px solid rgba(178,207,231,.2);border-radius:999px;color:#b8d0e1;font-size:7px;font-weight:800;text-align:center}.phone-lift-floor.lift-to{top:5px}.phone-lift-floor.lift-from{bottom:28px}.phone-lift-direction{position:absolute;right:0;bottom:4px;left:0;color:var(--cyan);font-size:7px;letter-spacing:.14em;text-align:center}#mobile-companion[data-stage=lift-transfer] .phone-radar{display:none}#mobile-companion[data-stage=lift-transfer] .phone-lift{display:block}#mobile-companion[data-stage=lift-transfer][data-lift-direction=up] .phone-lift-cabin{animation:phone-lift-up 2.35s cubic-bezier(.65,0,.35,1) infinite}#mobile-companion[data-stage=lift-transfer][data-lift-direction=down] .phone-lift-cabin{animation:phone-lift-down 2.35s cubic-bezier(.65,0,.35,1) infinite}@keyframes phone-lift-up{0%,8%{transform:translateY(0)}92%,to{transform:translateY(-67px)}}@keyframes phone-lift-down{0%,8%{transform:translateY(-67px)}92%,to{transform:translateY(0)}}.radar-ring,.accuracy-orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(56,213,255,.2);border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:100%;height:100%}.ring-b{width:70%;height:70%}.ring-c{width:41%;height:41%}.accuracy-orbit{width:12px;height:12px;background:#fff;border:3px solid rgba(56,213,255,.75);box-shadow:0 0 0 8px #38d5ff1a,0 0 24px #38d5ffb8}.direction-arrow{--bearing: 0deg;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(var(--bearing));transition:transform .55s cubic-bezier(.22,1,.36,1)}.direction-arrow i{position:absolute;top:2px;left:50%;width:0;height:0;transform:translate(-50%);border-right:12px solid transparent;border-bottom:28px solid var(--cyan);border-left:12px solid transparent;filter:drop-shadow(0 0 8px rgba(56,213,255,.72))}.phone-distance{display:flex;align-items:baseline;justify-content:center;gap:7px}.phone-distance strong{color:#fff;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.phone-distance span{color:#95adbf;font-size:9px}.phone-instruction{min-height:36px;margin-top:5px;color:#cee0ed;font-size:10px;line-height:1.35;text-align:center}.phone-uwb{position:relative;display:grid;grid-template-columns:36px 1fr;align-items:center;min-height:38px;margin-top:5px;padding:6px 8px;border-radius:10px;background:#081523e6;box-shadow:inset 0 0 0 1px #38d5ff1f}.phone-uwb div{grid-column:2;display:grid;gap:2px}.phone-uwb b{color:#70dfff;font-size:7px;letter-spacing:.08em}.phone-uwb small{color:#839caf;font-size:6.5px;line-height:1.3}.phone-uwb .anchor{position:absolute;left:9px;width:5px;height:5px;border-radius:50%;background:#58e6a9;box-shadow:0 0 6px #58e6a9}.phone-uwb .a1{top:8px}.phone-uwb .a2{top:8px;left:27px}.phone-uwb .a3{bottom:8px}.phone-uwb .a4{bottom:8px;left:27px}.phone-trust{justify-content:center;gap:6px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(178,207,231,.13);color:#7890a3;font-size:7px;font-weight:650}.phone-trust i{width:6px;height:6px;border-radius:50%;background:#58e6a9;box-shadow:0 0 7px #58e6a99e}#mobile-companion.mode-enter .phone-radar,#mobile-companion.mode-enter .phone-distance{animation:phone-enter .6s cubic-bezier(.22,1,.36,1) both}@keyframes phone-enter{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:var(--ink-950);color:var(--muted);font-size:14px;letter-spacing:.04em;transition:opacity .45s}#loading.done{opacity:0;pointer-events:none}@media(max-height:820px)and (min-width:761px){#panel{max-height:calc(100dvh - 292px)}#minimap,#mobile-companion{transform:scale(.84);transform-origin:bottom left}#mobile-companion{transform-origin:bottom right}}@media(max-width:1120px)and (min-width:761px){#mobile-companion{transform:scale(.82);transform-origin:bottom right}}@media(max-width:1024px)and (min-width:901px){#floor-transition{left:382px;min-width:min(220px,calc(100vw - 540px))}}@media(max-width:900px)and (min-width:761px){#panel{transform:scale(.82);transform-origin:top left}#level-rail{max-height:calc(100dvh - 305px);transform:scale(.82);transform-origin:top right}#minimap{transform:scale(.66);transform-origin:bottom left}#mobile-companion{transform:scale(.68);transform-origin:bottom right}#floor-transition{left:382px;min-width:min(220px,calc(100vw - 524px));transform:translateY(-10px) scale(.96)}#floor-transition.visible{transform:translateY(0) scale(1)}#floor-transition.settled{transform:translateY(-4px) scale(.98)}}@media(max-height:740px)and (min-width:901px){#minimap{transform:scale(.76);transform-origin:bottom left}#mobile-companion{transform:scale(.74);transform-origin:bottom right}}@media(max-height:660px)and (min-width:761px){#panel{max-height:calc(100dvh - 270px)}#level-rail{max-height:calc(100dvh - 305px);transform:scale(.82);transform-origin:top right}#minimap{transform:scale(.68);transform-origin:bottom left}#mobile-companion{transform:scale(.62);transform-origin:bottom right}}@media(max-width:760px){#level-rail{top:45px;right:8px;left:8px;flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;padding:5px;scrollbar-width:none;scroll-snap-type:x proximity}#level-rail::-webkit-scrollbar{display:none}.level-btn{min-width:86px;min-height:48px;padding:6px 9px;scroll-snap-align:center}.level-btn b{font-size:12px}.level-btn span{font-size:9px}.building-btn{margin:0 3px 0 0;border-right-color:var(--line);border-bottom-color:transparent;border-radius:8px 4px 4px 8px}#panel{top:auto;right:0;bottom:0;left:0;width:auto;max-height:44vh;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:16px 16px 0 0;box-shadow:0 -16px 42px #02070e52}#panel header{margin-bottom:10px}#panel h1{font-size:19px}#panel header .level-title{display:inline;margin-left:7px;font-size:12px}#panel header p:not(.eyebrow,.level-title,.view-mode),#panel .view-mode,#panel .legend,#panel section:nth-of-type(3),#panel .stats{display:none}#panel section{margin-bottom:10px}.story-status small,#minimap,#mobile-companion{display:none}}@media(max-width:430px){#panel{max-height:48vh}.experience-controls button{min-height:44px;font-size:10px!important}.story-status{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}