/* The guest’s pin → Seattle → an atlas of France → the venue curtains. */
.globe-scene { background: #0a141f; }
.globe-scene canvas { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.globe-scene .loading { position: absolute; left: 0; right: 0; bottom: calc(var(--safe-bottom) + 92px); z-index: 3; text-align: center; color: var(--cream-60); pointer-events: none; }
.globe-scene .labels { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.globe-scene .journey-label { position: absolute; left: 0; top: 0; width: max-content; max-width: 160px; padding: 6px 9px; display: flex; flex-direction: column; gap: 3px; background: #10222de8; border: 1px solid #ebd9af38; color: #f4ead7; will-change: transform, opacity; }
.globe-scene .label-name { font: 400 17px/1.1 var(--display); white-space: nowrap; }
.globe-scene .label-detail { font: 9px/1.2 var(--sans); letter-spacing: .1em; color: #cdbb96; }
.globe-scene .guess-label .label-name { font-size: 18px; }
.globe-scene .home-label { overflow: visible; padding: 9px 12px; }
.globe-scene .home-label .label-name { font-size: 24px; }
.globe-scene .home-aside { position: absolute; top: 5px; left: calc(100% + 12px); display: flex; align-items: center; gap: 6px; width: max-content; white-space: nowrap; font: italic 16px/1.2 var(--display); color: #20333a; background: #eee5d1e8; padding: 3px 7px; border: 1px solid #ead8b040;  }
.globe-scene .home-label.on .home-aside { animation: home-arrive .65s ease-out both; }
.globe-scene .home-arrow { font: 24px/1 var(--display); }
.globe-scene .city-label { max-width: none; padding: 0; gap: 1px; border: 0; background: none; color: #203a42; text-shadow: none; }
.globe-scene .city-label .label-name { font: 600 12px/1.2 var(--sans); }
.globe-scene .city-label .label-detail { font-size: 8px; letter-spacing: .06em; color: #344e53; }
.globe-scene .city-label.over-water { color: #f5ead2; text-shadow: 0 1px 1px #0a141fcc; }
.globe-scene .city-label.over-water .label-detail { color: #d3c8ad; }
.globe-scene .destination-label { border-color: #ead3a08c; background: #26352fe8; }
.globe-scene .destination-label .label-name { color: #f9e6ba; font-size: 17px; }
.globe-scene .land { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; pointer-events: none; padding: 90px var(--pad) calc(var(--safe-bottom) + 30px); background: linear-gradient(0deg,#08121cf5 0%,#08121ce8 52%,#08121c00 100%); }
.globe-scene .land .kicker { font-size: 10px; color: #d7c49c; margin-bottom: 10px; }
.globe-scene .land h1 { font: 300 clamp(42px,13vw,58px)/1 var(--display); color: #f4ead7; letter-spacing: .055em; text-transform: uppercase; margin: 0; }
.globe-scene .venue-name { margin: 12px 0 0; font: 300 clamp(23px,6vw,30px)/1.12 var(--display); text-wrap: balance; color: #f4ead7; }
.globe-scene .venue-location { margin: 8px 0 0; font-size: 12px; line-height: 1.4; color: #c6c9bc; }
@keyframes home-arrive { from { opacity: 0; transform: translateX(7px); } to { opacity: 1; transform: translateX(0); } }
@media(max-height:650px) { .globe-scene .land { padding-top: 55px; padding-bottom: 18px; } .globe-scene .land .kicker { margin-bottom: 6px; font-size: 9px; } .globe-scene .land h1 { font-size: 36px; } .globe-scene .venue-name { font-size: 21px; margin-top: 8px; } .globe-scene .venue-location { font-size: 10px; margin-top: 6px; } .globe-scene .city-label { padding: 0; } .globe-scene .city-label .label-name { font-size: 10px; } .globe-scene .label-detail { font-size: 8px; } }
@media(prefers-reduced-motion:reduce) { .globe-scene .home-label.on .home-aside { animation: none; } }