/* P7 V0.3.5: decoder ownership and compositor-only overlay motion.
   No changes to header, status-bar, safe-area sizing, logo position or crop. */
html.built-intro-preparing .v2-app-shell,
html.built-intro-playing .v2-app-shell{visibility:hidden!important}
html #builtIntro.built-intro-managed{contain:layout paint;isolation:isolate}
html #builtIntro.built-intro-managed.intro-video .built-reveal-video{
  display:block!important;visibility:visible!important;opacity:1!important;
  filter:none!important;transform:none!important;pointer-events:none!important;
}
html #builtIntro.built-intro-managed.intro-video .built-reveal-mobile-fallback{display:none!important;visibility:hidden!important;opacity:0!important}
html #builtIntro.built-intro-managed.intro-image .built-reveal-video{display:none!important;visibility:hidden!important;opacity:0!important}
html #builtIntro.built-intro-managed.intro-image .built-reveal-mobile-fallback{display:block!important;visibility:visible!important;opacity:1!important}
html #builtIntro.built-intro-managed.intro-waiting .built-reveal-video,
html #builtIntro.built-intro-managed.intro-waiting .built-reveal-mobile-fallback{opacity:0!important}
html #builtIntro.built-intro-managed .built-reveal-video::-webkit-media-controls,
html #builtIntro.built-intro-managed .built-reveal-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
/* Keep the same reveal placement and timings; avoid animating blur/width on
   full-screen video frames. The original glow/artwork itself is retained. */
html #builtIntro.built-intro-managed .built-reveal-logo{will-change:transform,opacity;filter:none!important}
html #builtIntro.built-intro-managed.is-logo .built-reveal-logo{animation:builtIntroLogo035 .7s cubic-bezier(.16,.9,.2,1) forwards}
html #builtIntro.built-intro-managed.is-launch .built-reveal-logo{animation:builtIntroLogoOut035 .58s ease-in forwards}
@keyframes builtIntroLogo035{from{opacity:0;transform:translate(-50%,-50%) scale(.82)}55%{opacity:1;transform:translate(-50%,-50%) scale(1.035)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes builtIntroLogoOut035{from{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.14)}}
@media(prefers-reduced-motion:reduce){html #builtIntro.built-intro-managed .built-reveal-logo{animation:none!important;filter:none!important;will-change:auto}}

html #builtIntro.built-intro-managed .built-reveal-rule{width:72%;transform:scaleX(0);will-change:transform}
html #builtIntro.built-intro-managed.is-logo .built-reveal-rule{animation:builtIntroRule035 .55s .18s ease-out forwards}
html #builtIntro.built-intro-managed .built-reveal-flare{width:88vw;transform:translate(-50%,-50%) scaleX(0);will-change:transform,opacity}
html #builtIntro.built-intro-managed.is-impact .built-reveal-flare{animation:builtIntroFlare035 .55s ease-out both}
@keyframes builtIntroRule035{to{transform:scaleX(1)}}
@keyframes builtIntroFlare035{0%{opacity:0;transform:translate(-50%,-50%) scaleX(0)}25%{opacity:1;transform:translate(-50%,-50%) scaleX(.090909)}100%{opacity:0;transform:translate(-50%,-50%) scaleX(1)}}