@import './place-header.css';
@import './place-navigation.css';
@import './glass-panels.css';
@import './icons.css';
@import './service-result.css';
html.vp-scene-only{overscroll-behavior:none;scrollbar-width:none}
/* Keep sticky scenes attached to the document when a dialog locks the root. */
html.vp-scene-only body{overflow-x:clip}
html.vp-scene-only::-webkit-scrollbar{display:none}
.vp-scene-shell{font:500 14px/1.5 var(--sans,Arial,sans-serif);color:#fafbff}
.vp-scene-shell .vp-place-header{position:fixed;z-index:40;max-width:calc(100vw - 185px)}
.vp-scene-shell .vp-bottom-navigation{position:fixed;z-index:40;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);margin:0}
dialog.vp-scene-menu{position:fixed;inset:0;width:min(540px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:26px;margin:auto;overflow:auto;font-family:inherit;color:#fafbff}
.vp-scene-menu header{display:flex;align-items:center;gap:20px;justify-content:space-between}
.vp-scene-menu h2{font:500 clamp(22px,3vw,29px)/1.2 var(--sans,Arial,sans-serif);letter-spacing:-.035em;margin:0}
.vp-scene-menu .vp-glass-close{display:grid;place-items:center;flex:none;padding:0}
.vp-scene-menu .vp-glass-close svg{width:20px;height:20px}
.vp-scene-intro{font-size:13px;color:#e1e6f0;margin:12px 0 22px}
.vp-scene-destinations{display:grid;gap:8px}
.vp-scene-destinations button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:12px 16px;border:1px solid #ffffff35;border-radius:18px;background:linear-gradient(135deg,#ffffff12,#ffffff04);color:inherit;text-align:left;font:inherit;cursor:pointer}
.vp-scene-destinations button:hover,.vp-scene-destinations button[aria-current=step]{background:#ffffff21;border-color:#ffffff78}
.vp-scene-destinations button[hidden]{display:none}
.vp-scene-destinations strong{display:block;font-weight:600;font-size:14px}
.vp-scene-destinations small{display:block;margin-top:4px;font-size:12px;color:#e1e6f0;line-height:1.45}
.vp-scene-destinations svg{width:19px;height:19px;flex:none}
.vp-scene-credits{border-top:1px solid #ffffff30;margin-top:24px;padding-top:18px;font-size:12px;color:#e1e6f0}
.vp-scene-credits summary{cursor:pointer;min-height:28px;list-style:revert;padding:0;color:inherit;background:none}
.vp-scene-credits p{margin:12px 0}.vp-scene-credits a{text-decoration:underline;text-underline-offset:3px}
.vp-scene-only :is(.mast,.masthead){position:fixed;z-index:30;border:0;background:none;pointer-events:none;justify-content:flex-start}
.vp-scene-only :is(.mast,.masthead) .brand{pointer-events:auto;max-width:calc(100vw - 210px)}
.vp-scene-only :is(.mast-link,.stops){display:none}
.vp-scene-only .bottom .scroll-hint{display:none}
.vp-scene-only .chapters{bottom:140px}
.vp-scene-only .chapter:not(:first-child):not(.final){bottom:0}
.vp-scene-only :is(.chapter,.hero-content) :is(a,button){pointer-events:auto}
@media(max-width:760px){
 .vp-scene-shell .vp-place-header{right:14px;top:16px;min-width:130px;padding:10px 12px;max-width:calc(100vw - 165px)}
 .vp-scene-shell .vp-bottom-navigation{bottom:max(12px,env(safe-area-inset-bottom))}
 .vp-scene-only :is(.mast,.masthead){padding:0 16px;height:76px}
 .vp-scene-only :is(.mast,.masthead) .brand{font-size:22px;max-width:calc(100vw - 170px);gap:6px}
 .vp-scene-only :is(.mast,.masthead) .brand svg{width:24px;flex:none}
 .vp-scene-only .chapters{bottom:106px}
 dialog.vp-scene-menu{padding:20px;max-height:calc(100dvh - 24px)}
}
