.intro-sequence{position:fixed;inset:0;z-index:1000;background:#030302;transition:opacity .8s,visibility .8s}.intro-sequence.intro-complete{opacity:0;visibility:hidden}.intro-stage,.intro-world{position:absolute;inset:0;overflow:hidden}.skip-intro{position:absolute;z-index:20;right:24px;top:24px;background:rgba(0,0,0,.4);border:1px solid rgba(255,122,50,.5);color:#ff7a32;font:10px 'Space Mono',monospace;letter-spacing:1px;padding:12px;cursor:pointer}.intro-brand{position:absolute;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(70vw,700px);text-align:center;animation:brand-arrive 4.4s both}.intro-brand img{width:100%;display:block;filter:drop-shadow(0 0 30px rgba(255,122,50,.5))}.intro-brand strong,.intro-brand b,.intro-brand small{display:block;font:700 clamp(13px,2vw,24px) 'Space Mono',monospace;letter-spacing:.35em;color:#f3eee4;margin-top:20px}.intro-brand b{font-size:clamp(38px,7vw,86px);color:#ff7a32;margin-top:8px}.intro-brand small{font-size:9px;color:#ff7a32;margin-top:20px}.stars{position:absolute;inset:-50%;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:47px 47px;animation:star-drive 4.5s ease-in both}.wormhole{position:absolute;left:50%;top:50%;width:10vmin;aspect-ratio:1;transform:translate(-50%,-50%)}.wormhole i{position:absolute;inset:-30vmin;border:2px solid #ff7a32;border-radius:50%;box-shadow:0 0 30px #ff7a32,inset 0 0 30px #ff7a32;animation:worm 2.2s infinite ease-in}.wormhole i:nth-child(2){animation-delay:-.55s}.wormhole i:nth-child(3){animation-delay:-1.1s}.wormhole i:nth-child(4){animation-delay:-1.65s}.intro-1{background:radial-gradient(circle,#4d1600,#030302 55%)}
.intro-2{background:#06120d}.alien-eye{position:absolute;left:50%;top:43%;width:50vw;max-width:600px;aspect-ratio:2.2;transform:translate(-50%,-50%);border-radius:50% 8%;background:#050706;border:2px solid #8cff80;box-shadow:0 0 80px rgba(109,255,123,.4);animation:eye-open 4s both}.alien-eye i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12%;height:80%;background:#8cff80;border-radius:50%;box-shadow:0 0 40px #8cff80}.glyph-rain{position:absolute;inset:0;color:rgba(126,255,143,.18);font:50px/2 monospace;word-spacing:80px;transform:rotate(-12deg) scale(1.4);animation:glyph 5s linear}.scanline{position:absolute;left:0;right:0;height:3px;background:#8cff80;box-shadow:0 0 28px #8cff80;animation:scan 2s infinite}.intro-2 .intro-brand{top:72%;filter:hue-rotate(55deg)}
.intro-3{background:linear-gradient(#02020a,#08070c 60%,#1f0d03)}.ufo{position:absolute;z-index:4;left:50%;top:18%;width:380px;height:90px;transform:translateX(-50%);border-radius:50%;background:#14141b;border-bottom:8px solid #ff7a32;box-shadow:0 15px 35px #ff7a32;animation:ufo 4.5s both}.ufo i{position:absolute;left:50%;top:-40px;width:140px;height:70px;transform:translateX(-50%);border-radius:50% 50% 10% 10%;background:#2f302f}.beam{position:absolute;left:50%;top:24%;width:70vw;height:76%;transform:translateX(-50%);background:linear-gradient(100deg,transparent 25%,rgba(255,122,50,.55) 50%,transparent 75%);clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);animation:beam 2s infinite}.ground{position:absolute;left:-10%;right:-10%;bottom:-15%;height:35%;border:1px solid #ff7a32;transform:perspective(300px) rotateX(65deg);background:linear-gradient(rgba(255,122,50,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,122,50,.2) 1px,transparent 1px);background-size:40px 40px}.intro-3 .intro-brand{top:62%}
.intro-4{background:radial-gradient(circle at 50% 40%,#1d1231,#030307 65%)}.constellation{position:absolute;inset:6%;animation:constellation-spin 14s linear infinite}.constellation i{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;box-shadow:0 0 18px 6px #b88cff}.constellation i:nth-child(1){left:12%;top:70%}.constellation i:nth-child(2){left:30%;top:22%}.constellation i:nth-child(3){left:52%;top:56%}.constellation i:nth-child(4){left:78%;top:18%}.constellation i:nth-child(5){left:90%;top:72%}.constellation i:nth-child(6){left:60%;top:85%}.constellation svg{width:100%;height:100%}.constellation path{fill:none;stroke:#b88cff;stroke-width:.3;stroke-dasharray:3;animation:draw-line 4s both}.intro-4 .intro-brand img{filter:hue-rotate(250deg) drop-shadow(0 0 30px #b88cff)}
.intro-5{background:#000}.black-hole{position:absolute;left:50%;top:50%;width:32vmin;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#000;box-shadow:0 0 0 12px #ff7a32,0 0 80px 30px #ff4800;animation:black-hole 5s both}.black-hole i{position:absolute;inset:-60%;border:5px solid transparent;border-top-color:#ff7a32;border-bottom-color:#7b20ff;border-radius:50%;animation:spin 1.2s linear infinite}.black-hole i:nth-child(2){inset:-100%;animation-direction:reverse;animation-duration:2s}.rupture{position:absolute;left:50%;top:0;width:2px;height:100%;background:#fff;box-shadow:0 0 30px #fff;transform:rotate(14deg) scaleY(0);animation:rupture 4.5s both}.intro-5 .intro-brand{mix-blend-mode:difference}
.intro-world.mini{position:absolute}.mini .intro-brand{width:55%;animation:none}.mini .intro-brand strong{font-size:5px;margin-top:5px}.mini .intro-brand b{font-size:16px;margin-top:2px}.mini .intro-brand small{display:none}.mini .ufo{width:100px;height:25px}.mini .alien-eye{width:55%}.mini .wormhole i{inset:-80px}.options-main{padding:9vh 4vw}.options-main>h1{font:600 clamp(55px,8vw,110px)/.82 'Chakra Petch','Arial Narrow',sans-serif;letter-spacing:-.05em;margin:20px 0}.options-main>p{color:var(--muted);max-width:650px}.intro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:60px}.intro-card{border:1px solid var(--line);background:#0c0c0a}.intro-card.selected{border-color:var(--orange);box-shadow:0 0 30px rgba(255,122,50,.12)}.intro-preview{height:360px;position:relative;overflow:hidden}.intro-card-copy{padding:22px}.intro-card-copy span{font-size:9px;color:var(--orange)}.intro-card-copy h2{font:600 30px 'Chakra Petch','Arial Narrow',sans-serif;margin:7px 0 20px}.intro-card-copy>div{display:flex;gap:10px}.intro-card-copy a,.intro-card-copy button{flex:1;text-align:center;padding:13px;border:1px solid var(--orange);background:transparent;color:var(--orange);font:700 9px 'Space Mono';text-decoration:none;cursor:pointer}
@keyframes brand-arrive{0%,45%{opacity:0;filter:blur(20px);transform:translate(-50%,-50%) scale(1.5)}65%,100%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}}@keyframes star-drive{0%{transform:scale(.2) rotate(0);opacity:.1}100%{transform:scale(2) rotate(15deg);opacity:.7}}@keyframes worm{0%{transform:scale(.1);opacity:0}30%{opacity:1}100%{transform:scale(1.7);opacity:0}}@keyframes eye-open{0%,20%{transform:translate(-50%,-50%) scaleY(.02)}50%,100%{transform:translate(-50%,-50%) scaleY(1)}}@keyframes glyph{to{transform:rotate(-12deg) scale(1.4) translateY(-150px)}}@keyframes scan{0%{top:0}100%{top:100%}}@keyframes ufo{0%{transform:translate(-200%,-200%) rotate(-20deg)}45%,100%{transform:translateX(-50%) rotate(0)}}@keyframes beam{50%{opacity:.25}}@keyframes constellation-spin{to{transform:rotate(360deg)}}@keyframes draw-line{from{stroke-dashoffset:80}to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes black-hole{0%{transform:translate(-50%,-50%) scale(.05)}60%,100%{transform:translate(-50%,-50%) scale(1)}}@keyframes rupture{60%{transform:rotate(14deg) scaleY(0)}75%,100%{transform:rotate(14deg) scaleY(1)}}
@media(max-width:700px){.intro-brand{width:82vw}.intro-brand strong{font-size:10px}.intro-grid{grid-template-columns:1fr}.intro-preview{height:260px}.options-main{padding:70px 14px}.skip-intro{right:12px;top:12px}.ufo{width:240px}}
@media(prefers-reduced-motion:reduce){.intro-sequence{display:none}.intro-world *{animation:none!important}}