/* Alexa 19.10.2026: visible mobile viewport and centered poster artwork. */
@media (max-width: 899px) and (orientation: portrait), (max-width: 699px) {
  .poster-cover { height: 100svh; }
  .poster-cover__name, .poster-cover__shot { transform: translateY(var(--pc-group-y, 0px)); }
  .poster-cover__shot { z-index: 2; }
  /* Fill the current visible window; keep the outer scroll track at the large viewport. */
  @supports (height: 100dvh) {
    .poster-cover { height: 100dvh; }
    .sp > .scr:first-child > .scr__card:has(> .poster-cover) { --fold: max(0px, calc(100lvh - 100dvh)); }
  }
}

/* Alexa 2026-10-19: keep the opening mobile composition still under the next screen. */
@media (max-width:899px) and (orientation:portrait),(max-width:699px){
.poster-cover{height:var(--pc-open-h,100svh)}
@supports(height:100dvh){.poster-cover{height:var(--pc-open-h,100dvh)}.sp>.scr:first-child>.scr__card:has(>.poster-cover){--fold:max(0px,calc(100lvh - var(--pc-open-h,100dvh)))}}
.sp[data-motion="on"][data-float="on"]>.scr:first-child:is([data-out="run"],[data-out="done"]) :is(.poster-cover__float,.poster-cover__shadow){animation-play-state:paused}
}