.arrival-sequence{background:#11141e;container-type:inline-size}
.arrival-frame{margin:0;padding:0;color:#e9e3dc;position:relative}
.arrival-art{position:relative;overflow:hidden}
.arrival-art>img{display:block;width:100%;height:auto;object-fit:contain}
.arrival-art::after{content:"";position:absolute;inset:auto 0 0;height:12%;background:linear-gradient(transparent,#11141e);pointer-events:none}
.arrival-sheet-panel{aspect-ratio:1}
.arrival-sheet-panel>img{position:absolute;top:0;width:200%;height:200%;max-width:none;object-fit:fill}
.arrival-frame figcaption{position:relative;padding:30px 8% 48px;text-align:center;line-height:2;white-space:pre-line;word-break:keep-all;font-size:clamp(15px,3.8cqw,22px);font-family:'Gowun Batang',serif}
.arrival-frame:first-child figcaption{position:absolute;top:90px;left:8%;padding:0;text-align:left;text-shadow:0 2px 12px #000;font-size:clamp(19px,4.4cqw,28px)}
.arrival-frame[data-kind=detail]{padding-inline:7%}
.arrival-frame[data-kind=detail] .arrival-art{border-radius:2px}
.arrival-frame[data-kind=portrait] figcaption{padding-bottom:20px}
.arrival-sound{position:absolute;right:12%;top:15%;color:#e5d5b4;letter-spacing:.16em;transform:rotate(-8deg);font-size:clamp(14px,4cqw,24px);font-family:serif;text-shadow:0 2px 9px #000}
.arrival-last-line{padding:10px 8% 28px;color:#e7ddd1;font-family:'Gowun Batang',serif;text-align:center;font-size:clamp(17px,4vw,23px);line-height:1.8}
.prologue-end{padding-bottom:100px;background:#11141e}
body[data-screen=greeting] .topbar{color:#f3ede4;background:linear-gradient(#10131ec9,transparent)}
body[data-screen=greeting] .motion-button{color:#f3ede4;background:#10131e80;border-color:#ffffff29}
.meeting{background:#11141e;height:auto;min-height:100svh;max-height:none;padding-top:0;overflow:visible}
.meeting-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:2/3;max-height:none;mask-image:none}
.meeting-art #greeting-art{position:absolute;inset:0;width:100%;height:100%;background-image:url('assets/arrival-v14/06-invitation.png');background-size:contain;background-position:center top;background-repeat:no-repeat;animation:none}
.meeting-art::after{content:"";position:absolute;inset:auto 0 0;height:14%;background:linear-gradient(transparent,#11141e);pointer-events:none}
.meeting::after{display:none}
.meeting .conversation{position:relative;inset:auto;margin:-18px 0 0;padding:0 7% max(25px,env(safe-area-inset-bottom));border:0;border-radius:0;background:#11141e;backdrop-filter:none;box-shadow:none}
.meeting .conversation .speaker{display:block;text-align:center;color:#cdb68e;font-weight:500;letter-spacing:.13em;margin:0 0 17px}
.meeting .speaker i{display:none}
#greeting-copy{min-height:110px;max-width:560px;margin:0 auto 16px;line-height:1.95;font-size:clamp(17px,4cqw,24px);text-shadow:none;color:#f1eae3}
#dialogue-count{display:block;color:#b2a495;font-size:11px;letter-spacing:.16em;text-align:center;margin:0 0 18px}
#greeting-next{min-height:52px;font-size:15px;background:#e6dcd2;color:#382b26}
.profile-backdrop .shot{background-image:url('assets/arrival-v14/06-invitation.png')}
@media(prefers-reduced-motion:reduce){.arrival-frame,.meeting-art{animation:none;transition:none}}
