/* The first visible frame is one complete, unmoving reunion painting. */
.arrival-screen{position:fixed;inset:0;z-index:1000;background:#111916;display:grid;place-items:center;overflow:hidden;color:#f4e8d2;transition:opacity .65s ease;isolation:isolate}
.arrival-painting{position:absolute;width:100%;height:100%;inset:0;object-fit:contain}
.arrival-screen:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,#081310ed,transparent 26%,transparent 80%,#0a131366)}
.arrival-copy{position:absolute;top:clamp(24px,5vh,70px);left:5vw;z-index:1;text-shadow:0 2px 15px #000}
.arrival-copy p{font:12px/1.8 serif;letter-spacing:.5em;margin:0 0 12px;color:#e3cba1}
.arrival-copy h1{font:clamp(21px,2.2vw,38px)/1.5 DreamSerif,serif;letter-spacing:.16em;margin:0;font-weight:400}
.arrival-bottom{position:absolute;bottom:clamp(22px,5vh,64px);left:5vw;right:5vw;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px}
.arrival-bottom p{font:12px/1.8 serif;letter-spacing:.12em;color:#e0d3bc;margin:0}
#arrival-music{padding:12px 19px;border:1px solid #d5bc8177;background:#142520b8;color:#efdcab;font:14px/1.5 serif;letter-spacing:.1em;cursor:pointer;backdrop-filter:blur(12px)}
#arrival-music:disabled{opacity:.45;cursor:wait}#arrival-music:focus-visible{outline:2px solid #efdcab;outline-offset:4px}
.arrival-screen.arrival-leaving{opacity:0;pointer-events:none}
body[data-arrival-active=true] .topbar{visibility:hidden!important}
@media(max-width:700px){.arrival-copy{top:12vh;left:7vw}.arrival-bottom{bottom:12vh;left:7vw;right:7vw;flex-direction:column;align-items:flex-start;gap:20px}.arrival-painting{object-fit:contain}.arrival-copy h1{font-size:23px}}
@media(max-height:500px){.arrival-copy{top:18px}.arrival-copy h1{font-size:22px}.arrival-copy p{margin-bottom:4px}.arrival-bottom{bottom:14px}}
@media(prefers-reduced-motion:reduce){.arrival-screen{transition:none}}

.arrival-actions{display:flex;align-items:center;gap:14px}#arrival-retry{padding:12px 19px;border:1px solid #d5bc81;background:#18312b;color:#efdcab;cursor:pointer;font:14px serif}#arrival-retry:focus-visible{outline:2px solid #efdcab;outline-offset:4px}