#boot{display:flex!important}#boot[hidden]{display:none!important}#boot.finished{visibility:visible!important;pointer-events:none}#boot *{animation:none!important}#intro-motion{margin-left:auto;border:1px solid #547ca755;border-radius:6px;background:#0e213360;color:#bad9ed;font-size:10px;padding:12px;cursor:pointer}.intro-brand{animation:none;perspective:1100px;width:100%;transform-style:preserve-3d;margin-top:-20px;will-change:translate}
#boot .boot-orb{position:absolute;top:20px;animation:orb-arrival 5.2s both}
.intro-mascot{width:clamp(140px,21vh,230px);height:clamp(140px,21vh,230px);object-fit:contain;filter:drop-shadow(0 0 28px #6ddfff55);animation:mascot-arrival 9.2s both}
#boot strong{display:flex;justify-content:center;perspective:900px;font-size:clamp(42px,8.5vw,110px);letter-spacing:-.035em;line-height:1.15;margin-top:12px;background:none;filter:drop-shadow(0 0 25px #3aa9ff55)}
#boot strong span{display:inline-block;background:linear-gradient(120deg,#5687be 5%,#b4e3ff 25%,#fff 40%,#69b5e6 51%,#daf5ff 65%,#4485be 90%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:letter-assemble 2.4s cubic-bezier(.16,.85,.23,1) both,chrome-drift 4s ease-in-out infinite;animation-delay:calc(2.7s + var(--i)*.13s),5.2s;transform-origin:center center}
.intro-tagline{animation:tagline-arrival 9.2s both;margin-top:18px}.intro-caption{animation:caption-arrival 9.2s both;bottom:15%}.intro-halo{animation:halo-cinema 9.2s both}.intro-line{animation-duration:9.2s}
.intro-rings{position:absolute;top:46%;left:50%;width:min(74vw,730px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;perspective:700px;animation:halo-cinema 9.2s both}
.intro-rings i{position:absolute;inset:0;border:1px solid #74beff30;border-radius:50%;box-shadow:0 0 24px #2b75fd13,inset 0 0 25px #368eff0d;animation:ring-turn 14s linear infinite}.intro-rings i:nth-child(2){inset:8%;border-color:#c7a9ff25;animation-direction:reverse;animation-delay:-4s}.intro-rings i:nth-child(3){inset:17%;animation-delay:-8s}
@keyframes letter-assemble{0%{opacity:0;filter:blur(18px);transform:translate3d(var(--x),var(--y),-650px) rotateY(var(--r)) rotateX(65deg) scale(.4)}35%{opacity:.75}70%{opacity:1;filter:blur(0);transform:translate3d(0,-5px,30px) rotateY(-8deg) rotateX(-4deg) scale(1.035)}100%{opacity:1;filter:blur(0);transform:translate3d(0,0,0) rotateY(0) rotateX(0) scale(1)}}
@keyframes chrome-drift{0%,100%{background-position:0% 50%;translate:0 0}50%{background-position:100% 50%;translate:0 -3px}}
@keyframes orb-arrival{0%,12%{opacity:0;transform:translateZ(-600px) scale(.05);filter:blur(12px)}45%{opacity:1;transform:scale(.65) rotate(-20deg);filter:blur(0)}68%{opacity:1;transform:scale(1.1) rotate(0)}100%{opacity:0;transform:scale(1.8);filter:blur(20px)}}
@keyframes mascot-arrival{0%,39%{opacity:0;transform:translateY(25px) scale(.65) rotate(-12deg);filter:blur(12px)}60%{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:blur(0) drop-shadow(0 0 28px #6ddfff55)}80%{transform:translateY(-9px) rotate(2deg)}100%{opacity:1;transform:translateY(0) rotate(0);filter:blur(0) drop-shadow(0 0 28px #6ddfff55)}}
@keyframes tagline-arrival{0%,57%{opacity:0;filter:blur(8px);transform:translateY(14px);letter-spacing:12px}76%,100%{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes caption-arrival{0%,70%{opacity:0;transform:translateY(8px)}85%,100%{opacity:1;transform:translateY(0)}}
@keyframes halo-cinema{0%,20%{opacity:0;scale:.2}55%,100%{opacity:1;scale:1}}
@keyframes ring-turn{from{transform:rotateX(65deg) rotateY(-20deg) rotateZ(0)}to{transform:rotateX(65deg) rotateY(20deg) rotateZ(360deg)}}
@media(max-width:500px){.intro-brand{margin-top:-30px}.intro-rings{width:110vw}#boot strong{font-size:12vw}.intro-tagline{font-size:7px;letter-spacing:2px}.intro-caption{bottom:20%;font-size:6px}.intro-mascot{width:180px;height:180px}}