/* One rendered scene owns both the character and the environment. */
.scene-landscape{background-image:var(--character-scene);background-position:center 30%;inset:0;opacity:1;filter:none!important;transform:none;animation:none}
.scene-haze{background:linear-gradient(90deg,var(--paper) 0%,transparent 65%),linear-gradient(0deg,var(--paper),transparent 32%);opacity:.48}
.wash{opacity:.12}
body[data-scene=moon] .scene-landscape{opacity:1;filter:brightness(.7)!important}
.portrait .art-frame,.portrait .art-orbit,.portrait-note{visibility:hidden}
.portrait .scene-touch{background:var(--panel);border-radius:3px}
.player{background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(12px)}
.character-picker,.scene-tabs{background:color-mix(in srgb,var(--paper) 35%,transparent)}
body[data-active-character=chiyan]{--paper:#f0e7dc;--ink:#503a32;--accent:#865444;--muted:#7f6b60;--panel:#f6ede3}
body[data-active-character=zili]{--paper:#eae6ef;--ink:#393348;--accent:#695780;--muted:#7a7186;--panel:#f2eef6}
body[data-active-character=yueshuang]{--paper:#e5edf0;--ink:#2d414f;--accent:#4c7086;--muted:#697f8c;--panel:#eef4f6}
.custom-character .scene-landscape{background-image:url('landscape-v1.webp')}
.custom-character .portrait .art-frame{visibility:visible}
.scene-landscape{animation:scene-breath 16s ease-in-out infinite alternate;transform-origin:72% 35%}
@keyframes scene-breath{to{transform:scale(1.018)}}
@media(prefers-reduced-motion:reduce){.scene-landscape{animation:none!important}}
@media(max-width:700px){.portrait{margin-left:-7vw;margin-right:-7vw;width:100vw;overflow:clip}.custom-character .portrait{margin-left:0;margin-right:0;width:100%}}
@media(max-width:700px){.scene-landscape{background-image:none;background:var(--paper)}.scene-haze{display:none}.portrait{background-image:var(--character-scene);background-size:cover;background-position:75% center;mask-image:linear-gradient(transparent,black 10%,black 87%,transparent);height:500px}.portrait figcaption,.portrait .scene-touch{display:none}.custom-character .portrait{background-image:none}.custom-character .art-frame{visibility:visible}.introduction{padding-bottom:0}.character-picker{background:none}}