/* Full-screen B-roll fades to the existing album; no separate video player remains. */
.arrival-cover {display:block;position:relative;width:100%;height:100%;overflow:hidden}
.arrival-cover img,.arrival-cover video {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 50%}
.arrival-cover video {opacity:0;transition:opacity .35s ease;pointer-events:none}
.arrival-cover.is-playing video {opacity:1}
.arrival-cover::after {content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}
#travel-arrival {position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;margin:0;padding:0;border:0;background:#000;color:#fff;overflow:hidden;opacity:0;transition:opacity .9s ease-in-out;overscroll-behavior:contain}
#travel-arrival::backdrop {background:transparent}
#travel-arrival.is-visible {opacity:1}
#travel-arrival>video {position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;opacity:0}
#travel-arrival.is-playing>video {opacity:1;animation:arrival-reveal .9s ease-in-out both}
@keyframes arrival-reveal {from {opacity:0} to {opacity:1}}
.arrival-skip {position:absolute;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:1;min-height:44px;padding:10px 18px;color:#fff;background:#0004;border:1px solid #ffffff70;border-radius:2px;font:13px/1.5 var(--body);backdrop-filter:blur(12px)}
.arrival-skip:hover {background:#0009}
@media(max-width:767px) {
  .arrival-skip {top:max(18px,env(safe-area-inset-top));right:18px}
}
@media(prefers-reduced-motion:reduce) {
  .arrival-cover video {display:none}
  #travel-arrival {transition:none}
  #travel-arrival.is-playing>video {animation:none}
}