/* The intro has verse, not development controls. */
:root{--verse-space:clamp(64px,9svh,88px);--film-art-height:min(133.333333vw,calc(100svh - var(--verse-space)))}
#film-host{inset:0 0 var(--verse-space)}
#film-host #stage{width:min(100vw,calc((100svh - var(--verse-space)) * .75))}
.cover-caption{bottom:0;padding-bottom:26px}
#intro-verse{position:fixed;z-index:7;pointer-events:none;color:#f4dfc0;font:clamp(18px,2.2vw,25px)/1.8 "Songti SC","SimSun",serif;letter-spacing:.17em;writing-mode:horizontal-tb;left:0;right:0;top:calc((100svh - var(--verse-space) + var(--film-art-height))/2 + 14px);white-space:nowrap;text-align:center;text-shadow:none}
#intro-verse span{display:inline}#intro-verse span+span{margin-left:1em}
body:not([data-mode=film]) #intro-verse{display:none}
#lake-portal{position:fixed;inset:0;width:100vw;height:100svh;z-index:80;pointer-events:auto}
/* Both cover and page use the exact same rendered scene, without rotated copies. */
.lake-window{transform:none!important;border-radius:50%;overflow:hidden}
.lake-window canvas{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 63%;transform:none}
.chapter-footer{justify-content:flex-end}
@media(prefers-reduced-motion:reduce){#intro-verse{transition:none}}