.prologue-screen, .prologue-end { background: #11141e; }
.cinematic-sequence { container-type: inline-size; background: #11141e; }
.cinematic-sequence .sequence-frame { position: relative; isolation: isolate; overflow: hidden; min-height: 100cqw; margin: 0; background: #11141e; }
.cinematic-sequence .sequence-frame + .sequence-frame { margin-top: 12cqw; }
.sequence-art { position: absolute; bottom: 0; left: 0; width: 100%; aspect-ratio: 1; overflow: hidden; z-index: -1; }
.sequence-art > img { position: absolute; display: block; width: 200%; height: 200%; max-width: none; object-fit: fill; }
.sequence-art::before { content: ''; position: absolute; z-index: 1; inset: 0 0 auto; height: 20%; background: linear-gradient(#11141e,transparent); pointer-events: none; }
.sequence-frame::after { content: ''; position: absolute; inset: auto 0 0; height: 20%; background: linear-gradient(transparent,#11141e); pointer-events: none; }
.sequence-frame.has-dialogue { padding: 4cqw 0 92cqw; }
.sequence-frame.has-dialogue[data-kind='detail'] { padding-bottom: 84cqw; }
.sequence-frame .speech-paper { margin-left: 6%; }
.sequence-frame[data-kind='detail'] .speech-paper { margin-inline: auto; padding: 7px 8px; border: 16px solid transparent; border-image: url('assets/narration-paper-v11.svg') 24 fill / 16px / 0 stretch; }
.sequence-frame[data-kind='detail'] .speech-paper::after { display: none; }
.sequence-caption { position: absolute; z-index: 2; top: 8cqw; left: 8cqw; max-width: 82%; color: #eee9e3; font-size: clamp(16px,4.8cqw,24px); font-weight: 400; line-height: 1.8; white-space: pre-line; text-shadow: 0 2px 10px #000; }
.sequence-caption.is-low { top: auto; bottom: 11cqw; left: 0; max-width: none; width: 100%; text-align: center; font-size: clamp(15px,4.3cqw,21px); }
.sequence-caption.is-sound { left: auto; right: 9cqw; top: 9cqw; font-size: clamp(15px,4.2cqw,20px); letter-spacing: .16em; transform: rotate(-10deg); color: #dfd9da; }
.sequence-frame:first-child .sequence-art::before { height: 15%; }
.cinematic-sequence[data-sequence='opening'] .sequence-frame:first-child .sequence-caption { top: 76px; }