.cosmic-intro[hidden]{display:none}.welcome-pending .cosmic-intro[hidden]{display:block}.welcome-active{overflow:hidden}
.cosmic-intro{--peel:0px;--ship-x:-360px;--copy-opacity:1;position:fixed;inset:0;z-index:9999999;overflow:hidden;color:#fff;isolation:isolate}
.cosmic-universe{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 25%,#24234c 0,transparent 48%),radial-gradient(ellipse at 20% 90%,#063a37 0,transparent 50%),#03040c;clip-path:inset(0 0 0 var(--peel));overflow:hidden}
.cosmic-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 17px 28px,#fff 95%,transparent),radial-gradient(2px 2px at 126px 93px,#bfffe1 80%,transparent),radial-gradient(1px 1px at 243px 161px,#c8c9ff 95%,transparent),radial-gradient(1.5px 1.5px at 72px 210px,#fff 90%,transparent);background-size:277px 251px,421px 397px,313px 337px,503px 479px}
.cosmic-stars:after{content:'';position:absolute;inset:0;background:radial-gradient(1px 1px at 48px 33px,#ffffff88 95%,transparent);background-size:83px 97px;transform:rotate(-12deg) scale(1.3)}
.cosmic-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(950px,86%);text-align:center;opacity:var(--copy-opacity)}
.cosmic-copy .eyebrow{font-size:16px;letter-spacing:.32em}.cosmic-copy h2{font-size:clamp(46px,7.5vw,112px);line-height:.95;text-shadow:0 8px 50px #000;margin:25px 0}.cosmic-copy h2 span{color:var(--green);display:block}.cosmic-copy p:last-child{color:#cacdde;font-size:18px}
.cosmic-saucer{position:absolute;left:var(--ship-x);top:30%;width:clamp(190px,24vw,340px);filter:drop-shadow(0 0 26px #53ff6077);transform:translate(-50%,-50%) rotate(8deg);z-index:4}
.cosmic-beam{position:absolute;left:calc(var(--ship-x) - 48vw);top:0;width:48vw;height:100%;clip-path:polygon(100% 30%,0 0,0 100%);background:linear-gradient(90deg,transparent,#72ff8b22 55%,#caffbaaa);opacity:0;mix-blend-mode:screen;transition:opacity .3s}
.cosmic-peel{position:absolute;left:var(--peel);top:-10%;height:120%;width:65px;transform:translateX(-50%) skewY(-12deg);background:linear-gradient(90deg,transparent,#072a2444 22%,#acffce 48%,#f3fff9 51%,#556b9a 58%,#080d23 82%,transparent);filter:drop-shadow(-12px 0 20px #5bff9977);opacity:0}
.beam-on .cosmic-beam,.beam-on .cosmic-peel{opacity:1}.welcome-skip{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));right:5%;z-index:5;padding:12px 22px;background:#070912cc;color:#fff;border:1px solid #a6aab8;border-radius:0;font:600 17px var(--display);letter-spacing:.06em;text-transform:uppercase}.welcome-skip:hover{border-color:var(--green);color:var(--green)}
.replay-welcome{display:inline-flex;align-items:center;gap:9px;margin-top:23px;padding:7px 0;background:none;border:0;border-bottom:1px solid #6b756b;color:#c8d0c9;font:600 15px var(--display);letter-spacing:.08em;text-transform:uppercase}.replay-welcome:hover{color:var(--green);border-color:var(--green)}
@media(max-width:760px){.cosmic-copy{top:46%}.cosmic-copy .eyebrow{font-size:13px}.cosmic-copy p:last-child{font-size:16px}.cosmic-peel{width:40px}.cosmic-saucer{top:28%}.cosmic-beam{clip-path:polygon(100% 28%,0 0,0 100%)}}
@media(prefers-reduced-motion:reduce){.cosmic-saucer,.cosmic-beam,.cosmic-peel{display:none}}