/* Both colors share an overlapping, diagonal cloud instead of two upright ovals. */
.journey-sky,.universe-arrival{background:radial-gradient(ellipse at 42% 42%,#57345355,transparent 66%),radial-gradient(ellipse at 62% 52%,#293c6455,transparent 70%),#0b0718;isolation:isolate}
.journey-sky:before,.journey-sky:after,.universe-arrival:before,.universe-arrival:after{content:'';position:absolute;left:50%;top:50%;width:min(112vmax,1380px);height:min(90vmax,920px);pointer-events:none;background-position:center;background-repeat:no-repeat;background-size:auto 100%;mix-blend-mode:screen;filter:blur(.65px);transform-origin:center}
.journey-sky:before,.universe-arrival:before{background-image:url('../images/nebula-pink-fade.png');transform:translate(-54%,-51%) rotate(67deg);opacity:.85}
.journey-sky:after,.universe-arrival:after{inset:auto;left:50%;top:50%;background-image:url('../images/nebula-blue-fade.png');transform:translate(-46%,-49%) rotate(67deg);opacity:.63}
.journey-depth{background:radial-gradient(ellipse at center,transparent 30%,#04081255 85%);opacity:.25}
.portal-wrap.activated .portal-rim{animation:blended-rim 2350ms ease-out forwards}
.portal-wrap.activated .portal{animation:blended-threshold 2350ms ease-out forwards}
@keyframes blended-rim{0%{transform:scale(1);opacity:1}18%,100%{transform:scale(1.1);opacity:0}}
@keyframes blended-threshold{0%{transform:scale(1);opacity:1}24%{transform:scale(1.18);opacity:.7}52%,100%{transform:scale(1.6);opacity:0}}
@media(max-width:720px){.journey-sky:before,.journey-sky:after,.universe-arrival:before,.universe-arrival:after{width:105vmax;height:min(105vmax,850px)}.journey-sky:before,.universe-arrival:before{transform:translate(-54%,-51%) rotate(29deg)}.journey-sky:after,.universe-arrival:after{transform:translate(-46%,-49%) rotate(29deg)}}