.hud,.space{display:none}.universe-active .hud{display:flex}.universe-active .space{display:block}
.launch{display:block;background:#010107;perspective:1000px;pointer-events:none}
#blackHoleCanvas{display:none}#blackHoleCanvasV2{position:absolute;z-index:2;inset:0;width:100%;height:100%}
.portal-koala{position:absolute;z-index:12;width:min(23vw,320px);aspect-ratio:1/1;left:21%;bottom:4%;transform:translate3d(-45vw,0,0);transform-origin:center;filter:drop-shadow(0 0 24px rgba(39,234,255,.55));will-change:transform,opacity,filter}
.portal-koala:after{content:"";position:absolute;left:38%;right:15%;bottom:15%;height:24%;border-radius:50%;background:radial-gradient(circle,rgba(47,239,255,.7),rgba(105,73,255,.22) 45%,transparent 72%);opacity:0;mix-blend-mode:screen;filter:blur(8px);pointer-events:none}
.portal-koala.typing:after{animation:laptopPulse .34s ease-in-out infinite alternate}
.portal-sprite{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity}
.sprite-turn{opacity:1}
@keyframes laptopPulse{to{opacity:.95;transform:scale(1.13)}}
.skip-hint{position:absolute;z-index:20;pointer-events:auto;right:22px;top:20px;border:1px solid rgba(150,185,225,.16);background:rgba(3,7,22,.55);padding:8px 11px;border-radius:99px;color:#a9bdd2;font:800 8px ui-monospace,monospace;letter-spacing:.15em;cursor:pointer;backdrop-filter:blur(10px);transition:opacity .4s}
.launch.entering .skip-hint{opacity:0}
.launch:after{content:"";position:absolute;z-index:50;inset:0;background:#02030b;opacity:0;pointer-events:none;transition:opacity .7s ease}.launch.finishing:after{opacity:1}
.gateway{position:fixed;inset:0;z-index:80;overflow:hidden;background:#050816;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s}
.gateway.visible{opacity:1;visibility:visible}
.gateway-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,22,.97) 0,rgba(5,8,22,.88) 35%,rgba(5,8,22,.14) 70%),url('assets/ai-space-world.png') center/cover;transform:scale(1.015)}
.gateway-copy{position:absolute;z-index:3;left:6.5vw;top:50%;transform:translateY(-50%);max-width:620px}
.gateway h1{font-size:clamp(54px,6.1vw,92px);line-height:1.02;letter-spacing:-.06em;margin:22px 0 24px}
.gateway h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#27eaff,#9b5cff,#ff7eaa);background-clip:text}
.gateway-copy>p:not(.code){max-width:550px;color:#c6d6ea;font-size:17px}.gateway small{color:#7792ae}
.gateway-koala{position:absolute;z-index:3;width:min(35vw,470px);right:6vw;bottom:3vh;filter:drop-shadow(0 0 40px rgba(39,234,255,.38));animation:gatewayFloat 4s ease-in-out infinite}
@keyframes gatewayFloat{50%{transform:translateY(-14px) rotate(-1deg)}}
@media(max-width:820px){.portal-koala{width:44vw;left:5%;bottom:13%}.gateway-bg{background:linear-gradient(rgba(5,8,22,.54),rgba(5,8,22,.93)),url('assets/ai-space-world.png') center/cover}.gateway-copy{left:24px;right:24px;top:40%}.gateway h1{font-size:52px}.gateway-koala{width:250px;right:-24px;bottom:-20px;opacity:.72}.skip-hint{top:14px;right:14px}}
@media(prefers-reduced-motion:reduce){.gateway-koala{animation:none}}
.navigation-guide{position:absolute;z-index:35;left:24px;bottom:22px;padding:8px 11px;border-left:2px solid rgba(39,234,255,.7);background:rgba(5,12,29,.6);color:#85a9cb;font:700 10px ui-monospace,monospace;letter-spacing:.02em;backdrop-filter:blur(6px)}
.touch-guide{display:none}
@media(max-width:820px){.navigation-guide{left:12px;bottom:15px;max-width:195px;font-size:8px}.desktop-guide{display:none}.touch-guide{display:inline}}