#destination-guide{--guide-header-size:max(5.3cqw,52px);position:absolute;inset:0;z-index:19;background:#030b20;padding:1.5cqw;direction:ltr;font-family:var(--seatback-font);font-size:1.45cqw}
.guide-panel{height:100%;position:relative;overflow:hidden;background:#020c28;border-radius:2cqw;box-shadow:0 0 0 .45cqw #7286a54d,0 1cqw 5cqw #0007;isolation:isolate}
.guide-header{height:var(--guide-header-size);display:flex;align-items:center;gap:.5cqw;padding:.55cqw 1cqw;position:absolute;inset:0 0 auto;z-index:4;background:#020c28;direction:ltr}
.guide-header h1{font-size:1.75cqw;font-weight:400;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0 .6cqw;flex:1;min-width:0}
.guide-icon{display:grid;place-items:center;flex:0 0 max(3.3cqw,40px);width:max(3.3cqw,40px);height:max(3.3cqw,40px);border-radius:1cqw;padding:.75cqw;color:#f7fbff;background:transparent}
.guide-icon .icon{width:1.85cqw;height:1.85cqw;stroke-width:1.8}
.guide-icon.selected{background:#8096b34d}
.guide-header-actions{display:flex;align-items:center;gap:.3cqw;margin-inline-start:auto}
.guide-regions{display:flex;align-items:stretch;flex:1;min-width:0;gap:.15cqw;overflow-x:auto;scrollbar-width:none}
.guide-regions>button{padding:1cqw .85cqw;border-radius:1cqw;font-size:max(1.12cqw,11px);line-height:1.1;white-space:nowrap;flex-shrink:0;min-height:3.3cqw}
.guide-regions>button.selected{background:#4f69894d}
.guide-search{flex:0 0 3.1cqw;width:3.1cqw;min-width:0;position:relative;display:flex;align-items:center;transition:flex-basis .2s ease;overflow:hidden;height:3.3cqw;border-radius:1cqw;background:#1d31506b}
.guide-search:focus-within{flex-basis:16cqw}
.guide-search>.icon{position:absolute;left:.8cqw;width:1.5cqw;height:1.5cqw;pointer-events:none}
.guide-search input{width:100%;height:100%;min-width:0;padding:.6cqw .5cqw .6cqw 3.1cqw;color:#fff;background:transparent;border:0;font-size:1.1cqw;border-radius:inherit}
.guide-search input::placeholder{color:#b8c7db}
.guide-grid{position:absolute;inset:var(--guide-header-size) 1.3cqw 1.3cqw;overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:14.1cqw;align-content:start;gap:1cqw;scrollbar-color:#a7b9d3 #162440;scrollbar-width:thin;padding-right:.65cqw;padding-bottom:.5cqw;touch-action:pan-y}
.guide-card{position:relative;min-width:0;overflow:hidden;border-radius:1.1cqw;background:#102341;padding:0;color:#fff;isolation:isolate;display:block}
.guide-card:hover{filter:brightness(1.05)}
.guide-card:focus-visible{outline-offset:-.35cqw;outline-width:.3cqw}
.guide-photo-wrap{position:absolute;inset:0;background:linear-gradient(145deg,#24475a,#092242);overflow:hidden;display:block}
.guide-photo-wrap>img,.guide-photo-wrap>picture,.guide-photo-wrap>picture>img{width:100%;height:100%;object-fit:cover;display:block}
.guide-attraction-card .guide-photo-wrap>img{object-position:center 30%}
.guide-photo-wrap img.guide-image-failed{visibility:hidden}
.guide-image-label{display:none;position:absolute;inset:0;align-items:center;justify-content:center;text-align:center;padding:1cqw;font-size:1.8cqw;color:#e4edf8}
.guide-photo-failed .guide-image-label{display:flex}
.guide-card .guide-photo-failed .guide-image-label{display:none}
.guide-card-name{position:absolute;inset:auto 0 0;min-height:6cqw;padding:2.2cqw .7cqw 1cqw;display:flex;align-items:flex-end;justify-content:center;background:linear-gradient(transparent,#000b);text-shadow:0 1px 3px #0009;font-size:1.6cqw;line-height:1.1;text-align:center}
.guide-featured{grid-column:span 2;grid-row:span 2}
.guide-featured .guide-card-name{font-size:1.7cqw;padding-bottom:1.2cqw}
.guide-attractions{grid-auto-rows:11.3cqw;gap:1.1cqw}
.guide-attraction-card .guide-card-name{font-size:max(1.52cqw,12px);min-height:5.2cqw;padding-top:1.8cqw;padding-bottom:.7cqw}
.guide-play-all{background:#2d7193;display:flex;align-items:center;justify-content:center;gap:.6cqw;flex-direction:column;font-size:2.1cqw;font-weight:400}
.guide-play-all .icon{width:4.6cqw;height:4.6cqw;border:.28cqw solid #fff;border-radius:50%;padding:1.15cqw 1cqw 1.15cqw 1.25cqw;fill:currentColor;stroke:none}
.guide-status{position:absolute;inset:var(--guide-header-size) 2cqw 2cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5cqw}
.guide-spinner{width:3cqw;height:3cqw;border:.25cqw solid #ffffff30;border-top-color:#fff;border-radius:50%;animation:guide-spin 1s linear infinite}
@keyframes guide-spin{to{transform:rotate(360deg)}}
.guide-empty{grid-column:1/-1;text-align:center;padding:5cqw;font-size:1.8cqw}
.guide-empty a{color:#cce5ff}
.guide-detail{position:absolute;inset:var(--guide-header-size) 0 0;overflow:hidden;background:#030b16;touch-action:pan-y}
.guide-detail-photo{inset:0;display:block;background-size:cover;background-position:center;background-repeat:no-repeat}
.guide-detail-photo img{object-fit:cover}
.guide-detail-photo.portrait img,.guide-detail-photo.panorama img{object-fit:contain}
.guide-detail-photo.portrait,.guide-detail-photo.panorama{background-size:contain}
.guide-detail-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 35%,transparent);pointer-events:none}
.guide-detail-caption{position:absolute;left:3cqw;right:23cqw;bottom:6.4cqw;pointer-events:none;text-shadow:0 .1cqw .3cqw #000}
.guide-detail-caption p{font-size:1.7cqw;line-height:1.3;max-width:54cqw;margin:0}
.guide-detail-arrow{position:absolute;top:45%;transform:translateY(-50%);background:#041c46a3;border-radius:50%;width:4cqw;height:4cqw;z-index:2}
.guide-previous{left:1cqw}.guide-next{right:1cqw}
.guide-detail-arrow .icon{width:2.2cqw;height:2.2cqw}
.guide-player-controls{position:absolute;left:2cqw;right:20cqw;bottom:1.5cqw;display:flex;align-items:center;gap:1.1cqw}
.guide-play-toggle{background:#102e4aa8;border-radius:50%}
.guide-dots{display:flex;gap:.2cqw;align-items:center;overflow-x:auto;scrollbar-width:none;max-width:55cqw}
.guide-dots>button{position:relative;flex:0 0 1.6cqw;width:1.6cqw;height:2.4cqw;padding:0;background:none}
.guide-dots>button:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.55cqw;height:.55cqw;border:1px solid #fff;border-radius:50%;background:#fff4}
.guide-dots>button[aria-current=true]:before{background:#fff}
.guide-slide-count{font-size:1.05cqw;white-space:nowrap;color:#ecf3fc;text-shadow:0 1px 2px #000;direction:ltr}
.guide-share{position:absolute;right:1.8cqw;bottom:1.6cqw;text-align:center;max-width:17cqw}
.guide-share a{display:flex;align-items:center;flex-direction:column;gap:.4cqw;color:#fff;font-size:1cqw;text-decoration:none;text-shadow:0 1px 3px #000}
.guide-share img{background:white;padding:.4cqw;width:8.5cqw;height:8.5cqw;object-fit:contain;border-radius:.35cqw;image-rendering:pixelated}
.guide-share .icon{width:3.4cqw;height:3.4cqw}
.guide-credit{position:absolute;top:1cqw;right:1cqw;z-index:3;max-width:28cqw;background:#05172dd9;border-radius:.8cqw;font-size:1.1cqw}
.guide-credit summary{cursor:pointer;list-style:none;padding:.6cqw;display:flex;justify-content:flex-end}
.guide-credit summary::-webkit-details-marker{display:none}
.guide-credit summary .icon{width:1.8cqw;height:1.8cqw}
.guide-credit>div{padding:0 1.2cqw 1.2cqw;display:flex;flex-direction:column;gap:.6cqw;overflow-wrap:anywhere;max-height:20cqw;overflow:auto}
.guide-credit a{color:#cae5ff}
.guide-credit small{font-size:1cqw;line-height:1.4}
.guide-map-canvas{position:absolute;inset:var(--guide-header-size) 0 0;background:#0c263a}
.guide-map-list{position:absolute;left:1cqw;top:calc(var(--guide-header-size) + 1cqw);max-height:35cqw;width:24cqw;overflow:auto;background:#021025dc;border-radius:1cqw;scrollbar-width:thin}
.guide-map-list>button{width:100%;display:flex;align-items:center;gap:.6cqw;text-align:start;padding:.9cqw;font-size:1.15cqw;border-bottom:1px solid #ffffff1a;min-height:3.3cqw}
.guide-map-list .icon{width:1.4cqw;height:1.4cqw}
.guide-map-tools{position:absolute;bottom:2.3cqw;right:1cqw;display:flex;flex-direction:column;gap:.5cqw}
.guide-map-tools .guide-icon{background:#06264ee6;box-shadow:0 .1cqw .5cqw #0005}
.guide-map-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.5cqw 2cqw;background:#05172de6;border-radius:1cqw;display:flex;align-items:center;gap:1cqw}
.guide-map-attribution{position:absolute;bottom:.4cqw;right:.5cqw;font-size:.75cqw;color:#fff;background:#0008;padding:.25cqw .5cqw}
.guide-home-art{background:#071933;height:100%;position:relative;overflow:hidden}.guide-home-art img{width:100%;height:100%;object-fit:cover}.guide-home-art .icon{position:absolute;bottom:1cqw;right:1cqw;width:4cqw;height:4cqw;filter:drop-shadow(0 1px 3px #000)}
#drawer nav{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}#drawer nav>button{flex-shrink:0}
#screen:has(#destination-guide:not([hidden])) .service-light-banner{display:none}
.large-text #destination-guide .guide-card-name{font-size:1.8cqw}.large-text #destination-guide .guide-regions button{font-size:1.3cqw}
@media(max-width:750px){.guide-regions>button{font-size:1.45cqw;padding-inline:1.2cqw}.guide-header h1{font-size:2cqw}.guide-icon{width:4.1cqw;height:4.1cqw;flex-basis:4.1cqw}.guide-icon .icon{width:2.35cqw;height:2.35cqw}.guide-search{flex-basis:4cqw;width:4cqw}.guide-search:focus-within{flex-basis:21cqw}.guide-search input{font-size:1.6cqw}.guide-card-name,.guide-attraction-card .guide-card-name{font-size:1.9cqw}.guide-detail-caption p{font-size:2.1cqw}.guide-map-list>button{font-size:1.7cqw}.guide-share a{font-size:1.4cqw}.guide-credit{font-size:1.5cqw;max-width:36cqw}.guide-credit small{font-size:1.3cqw}}