/* Q04 text and choices follow the actual media ending, including on replay. */
html.hvy-q4-video-first
  .scene-question:has(.scene-image[src*="q4-barn-fire"]) .question-shell,
html.hvy-q4-video-first
  .scene-question:has(.scene-image[src*="q4-barn-fire"]) .question-shell * {
  visibility: hidden !important;
}

html.hvy-q4-video-first.hvy-q4-video-complete
  .cinema-stage:not(.is-changing)
  .scene-question:has(.scene-image[src*="q4-barn-fire"]) .question-shell,
html.hvy-q4-video-first.hvy-q4-video-complete
  .cinema-stage:not(.is-changing)
  .scene-question:has(.scene-image[src*="q4-barn-fire"]) .question-shell * {
  visibility: visible !important;
  animation: none !important;
}

html.hvy-q4-video-first:has(.scene-question .scene-image[src*="q4-barn-fire"]):not(.hvy-q4-video-complete)
  .saga-answer-scroll-hint {
  visibility: hidden !important;
}

.hvy-q4-replay {
  /* Keep the existing sound control clear and respect the iPhone safe area. */
  top: max(16px, env(safe-area-inset-top));
  right: calc(82px + env(safe-area-inset-right, 0px));
  z-index: 20;
}
.hvy-q4-replay:disabled { opacity: .45; cursor: default; }
.hvy-q4-decoder { position: fixed; top: 0; left: 0; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.hvy-q4-play-prompt {
  position: fixed;
  z-index: 20;
  left: 50%;
  bottom: max(28px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(420px, calc(100% - 40px));
  padding: 16px 20px;
  text-align: center;
  color: #f4f0e8;
  background: rgba(8, 11, 11, .88);
  border: 1px solid rgba(244, 240, 232, .25);
  font: 14px/1.5 system-ui, sans-serif;
}
.hvy-q4-play-prompt[hidden] { display: none; }
.hvy-q4-play-prompt p { margin: 0; }
.hvy-q4-play-prompt button {
  min-height: 44px;
  margin-top: 12px;
  padding: 8px 24px;
  color: inherit;
  background: transparent;
  border: 1px solid currentColor;
  font: inherit;
  cursor: pointer;
}
.hvy-q4-play-prompt button:focus-visible { outline: 2px solid #d5a05d; outline-offset: 4px; }