#studioSplash128{background:#000;overflow:hidden;transition:opacity .6s ease;isolation:isolate}
.studioStage130{width:min(1120px,94vw);aspect-ratio:16/9;position:relative;display:grid;place-items:center;opacity:0;transform:scale(.94)}
#studioSplash128 .studioStage130>img{width:100%;position:relative;z-index:2;mix-blend-mode:screen;filter:none;opacity:1}
.introPlaying130 .studioStage130{animation:studioReveal130 .85s ease both}
@keyframes studioReveal130{0%{opacity:0;transform:scale(.94)}100%{opacity:1;transform:scale(1)}}
.studioHalo130{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(ellipse,#6bddff24 0,#8142ed16 30%,transparent 66%);z-index:0}
.studioHalo130::before,.studioHalo130::after{content:'';position:absolute;left:24%;top:8%;width:52%;height:76%;border:1px solid #77eaff30;border-radius:50%;transform:rotate(-28deg) scaleY(.58);box-shadow:0 0 22px #55eaff18}
.studioHalo130::after{transform:rotate(28deg) scaleY(.58);border-color:#b88dff30}
.studioStars130{position:absolute;inset:0;z-index:1}
.studioStars130 i{position:absolute;left:50%;top:45%;width:var(--size);height:var(--size);border-radius:50%;background:#c0f9ff;box-shadow:0 0 12px #55dfff;opacity:0}
.introPlaying130 .studioStars130 i{animation:studioSpark130 2.5s ease-out var(--delay) both}
@keyframes studioSpark130{0%{opacity:0;transform:rotate(var(--angle)) translateX(65px) scale(.3)}30%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) translateX(var(--radius)) scale(.5)}}
.studioGleam130{position:absolute;z-index:3;left:25%;right:25%;height:1px;top:46%;opacity:0;background:linear-gradient(90deg,transparent,#72eaff,#fff,#b58cff,transparent);box-shadow:0 0 20px #7dedff}
.introPlaying130 .studioGleam130{animation:studioGleam130 1.5s ease .4s both}
@keyframes studioGleam130{0%{opacity:0;transform:scaleX(0)}40%{opacity:.7}100%{opacity:0;transform:scaleX(1.4)}}
@media(prefers-reduced-motion:reduce){.introPlaying130 .studioStage130{animation:none;opacity:1;transform:none}.studioStars130,.studioGleam130{display:none}}