/* One shared, reversible timeline drives both the illustration and interface. */
body.has-cinematic-theme,body.has-cinematic-theme.day{background:var(--bg);color:var(--text)}
body.has-cinematic-theme .hero{background:var(--hero-base,#081625)}
body.has-cinematic-theme .hero-art,body.has-cinematic-theme.day .hero-art{filter:none}
body.has-cinematic-theme .hero-haze,body.has-cinematic-theme.day .hero-haze{background:linear-gradient(90deg,var(--haze-solid,#081522) 4%,var(--haze-dense,#081522dc) 22%,var(--haze-soft,#08152240) 57%,transparent 85%),linear-gradient(0deg,var(--bg),transparent 24%,transparent 80%,var(--haze-soft,#08152240))}
body.has-cinematic-theme .hero.view h1,body.has-cinematic-theme.day .hero.view h1{color:var(--hero-title,#f4e4bd)}
body.has-cinematic-theme .hero-intro,body.has-cinematic-theme .hero-description,body.has-cinematic-theme .english-title,body.has-cinematic-theme.day .hero-intro,body.has-cinematic-theme.day .hero-description,body.has-cinematic-theme.day .english-title{color:var(--hero-detail,#c7ced2)}
body.has-cinematic-theme .hero-bottom,body.has-cinematic-theme .small-note,body.has-cinematic-theme.day .hero-bottom,body.has-cinematic-theme.day .small-note{color:var(--hero-note,#a4afb8)}
body.has-cinematic-theme header,body.has-cinematic-theme.day header{background:var(--bg)}
body.has-cinematic-theme.cover-mode header,body.has-cinematic-theme.day.cover-mode header{background:linear-gradient(var(--header-tint,#08142288),transparent)}
body.has-cinematic-theme .ghost{background:var(--ghost-surface,#0a182b55);color:var(--text)}
body.has-cinematic-theme .gold{background:var(--button-gold,#d9c397);border-color:var(--button-gold,#d9c397);color:#19202a}
body.has-cinematic-theme .door,body.has-cinematic-theme .button{transition-property:transform,border-color;transition-duration:.2s}
/* Keep a restrained soft edge behind light lettering during the brightening interval. */
body.theme-changing .hero-copy,body.theme-changing .hero-bottom,body.theme-changing .view-toolbar,body.theme-changing .prose,body.theme-changing .door,body.theme-changing header,body.theme-changing .scene-label,body.theme-changing .music-copy,body.theme-changing .journal,body.theme-changing footer{text-shadow:0 1px 2px var(--type-dark-edge,transparent)}
.cinematic-art{position:relative;overflow:hidden;background-image:none!important}
.hero-art.cinematic-art{position:absolute}
.cinematic-art>svg{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
.hero-art.cinematic-art>svg{position:absolute;inset:0}
.cinematic-art [data-sun],.cinematic-art [data-moon]{transform-box:view-box;transform-origin:0 0}
@media(max-width:600px){body.has-cinematic-theme .hero-haze,body.has-cinematic-theme.day .hero-haze{background:linear-gradient(90deg,var(--haze-mobile-left,#081522b0),var(--haze-mobile-right,#08152255)),linear-gradient(0deg,var(--bg),transparent 35%,var(--haze-soft,#08152240))}}
@media(prefers-reduced-motion:reduce){body.theme-changing *{text-shadow:none}}