/* Full scenes end in darkness; the next chapter is an intentional story beat. */
.webtoon-scene-art { overflow: hidden; background: none; }
.webtoon-scene-art > img { position: absolute; display: block; width: 200%; height: 300%; max-width: none; object-fit: fill; pointer-events: none; }
.webtoon-dialogue-frame > .webtoon-scene-art::before { z-index: 1; pointer-events: none; }
.webtoon-chapter { padding-top: 12cqw; }
.story-chapter-heading { padding: 2cqw 7cqw 14cqw; overflow: visible; }
.story-chapter-heading > p { max-width: 30em; margin: 24px auto 0; }
.story-chapter-number { margin-bottom: 16px; }
.chapter-title-paper h2 { text-wrap: balance; }
.chapter-with-aside { padding-top: 0; }
.chapter-with-aside > .webtoon-scene-art { position: relative; width: 38cqw; aspect-ratio: 1; margin: 0 0 -7cqw 1cqw; z-index: 2; }
.chapter-with-aside .chapter-title-paper { position: relative; width: 94%; min-height: 39cqw; margin-inline: auto; padding: 6cqw 5cqw; display: flex; flex-direction: column; justify-content: center; background: #fffdf7; color: #392d35; border: 1.5px solid #55464f; border-radius: 45% 50% 44% 48% / 49% 44% 52% 47%; transform: rotate(-1deg); }
.chapter-with-aside .story-chapter-number { color: #a58065; font-size: 10px; margin-bottom: 10px; }
.chapter-with-aside h2 { font-size: clamp(20px,5.5cqw,28px); font-weight: 600; line-height: 1.45; }
.webtoon-dialogue-frame { margin-bottom: 8cqw; }
.webtoon-dialogue-frame::after { height: 22%; background: linear-gradient(transparent, #11141e80 55%, #11141e); }
.webtoon-dialogue-frame[data-kind='continuation'] { min-height: 0; padding-bottom: 10cqw; }
.webtoon-dialogue-frame[data-kind='continuation']::after { display: none; }
.webtoon-dialogue-frame[data-kind='continuation'] .speech-paper { margin-inline: auto; }
.webtoon-dialogue-frame[data-kind='continuation'] .speech-paper::after { display: none; }
.story-manuscript::before { background: radial-gradient(ellipse at center, #57423355, #14151e 75%); opacity: 1; }
/* Five uncropped beats continue the same seated, moonlit conversation. */
#chapter-prologue[data-story-continuity='seated-reading'] { --yuran-paper:#151722; --career-paper:#151722; background:#151722; color:#e4d8c8; padding-bottom:30px; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-beat { margin:0; padding:0 0 clamp(24px,6cqw,48px); }
#chapter-prologue[data-story-continuity='seated-reading'] .career-narration { padding:clamp(34px,8cqw,62px) 8%; color:#d8c8b6; font-size:clamp(16px,3.8cqw,21px); line-height:2; overflow-wrap:anywhere; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-art { margin:0; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-art img { width:100%; height:auto; object-fit:contain; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-speech { display:flex; align-items:center; justify-content:center; width:90%; max-width:560px; min-height:150px; margin:clamp(-30px,-4cqw,-12px) auto 0; padding:var(--balloon-pad-top,44px) 0 var(--balloon-pad-bottom,31px); z-index:1; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-speech p { margin:0; padding:0; color:#58414e; font:500 clamp(16px,3.9cqw,21px)/1.8 SUIT,sans-serif; text-align:center; white-space:pre-line; overflow-wrap:anywhere; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-record { margin:12px 9% 0; padding:0; border-block:1px solid #bca48b40; color:#c2b39f; font:13px/1.9 SUIT,sans-serif; overflow-wrap:anywhere; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-record summary { padding:17px 0; min-height:44px; cursor:pointer; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-record summary:focus-visible { outline:2px solid #d7b982; outline-offset:4px; }
#chapter-prologue[data-story-continuity='seated-reading'] .yuran-prologue-record-name { margin:6px 0 10px; color:#e4d8c8; }
#chapter-prologue[data-story-continuity='seated-reading'] .complete-birth-caption { margin:0 0 18px; color:#c2b39f; }
#chapter-prologue[data-story-continuity='seated-reading'] .complete-input-notes { margin:0 0 18px; padding:0; border:0; color:#c2b39f; }
#chapter-prologue[data-story-continuity='seated-reading'] .complete-input-notes p { color:inherit; }
#chapter-prologue[data-story-continuity='seated-reading'] .complete-example-note { color:#c2b39f; }
#chapter-prologue[data-story-continuity='seated-reading'] > .complete-time-note { color:#bca992; }
#chapter-prologue .yuran-first-page-surface { position:relative; isolation:isolate; }
#chapter-prologue .yuran-page-turn-canvas { position:absolute; inset:0; z-index:3; width:100%; height:100%; pointer-events:none; }
#chapter-prologue .yuran-page-turn-canvas[hidden] { display:none; }
#chapter-prologue .yuran-first-page-button { position:absolute; z-index:2; left:52%; top:71%; width:28%; height:21%; min-width:44px; min-height:44px; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; color:#e3c789; cursor:pointer; touch-action:manipulation; }
#chapter-prologue .yuran-first-page-button::after { content:''; position:absolute; right:1px; bottom:1px; width:clamp(10px,2.2cqw,18px); height:clamp(10px,2.2cqw,18px); background:linear-gradient(135deg,transparent 48%,#c9a56b66 50%,#f3e3bb99 58%,#e7d3a74d); opacity:.65; pointer-events:none; }
#chapter-prologue .yuran-first-page-button:hover:not(:disabled) { box-shadow:inset -1px -1px #c5a770aa; }
#chapter-prologue .yuran-first-page-button:hover:not(:disabled)::after { opacity:1; }
#chapter-prologue .yuran-first-page-button:focus-visible { outline:2px solid #d5ad60; outline-offset:-3px; }
#chapter-prologue .yuran-first-page-button:disabled { cursor:wait; opacity:1; }
#chapter-prologue[data-first-page='turning'] .yuran-first-page-button { outline:none; box-shadow:none; }
#chapter-prologue[data-first-page='turning'] .yuran-first-page-button::after { opacity:0; }
#chapter-prologue .yuran-first-page-hint { display:flex; align-items:center; justify-content:flex-end; gap:10px; margin:0; padding:17px 11% 13px; color:#c8b391; font:400 clamp(13px,3.3cqw,17px)/1.8 'Gowun Batang',serif; word-break:keep-all; }
#chapter-prologue .yuran-first-page-hint::before { content:''; flex:0 0 25px; height:1px; background:currentColor; opacity:.45; }
#chapter-prologue[data-story-continuity='seated-reading'] [data-prologue-beat='05-reading-begins'] .yuran-prologue-speech { margin:8px auto 0; }
.yuran-reading-continuation .yuran-continuation-art { margin:0; }
.yuran-continuation-art img { display:block; width:100%; height:auto; }
.yuran-continuation-copy { position:relative; margin:18px 7% 0; padding:25px 8%; border:1px solid #bc9d86; border-radius:24px; background:#fffaf2; color:#5e4853; text-align:center; }
.yuran-continuation-copy::before { content:''; position:absolute; top:-7px; left:48%; width:12px; height:12px; transform:rotate(45deg); background:#fffaf2; border-top:1px solid #bc9d86; border-left:1px solid #bc9d86; }
.yuran-continuation-copy p { margin:12px 0 0; font-size:clamp(16px,3.9cqw,21px); line-height:1.9; word-break:keep-all; overflow-wrap:anywhere; }