.astramoon-launch{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#30204b,#090615 72%);opacity:1;transition:opacity .42s ease;touch-action:manipulation;isolation:isolate;color:#ffe9b5;font-family:system-ui,sans-serif;--launch-h:100svh}
.astramoon-launch.is-leaving{opacity:0;pointer-events:auto}
.astramoon-launch .launch-scene{position:relative;width:min(100%,calc(var(--launch-h)*.6666667));aspect-ratio:2/3;overflow:hidden;isolation:isolate}
.astramoon-launch .launch-art{position:absolute;inset:0;background:var(--launch-art) center/100% 100% no-repeat;pointer-events:none}
.astramoon-launch .launch-base{background-image:var(--launch-backdrop)}
.astramoon-launch .launch-title{opacity:0}
.astramoon-launch .launch-night{position:absolute;inset:0;background:#080314;opacity:.65;pointer-events:none}
.astramoon-launch .launch-moonlight{position:absolute;left:11%;top:20%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 17% 45%,#ffe6aa70,transparent 58%),radial-gradient(circle,#bf8eff12,transparent 68%);mix-blend-mode:screen;opacity:0;pointer-events:none}
.astramoon-launch .launch-orbit{position:absolute;left:5%;top:12%;width:90%;height:auto;aspect-ratio:1;overflow:visible;opacity:0;pointer-events:none;transform-origin:center}
.astramoon-launch .launch-orbit-inner{left:10%;top:15.3%;width:80%}
.astramoon-launch .launch-star{position:absolute;width:3px;height:3px;background:#fff0cb;border-radius:50%;opacity:0;pointer-events:none;box-shadow:0 0 9px 2px #e6c0ff66}
.astramoon-launch .launch-star:before,.astramoon-launch .launch-star:after{content:'';position:absolute;left:50%;top:50%;background:linear-gradient(transparent,#fff3d4,transparent);transform:translate(-50%,-50%);width:1px;height:17px}
.astramoon-launch .launch-star:after{transform:translate(-50%,-50%) rotate(90deg)}
.astramoon-launch .launch-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffe7ad;box-shadow:0 0 10px #ffe0a0;opacity:0;pointer-events:none}
.astramoon-launch .launch-sheen{position:absolute;left:8%;top:37%;width:84%;height:15%;background:linear-gradient(105deg,transparent 25%,#fff0ce22 48%,transparent 67%);mix-blend-mode:screen;opacity:0;pointer-events:none}
.astramoon-launch .launch-skip{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #f4d28b55;border-radius:30px;background:#130a27ba;color:#ffebbb;font:400 12px system-ui;letter-spacing:.07em;min-height:44px;cursor:pointer;white-space:nowrap}
.astramoon-launch .launch-skip:focus-visible{outline:2px solid #ffe7af;outline-offset:4px}
.astramoon-launch.is-playing .launch-night{animation:am-dawn 2.7s ease-out both}
.astramoon-launch.is-playing .launch-title{animation:am-title 1.4s .8s ease-out both}
.astramoon-launch.is-playing .launch-moonlight{animation:am-moon 4.9s ease-out both}
.astramoon-launch.is-playing .launch-orbit{opacity:.65;animation:am-orbit 90s linear both,am-ring-in 1.3s ease-out both}
.astramoon-launch.is-playing .launch-orbit-inner{animation-direction:reverse,normal;animation-duration:110s,1.5s}
.astramoon-launch.is-playing .launch-star{animation:am-twinkle 2.4s var(--delay,0s) ease-in-out infinite}
.astramoon-launch.is-playing .launch-particle{animation:am-drift 3.6s var(--delay,0s) ease-out both}
.astramoon-launch.is-playing .launch-sheen{animation:am-sheen 2s 1.4s ease-in-out both}
.astramoon-launch.no-motion .launch-title{opacity:1}.astramoon-launch.no-motion .launch-night{opacity:0}.astramoon-launch.no-motion{transition:none}
@keyframes am-dawn{to{opacity:0}}@keyframes am-title{from{opacity:0}to{opacity:1}}
@keyframes am-moon{0%{opacity:0}65%{opacity:.7}100%{opacity:.32}}
@keyframes am-orbit{from{transform:rotate(-8deg)}to{transform:rotate(352deg)}}@keyframes am-ring-in{from{opacity:0}to{opacity:.65}}
@keyframes am-twinkle{0%,100%{opacity:.08;transform:scale(.7)}50%{opacity:.9;transform:scale(1.25)}}
@keyframes am-drift{0%{opacity:0;transform:translate(0,20px)}25%{opacity:.8}100%{opacity:0;transform:translate(var(--dx,80px),-100px)}}
@keyframes am-sheen{0%{opacity:0;transform:translateX(-35%)}35%{opacity:.7}100%{opacity:0;transform:translateX(35%)}}
@media(prefers-reduced-motion:reduce){.astramoon-launch,.astramoon-launch *{animation:none!important;transition:none!important}.astramoon-launch .launch-title{opacity:1}.astramoon-launch .launch-night{opacity:0}.astramoon-launch .launch-orbit,.astramoon-launch .launch-moonlight{opacity:0}}
