/* OUT V13.4 — stage interlude + visible unified MV presentation.
   Loaded after out-v13.css so it owns only these repaired surfaces. */

/* Stage-clear interlude is part of the V13 runtime on both desktop and mobile. */
.out-stage-transition{
  position:absolute;
  inset:8px;
  z-index:46;
  display:grid;
  place-items:center;
  pointer-events:none;
  border-radius:16px;
  background:radial-gradient(circle at 50% 45%,rgba(18,55,90,.42),rgba(2,7,16,.82) 64%);
  opacity:0;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.out-stage-transition[hidden]{display:none!important}
.out-stage-transition.show{animation:out-stage-v134-in .22s ease-out forwards}
.out-stage-transition.leaving{animation:out-stage-v134-out .22s ease-in forwards}
.out-stage-transition-card{
  width:min(88%,540px);
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:15px 20px;
  border:1px solid rgba(177,231,255,.18);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(5,16,31,.88),rgba(18,12,37,.83));
  box-shadow:0 22px 64px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.08),0 0 34px rgba(105,221,255,.08);
}
.out-stage-transition-card img{
  width:104px;
  height:104px;
  object-fit:cover;
  clip-path:polygon(14% 0,86% 0,100% 14%,100% 86%,86% 100%,14% 100%,0 86%,0 14%);
  border-radius:0;
  filter:drop-shadow(0 0 10px rgba(105,221,255,.42)) drop-shadow(0 10px 18px rgba(0,0,0,.5)) saturate(1.08);
  background:radial-gradient(circle at 50% 35%,rgba(105,221,255,.16),rgba(5,12,24,.1));
}
.out-stage-transition-card small{display:block;font-size:8px;letter-spacing:.22em;color:#8bdcff;font-weight:900}
.out-stage-transition-card strong{display:block;margin-top:4px;font-size:24px;line-height:1;color:#fff;text-shadow:0 0 18px rgba(105,221,255,.22)}
.out-stage-transition-card p{margin:8px 0 7px;font-size:13px;font-weight:800;color:#eef7ff}
.out-stage-transition-card span{display:block;font-size:8px;letter-spacing:.16em;color:#8ff4c7;font-weight:900}
@keyframes out-stage-v134-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@keyframes out-stage-v134-out{from{opacity:1;transform:none}to{opacity:0;transform:scale(1.015)}}

/* One visible background video surface. The unified player reports LIVE only
   after YouTube itself reports PLAYING. */
.cinema-video-shell{position:absolute;inset:-4%;overflow:hidden;transform:scale(1.04)}
.out-mv-unified-v13{position:absolute!important;inset:0!important;display:block!important;overflow:hidden;pointer-events:none;z-index:0!important;opacity:1!important}
.out-mv-unified-v13>div,
.out-mv-unified-v13 iframe{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:177.77777778vh!important;
  min-width:100vw!important;
  height:100vh!important;
  min-height:56.25vw!important;
  transform:translate(-50%,-50%) scale(1.035)!important;
  border:0!important;
  pointer-events:none!important;
}
.out-mv-unified-v13 iframe{
  opacity:clamp(.34,calc(var(--mv-opacity)*2.15),.82)!important;
  filter:blur(calc(var(--mv-blur)*.28)) brightness(calc(var(--mv-bright) + .38)) saturate(var(--mv-sat)) contrast(1.05)!important;
  transition:opacity .22s ease,filter .24s ease;
  will-change:opacity,filter,transform;
}
body.out-mv-live .out-mv-unified-v13 iframe{opacity:clamp(.40,calc(var(--mv-opacity)*2.25),.84)!important}
body.out-mv-disabled .out-mv-unified-v13 iframe{opacity:0!important}
body.out-run-active .cinema-scrim{background:linear-gradient(180deg,rgba(1,3,7,.22),rgba(2,6,13,.06) 35%,rgba(2,5,12,.11) 70%,rgba(0,2,7,.34))!important}
body.out-run-active .cinema-vignette{box-shadow:inset 0 0 13vw rgba(0,0,0,.48),inset 0 -10vh 15vh rgba(0,0,0,.30)!important}

@media(max-width:760px),(pointer:coarse){
  .out-stage-transition{inset:5px;border-radius:13px;backdrop-filter:none;-webkit-backdrop-filter:none}
  .out-stage-transition-card{width:min(93%,410px);grid-template-columns:74px minmax(0,1fr);gap:12px;padding:10px 12px;border-radius:16px}
  .out-stage-transition-card img{width:74px;height:74px}
  .out-stage-transition-card strong{font-size:19px}
  .out-stage-transition-card p{font-size:11px;margin:5px 0}
  .out-stage-transition-card small,.out-stage-transition-card span{font-size:7px}
  .out-mv-unified-v13 iframe{opacity:clamp(.38,calc(var(--mv-opacity)*2.2),.82)!important;filter:blur(calc(var(--mv-blur)*.22)) brightness(calc(var(--mv-bright) + .42)) saturate(var(--mv-sat)) contrast(1.04)!important}
}
@media(prefers-reduced-motion:reduce){
  .out-stage-transition.show,.out-stage-transition.leaving{animation-duration:.001ms!important}
}