/* Shared scene appearance follows the existing html[data-theme] and nw-theme.
   Loaded through style.css > home-continuity.css. Filters belong exclusively
   to decorative scene artwork; never filter page containers or wildlife. */
:root{--nw-scene-filter:brightness(.78) saturate(.9) contrast(1.02);--nw-reading-wash:radial-gradient(ellipse closest-side at 38% 50%,rgba(10,25,39,.62),rgba(10,25,39,.24) 65%,transparent 100%);--nw-scene-text:#f3eddf;--nw-scene-muted:#d6e0db;--nw-scene-accent:#ead09a;--nw-scene-link:#e3ddc3;--nw-scene-button:#ead09a;--nw-scene-button-text:#193033;--nw-language-surface:rgba(14,32,39,.88);--nw-language-border:rgba(210,217,190,.3)}
html[data-theme="dawn"]{--nw-scene-filter:brightness(1.24) saturate(.93) contrast(.87);--nw-reading-wash:radial-gradient(ellipse closest-side at 38% 50%,rgba(246,243,238,.96),rgba(246,243,238,.76) 65%,transparent 100%);--nw-scene-text:#203b3c;--nw-scene-muted:#304c4d;--nw-scene-accent:#644b24;--nw-scene-link:#365743;--nw-scene-button:#73592d;--nw-scene-button-text:#fff7e8;--nw-language-surface:rgba(246,243,238,.94);--nw-language-border:rgba(56,83,74,.3)}
html[data-theme="dim"]{--nw-scene-filter:brightness(.94) saturate(.42) contrast(.72);--nw-reading-wash:radial-gradient(ellipse closest-side at 38% 50%,rgba(20,38,43,.69),rgba(20,38,43,.29) 65%,transparent 100%);--nw-scene-text:#e6e3d8;--nw-scene-muted:#d0d7cf;--nw-scene-accent:#d5c298;--nw-scene-link:#d1d6c3;--nw-scene-button:#d5c298;--nw-scene-button-text:#243939;--nw-language-surface:rgba(20,38,43,.91);--nw-language-border:rgba(190,202,183,.26)}
/* Local comparison specimens own their values regardless of the root theme.
   These attributes are presentation samples, never a second user preference. */
[data-theme-preview="night"]{--nw-scene-filter:brightness(.78) saturate(.9) contrast(1.02);--nw-reading-wash:radial-gradient(ellipse closest-side at 38% 50%,rgba(10,25,39,.62),rgba(10,25,39,.24) 65%,transparent 100%);--nw-scene-text:#f3eddf;--nw-scene-muted:#d6e0db}
[data-theme-preview="dawn"]{--nw-scene-filter:brightness(1.24) saturate(.93) contrast(.87);--nw-reading-wash:radial-gradient(ellipse closest-side at 38% 50%,rgba(246,243,238,.96),rgba(246,243,238,.76) 65%,transparent 100%);--nw-scene-text:#203b3c;--nw-scene-muted:#304c4d}
[data-theme-preview="dim"]{--nw-scene-filter:brightness(.94) saturate(.42) contrast(.72);--nw-reading-wash:radial-gradient(ellipse closest-side at 38% 50%,rgba(20,38,43,.69),rgba(20,38,43,.29) 65%,transparent 100%);--nw-scene-text:#e6e3d8;--nw-scene-muted:#d0d7cf}
/* Explicit scene ownership excludes the uploaded squirrel. Important
   overrides later page-local fixed filters, without duplicating artwork. */
html body :is(.home-scene img,.how-tree-image,.nw-hero-picture img,.en-scene img,.cn-scene img,.nw-start-scene img,.start-forest-illustration,.nw-scene-image),.theme-sample-image{filter:var(--nw-scene-filter)!important}
/* The lighthouse owns a CSS illustration rather than an img. Its element
   contains decorative art and light only; its sibling story text and player
   remain unfiltered. Preserve the existing light animation and source. */
html body .story-panel .story-art .lighthouse{filter:var(--nw-scene-filter)!important}
/* Change the existing single reading wash; do not mount another overlay. */
html body :is(.home-copy,.en-copy,.cn-copy)::before,
html body .nw-organized .nw-hero-copy>div::before,
html body .nw-static-scene .nw-welcome-content::before,
html body .forest-host.hero>div:not(.hero-art):not(.forest-scene)::before{background:var(--nw-reading-wash)!important}
/* Legacy scene hosts contained literal colors outside the global tokens. */
html body .forest-host{background-color:var(--bg)!important;color:var(--nw-scene-text)}
html body .forest-host :is(.definition,.tiny,.muted){color:var(--nw-scene-muted)!important}
html body .forest-host .eyebrow{color:var(--nw-scene-accent)!important}
html body .forest-host .text-link{color:var(--nw-scene-link)!important}
html body .nw-static-scene .language-grid>a{background:var(--nw-language-surface)!important;border-color:var(--nw-language-border)!important;color:var(--nw-scene-text)!important}
html body .nw-static-scene .language-grid small{color:var(--nw-scene-muted)!important}
@media(min-width:1281px){html body .home-opening .home-copy{color:var(--nw-scene-text)!important}html body .home-opening :is(.definition,.tiny){color:var(--nw-scene-muted)!important}html body .home-opening .eyebrow{color:var(--nw-scene-accent)!important}html body .home-opening .text-link{color:var(--nw-scene-link)!important}}
@media(min-width:1051px){html body .nw-organized .nw-hero-copy h1{color:var(--nw-scene-text)!important}html body .nw-organized .nw-hero-copy :is(.definition,.tiny){color:var(--nw-scene-muted)!important}html body .nw-organized .nw-hero-copy .eyebrow{color:var(--nw-scene-accent)!important}html body .nw-organized .nw-hero-copy .text-link{color:var(--nw-scene-link)!important}html body :is(.en-copy,.cn-copy){color:var(--nw-scene-text)!important}html body :is(.en-opening,.cn-opening) :is(.definition,.tiny){color:var(--nw-scene-muted)!important}html body :is(.en-opening,.cn-opening) .eyebrow{color:var(--nw-scene-accent)!important}html body :is(.en-opening,.cn-opening) .text-link{color:var(--nw-scene-link)!important}}
html body :is(.home-opening,.en-opening,.cn-opening,.nw-hero-copy,.forest-host) .button.primary{background:var(--nw-scene-button)!important;border-color:var(--nw-scene-button)!important;color:var(--nw-scene-button-text)!important}
/* Stacked text uses the page foundation, outside the scene image. */
@media(max-width:1050px){html body :is(.en-opening,.cn-opening) :is(.en-copy,.cn-copy){color:var(--text)!important}html body :is(.en-opening,.cn-opening) :is(.definition,.tiny){color:var(--text-muted)!important}html body :is(.en-opening,.cn-opening) .eyebrow{color:var(--accent)!important}html body :is(.en-opening,.cn-opening) .text-link{color:var(--accent-soft)!important}}