/* Epic intro light is local to the portrait plaque. A square masked layer keeps
 * the rays circular; fading its edge prevents the landscape gradient's hard
 * rotating corners from appearing across the taller cabinet. */
html[data-slot-orientation="portrait"] #presentationOverlay.epicIntro::before {
  inset: auto;
  left: 50%;
  top: 50%;
  width: 160%;
  height: auto;
  aspect-ratio: 1;
  margin: 0;
  background: repeating-conic-gradient(
    from 0deg,
    rgba(255, 202, 91, 0) 0deg,
    rgba(255, 226, 143, .22) 5deg,
    rgba(255, 189, 74, .12) 10deg,
    rgba(255, 175, 52, 0) 17deg,
    transparent 30deg
  );
  -webkit-mask-image: radial-gradient(circle closest-side, #000 12%, rgba(0, 0, 0, .6) 42%, transparent 78%);
  mask-image: radial-gradient(circle closest-side, #000 12%, rgba(0, 0, 0, .6) 42%, transparent 78%);
  filter: blur(calc(var(--slot-cabinet-width, 100vw) * .017));
  opacity: .64;
  transform: translate(-50%, -50%) rotate(0deg);
  transform-origin: center;
  animation: chickenPortraitEpicRays 32s linear infinite;
  pointer-events: none;
}

html[data-slot-orientation="portrait"] #presentationOverlay.epicIntro::after {
  inset: auto;
  left: 50%;
  top: 50%;
  width: 110%;
  height: auto;
  aspect-ratio: 1;
  margin: 0;
  background: radial-gradient(
    circle closest-side,
    rgba(255, 239, 175, .3) 0%,
    rgba(255, 190, 61, .2) 28%,
    rgba(215, 104, 26, .07) 52%,
    transparent 78%
  );
  transform: translate(-50%, -50%);
  transform-origin: center;
  animation: chickenPortraitEpicGlow 3.2s ease-in-out infinite alternate;
  pointer-events: none;
}

html[data-slot-orientation="portrait"] #presentationFallback.epicIntro {
  /* The native keyed movie, static fallback, and title keep their shared box. */
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 1264 / 720;
  filter: drop-shadow(0 12px 16px rgba(0, 0, 0, .66)) drop-shadow(0 0 24px rgba(255, 187, 42, .25));
}

@keyframes chickenPortraitEpicRays {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes chickenPortraitEpicGlow {
  from { opacity: .68; transform: translate(-50%, -50%) scale(.98); }
  to { opacity: 1; transform: translate(-50%, -50%) scale(1.03); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-slot-orientation="portrait"] #presentationOverlay.epicIntro,
  html[data-slot-orientation="portrait"] #presentationFallback.epicIntro {
    animation: none;
  }
  html[data-slot-orientation="portrait"] #presentationFallback.epicIntro {
    opacity: 1;
    transform: none;
  }
  html[data-slot-orientation="portrait"] #presentationOverlay.epicIntro::before {
    animation: none;
    opacity: .4;
    transform: translate(-50%, -50%);
  }
  html[data-slot-orientation="portrait"] #presentationOverlay.epicIntro::after {
    animation: none;
    opacity: .8;
    transform: translate(-50%, -50%);
  }
}