/* Q06: one stable shade through entry, playback AND the outgoing handoff, below copy/controls. */
.cinema-stage:has(.scene-question.question-6, .scene-handoff .scene-image[src*="q6-fog"])::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 1;
  animation: none;
  transition: none;
  background:
    linear-gradient(90deg, rgba(6,8,9,.56), transparent 29%, transparent 71%, rgba(6,8,9,.56)),
    linear-gradient(180deg, rgba(6,8,9,.57) 0%, transparent 25%, rgba(6,8,9,.12) 45%, rgba(6,8,9,.94) 100%);
}
/* Nested shades belong to replaceable/fading image wrappers. Suppress them
   throughout incoming and outgoing handoffs so the stable layer is never doubled. */
.cinema-stage:has(.scene-question.question-6, .scene-handoff .scene-image[src*="q6-fog"]) .scene-shade {
  background: none !important;
}
@media (max-width: 700px) {
  .cinema-stage:has(.scene-question.question-6, .scene-handoff .scene-image[src*="q6-fog"])::before {
    background: linear-gradient(180deg, rgba(6,8,9,.57) 0%, transparent 22%, rgba(6,8,9,.12) 42%, rgba(6,8,9,.94) 100%);
  }
}