#arcade-arrival[hidden]{display:none}
#arcade-arrival{position:fixed;inset:0;z-index:1000;overflow:hidden;isolation:isolate;color:#07375a;pointer-events:auto}
.arcade-arrival-sky{position:absolute;inset:0;background:linear-gradient(#65bfe9,#b2e7ef);z-index:-2}
.arcade-cloud{position:absolute;display:block;background:linear-gradient(#fff8e7 0 50%,#edf1ed 50% 76%,#c9dce5 76%);clip-path:polygon(0 60%,10% 60%,10% 40%,22% 40%,22% 22%,36% 22%,36% 8%,57% 8%,57% 22%,72% 22%,72% 40%,88% 40%,88% 60%,100% 60%,100% 100%,0 100%);width:80vw;height:35vw;max-height:55vh;transform-origin:center;will-change:transform}
.arcade-cloud:nth-of-type(1){left:-25vw;top:-28vh;width:95vw;height:44vw}
.arcade-cloud:nth-of-type(2){right:-25vw;top:5vh;width:85vw}
.arcade-cloud:nth-of-type(3){left:-34vw;top:49vh;width:105vw;height:45vw}
.arcade-cloud:nth-of-type(4){right:-32vw;top:80vh;width:105vw;height:46vw}
.arcade-cloud:nth-of-type(5){left:-30vw;top:127vh;width:115vw;height:50vw}
.arcade-cloud:nth-of-type(6){right:-35vw;top:175vh;width:120vw;height:55vw}
.arcade-arrival-label{position:absolute;left:0;right:0;top:42%;text-align:center;font:clamp(18px,4vw,42px) Pixel,monospace;letter-spacing:.07em;text-shadow:3px 3px #fff9}
#arcade-arrival button{position:absolute;right:24px;top:24px;min-height:44px;min-width:96px;background:#062d49;color:#fff7dd;border:2px solid #cceefa;padding:10px 15px;font:10px Pixel,monospace;cursor:pointer;box-shadow:4px 4px #3b89b2}
#arcade-arrival button:focus-visible{outline:3px solid #fff;outline-offset:4px}
#arcade-arrival.is-dropping .arcade-cloud{animation:pixel-cloud-rise 1.75s cubic-bezier(.35,.02,.55,1) both}
#arcade-arrival.is-dropping .arcade-cloud:nth-of-type(even){animation-duration:1.55s}
#arcade-arrival.is-dropping .arcade-arrival-sky{animation:pixel-sky-clear 1.65s ease-in both}
#arcade-arrival.is-dropping .arcade-arrival-label{animation:pixel-label-clear 1s ease-in both}
@keyframes pixel-cloud-rise{0%{transform:translateY(0) scale(1)}85%{opacity:1}100%{transform:translateY(-280vh) scale(1.45);opacity:0}}
@keyframes pixel-sky-clear{0%,30%{opacity:1}100%{opacity:0}}
@keyframes pixel-label-clear{0%,20%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-70px)}}
@media(prefers-reduced-motion:reduce){#arcade-arrival{display:none!important}}