/* Media is the main content, never an opaque modal body over the video. */
#lushan-finale.cinematic-viewer {background:#1027241f;backdrop-filter:none;overflow:hidden;}
#lushan-finale.cinematic-viewer .lushan-finale-content {position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;animation:none;}
#lushan-finale.cinematic-viewer #lushan-reflection-video {inset:3% 4%;width:92%;height:94%;object-fit:contain;background:transparent;}
#lushan-finale.cinematic-viewer .reflection-caption {position:absolute;bottom:3%;left:50%;transform:translateX(-50%);max-width:84%;width:max-content;margin:0;padding:10px 18px;border:1px solid #c8b58370;border-radius:var(--ui-radius);background:#14332fc4;color:var(--ui-ivory);font:500 var(--ui-body)/1.5 var(--ui-font-body);text-align:center;animation:caption-in 250ms both;}
#lushan-finale.cinematic-viewer .lushan-finale-content > button {position:absolute;bottom:14%;left:50%;transform:translateX(-50%);pointer-events:auto;}
#lushan-finale.cinematic-viewer .reflection-view {position:absolute;inset:3% 4% 7%;width:92%;height:90%;max-height:none;object-fit:contain;}
#lushan-finale.cinematic-viewer .reflection-note {position:absolute;bottom:2%;left:8%;width:84%;padding:8px 16px;border:1px solid #c8b58370;border-radius:var(--ui-radius);background:#14332fc4;animation:caption-in 250ms both;}
#lushan-finale.cinematic-viewer .reflection-note small {display:none;}
#lushan-finale.cinematic-viewer .reflection-note p {font-size:var(--ui-body);line-height:1.45;margin:0 0 6px!important;}
#lushan-finale.cinematic-viewer .reflection-note nav {gap:12px;flex-wrap:wrap;}
#lushan-finale.cinematic-viewer .reflection-note button {min-height:44px;padding:7px 16px;font-size:var(--ui-small);}
#lushan-finale.cinematic-viewer .memory-replay {inset:0;background:transparent;}
#lushan-finale.cinematic-viewer .memory-replay img {inset:3% 4%;width:92%;height:94%;object-fit:contain;}
#lushan-finale.cinematic-viewer .memory-replay h2 {inset:auto 15% 3%;width:70%;padding:8px 16px;border-radius:var(--ui-radius);background:#14332fc4;font-size:var(--ui-h3);}
/* First-chapter illustrated dialogue keeps only its existing compact text band. */
#story.illustrated {background:transparent;}
#story.illustrated::after {background:linear-gradient(0deg,#10272426,transparent 42%);}
#story.illustrated #story-background {background-size:contain;background-repeat:no-repeat;}
@keyframes caption-in {from{opacity:0;}to{opacity:1;}}
@media(max-height:600px) {#lushan-finale.cinematic-viewer .reflection-note {left:5%;width:90%;padding:6px 10px;}#lushan-finale.cinematic-viewer .reflection-note p {font-size:16px;}#lushan-finale.cinematic-viewer .reflection-caption {font-size:17px;padding:8px 14px;}}
@media(prefers-reduced-motion:reduce) {#lushan-finale.cinematic-viewer * {animation:none!important;}}