/* Black ink, untouched paper, then a slow return of the existing palette. */
.arrival-verse{position:absolute;z-index:3;left:5vw;right:5vw;top:73%;margin:0;text-align:center;color:#3b3b3b;font-family:"Songti SC",STSong,"Noto Serif CJK SC",serif;font-size:clamp(19px,2vw,25px);font-weight:400;letter-spacing:.20em;line-height:1.7;opacity:0;transform:translateY(6px);transition:opacity 1.9s ease,transform 2.4s var(--ease);pointer-events:none}
.cover.verse-visible .arrival-verse{opacity:1;transform:translateY(0)}
.cover.arrival-landing .arrival-verse{opacity:0;transform:translateY(-4px);transition-duration:1.3s,1.8s}
.arrival-brand{display:none}
.cover-identity,.cover-foot,.cover #start{filter:grayscale(1);transition:opacity 1.8s ease,transform 2.1s var(--ease),filter 3.2s ease}
.cover.arrival-landing .cover-identity{opacity:1;transform:none}
.cover.arrival-landing .cover-foot{opacity:1;transform:none}
.cover.arrival-color .cover-identity,.cover.arrival-color .cover-foot,.cover.arrival-color #start{filter:grayscale(0)}
.cover.arrival-ready #arrival-canvas{transition:opacity 1.6s ease}
.cover-logo{width:clamp(200px,27vh,290px);height:clamp(200px,27vh,290px)}
.cover #start:disabled{pointer-events:none}
@media(max-width:600px){.arrival-verse{top:71.5%;font-size:19px;letter-spacing:.16em}.cover-logo{width:235px;height:235px}}
@media(max-height:500px){.arrival-verse{top:78%;font-size:17px}.cover-logo{width:135px;height:135px}}
@media(prefers-reduced-motion:reduce){.arrival-verse{display:none}.cover-identity,.cover-foot,.cover #start{filter:none}}

/* A static first frame is present even while local image decoding is in progress. */
.arrival-pending{position:absolute;inset:0;z-index:1;pointer-events:none}
.arrival-pending i{position:absolute;left:50%;top:calc(46% - min(30.96vw,30.96vh,258px));width:13px;height:18px;border-radius:48% 47% 50% 50%;transform:translate(-50%,-50%);background:#2b2b2b;box-shadow:0 0 7px 1px #3334;opacity:.75}
.arrival-pending b{position:absolute;left:50%;top:46%;width:min(64.8vw,64.8vh,540px);height:.8px;background:#757575;transform:translateX(-50%);opacity:.55}
.arrival-running .arrival-pending,.arrival-ready .arrival-pending{display:none}
@media(max-width:600px){.arrival-pending i{top:calc(44.5% - min(30.96vw,30.96vh,258px));width:10px;height:14px}.arrival-pending b{top:44.5%;width:min(52.56vw,52.56vh,438px)}}
