html,body{overflow:hidden;height:100%}body{background:#0f0d0b}.stage{position:fixed;top:0;right:0;bottom:0;left:0}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#pano{opacity:0;transition:none}#walk{opacity:0;pointer-events:none}body[data-moving=true] #pano{pointer-events:none}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 85% 80% at 50% 48%,transparent 58%,rgba(10,8,6,.28) 100%)}.loader--cafe{background:#15110e;z-index:30}.loader--cafe:before{content:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand__name{white-space:nowrap}.place{position:fixed;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 52px);transform:translate(-50%);margin:0;padding:5px 12px;border-radius:999px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:13px;font-weight:500;white-space:nowrap;z-index:10}body.is-loading-view .place:after{content:"";display:inline-block;width:5px;height:5px;margin-left:8px;vertical-align:middle;border-radius:50%;background:var(--mustard);animation:pulse .9s ease-in-out infinite}.hint{position:fixed;left:50%;bottom:calc(max(14px,env(safe-area-inset-bottom)) + 92px);transform:translate(-50%);z-index:10}.stops{list-style:none;margin:0 auto;padding:5px 8px;display:flex;align-items:center;gap:2px;border-radius:999px;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stop{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent}.stop__dot{width:7px;height:7px;border-radius:50%;background:var(--ink-3);transition:transform .2s var(--ease-out),background-color .2s ease}.stop[aria-current=location] .stop__dot{background:var(--mustard);transform:scale(1.5)}@media (hover: hover) and (pointer: fine){.stop:hover .stop__dot{background:var(--ink)}}.walknav{display:flex;flex-direction:column;gap:8px}.walkbtn{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:var(--glass-strong);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);transition:transform .16s var(--ease-out),opacity .2s ease,background-color .16s ease}.walkbtn svg{width:22px;height:22px}.walkbtn--tilt{width:44px;height:44px;align-self:center}.walkbtn--tilt svg{width:20px;height:20px}.walkbtn--tilt[aria-pressed=true]{background:var(--mustard);border-color:var(--mustard);color:var(--mustard-ink)}.walkbtn:active{transform:scale(.94)}.walkbtn:disabled{opacity:.3;cursor:default}@media (hover: hover) and (pointer: fine){.walkbtn:not(:disabled):hover{background:#282019f2}}.bottombar{align-items:flex-end}.bottombar>.chip{margin-bottom:4px}.panel{right:calc(var(--gutter) + 64px)}.fallback{z-index:25;background:#0f0d0bd9}@keyframes pulse{50%{opacity:.25}}@media (max-width: 640px){.brand__name{font-size:15px;padding:6px 10px}.stop{width:24px;height:24px}.walkbtn{width:48px;height:48px}.place{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 118px)}.hint{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 152px)}.panel{right:0}}@media (prefers-reduced-motion: reduce){.stop__dot{transition:none}}.room-back{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.room-back svg{width:20px;height:20px}.room-back:active{transform:scale(.94)}
