/* V1.113: a non-interactive, fixed full-width bottom scrim; never a dialogue card. */
.wq-dialogue-readability { isolation: isolate; }
.wq-dialogue-readability::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: var(--readability-left, 0px);
  top: auto;
  bottom: calc(-1 * var(--readability-bottom, 56px));
  width: var(--readability-width, 100%);
  height: var(--readability-height, 220px);
  background: rgba(0, 0, 0, var(--readability-alpha, .56));
  -webkit-mask-image: linear-gradient(180deg, transparent 0px, #000 var(--readability-top-fade, 48px), #000 100%);
  mask-image: linear-gradient(180deg, transparent 0px, #000 var(--readability-top-fade, 48px), #000 100%);
  pointer-events: none;
  transition: background-color 180ms ease;
}
@media (prefers-reduced-motion: reduce) {
  .wq-dialogue-readability::before { transition: none; }
}

/* V1.134: narrative progression has no visible end-of-line triangle or reserved slot. */
#advCue,
#continue-mark,
.continue-caret,
.continue-cue,
.adv__next,
.dialogue-cue,
.advance-indicator {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: transparent !important;
  clip-path: none !important;
  font-size: 0 !important;
  animation: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
#advCue::before,
#advCue::after,
#continue-mark::before,
#continue-mark::after,
.continue-caret::before,
.continue-caret::after,
.continue-cue::before,
.continue-cue::after,
.adv__next::before,
.adv__next::after,
.dialogue-cue::before,
.dialogue-cue::after,
.advance-indicator::before,
.advance-indicator::after,
.dialogue-box small::after {
  content: none !important;
  display: none !important;
}
