.launch-screen{overflow:hidden}
.launch-center{width:min(100%,430px)}
.launch-voyage{height:265px;position:relative;margin:-15px auto 18px;width:290px;max-width:100%;isolation:isolate}
.rocket-flight{position:absolute;width:204px;left:calc(50% - 102px);top:-11px;transform:rotate(9deg);animation:rocket-cruise 1.8s ease-in-out infinite;transform-origin:50% 60%;z-index:2}
.campaign-rocket{display:block;width:100%;height:auto;overflow:visible}
.rocket-exhaust{transform-origin:120px 298px;animation:rocket-burn .24s ease-in-out infinite alternate}
.rocket-flame-inner{transform-origin:120px 298px;animation:rocket-burn .32s ease-in-out infinite alternate-reverse}
.launch-speed-lines{position:absolute;inset:-15px -45px;overflow:hidden;mask-image:linear-gradient(transparent,black 20%,black 75%,transparent)}
.launch-speed-lines i{position:absolute;display:block;height:25px;width:1px;background:linear-gradient(transparent,#b7d1f5a6);animation:rocket-streak 1.3s linear infinite;top:-30px;left:15%}
.launch-speed-lines i:nth-child(2){left:29%;height:13px;animation-delay:-.7s;animation-duration:1.8s}
.launch-speed-lines i:nth-child(3){left:80%;height:34px;animation-delay:-.45s;animation-duration:1.1s}
.launch-speed-lines i:nth-child(4){left:92%;height:15px;animation-delay:-1s;animation-duration:1.6s}
.launch-speed-lines i:nth-child(5){left:6%;height:11px;animation-delay:-.9s;animation-duration:2s}
.launch-speed-lines i:nth-child(6){left:69%;height:18px;animation-delay:-.2s;animation-duration:1.5s}
.rocket-orbit-dot{position:absolute;width:3px;height:3px;background:#f1c75b;border-radius:50%;z-index:0}
.orbit-dot-one{left:19%;top:37%}.orbit-dot-two{right:8%;top:29%;width:2px;height:2px;background:#e3eeff}.orbit-dot-three{right:17%;bottom:23%;width:4px;height:4px;background:#e3eeff}
.launch-title{font-size:clamp(38px,5.2vw,54px);line-height:1.04}
.launch-progress{height:8px;margin-top:24px;background:#dce6ff25;overflow:hidden}
.launch-progress #load-bar{width:100%;height:100%;transform:scaleX(0);transform-origin:left;transition:transform .12s linear;background:#ff574b}
.launch-detail{font-size:12px;margin-top:12px;min-height:18px;gap:15px;line-height:1.4}
#load-percent{font-weight:800;min-width:35px;text-align:right;color:var(--paper)}
.launch-screen.is-launching .rocket-flight{animation:rocket-depart .7s cubic-bezier(.55,.02,.86,.45) forwards}
.launch-screen.is-launching .rocket-exhaust{animation:none;transform:scaleY(1.45)}
.launch-screen.is-launching .launch-title{color:var(--paper)}
@keyframes rocket-cruise{0%,100%{transform:translate(-3px,3px) rotate(7deg)}50%{transform:translate(3px,-5px) rotate(10deg)}}
@keyframes rocket-burn{from{transform:scale(.95,.92)}to{transform:scale(1.04,1.08)}}
@keyframes rocket-streak{to{transform:translateY(360px)}}
@keyframes rocket-depart{0%{transform:translate(0,0) rotate(9deg);opacity:1}100%{transform:translate(180px,-630px) rotate(23deg) scale(.5);opacity:0}}
@media(max-width:560px){.launch-voyage{height:250px;width:260px;margin-top:-10px;margin-bottom:16px}.rocket-flight{width:190px;left:calc(50% - 95px)}.launch-center{width:min(100%,330px)}.launch-title{font-size:43px}.launch-detail{font-size:11px}.launch-brand{font-size:19px}}
@media(max-height:640px){.launch-screen{padding-top:20px;padding-bottom:15px}.launch-voyage{height:180px;margin-top:0;margin-bottom:10px}.rocket-flight{width:140px;left:calc(50% - 70px);top:-8px}.launch-title{font-size:34px}.launch-progress{margin-top:16px}.launch-detail{margin-top:8px}.launch-center{width:min(100%,330px)}}
@media(max-height:450px){.launch-voyage{height:120px;margin-bottom:3px}.rocket-flight{width:100px;left:calc(50% - 50px);top:-6px}.launch-title{font-size:27px}.launch-brand{font-size:16px}.launch-brand span{font-size:11px}.launch-bottom{font-size:11px}}
@media(prefers-reduced-motion:reduce){.rocket-flight,.rocket-exhaust,.rocket-flame-inner,.launch-speed-lines i,.launch-screen.is-launching .rocket-flight{animation:none!important}.rocket-flight{transform:rotate(9deg)}.launch-speed-lines{display:none}.launch-progress #load-bar{transition:none}}