/* Painted image layers move independently; the terrain stays anchored. */
.scene-backdrop{overflow:hidden;background:#667aca;isolation:isolate;pointer-events:none}
.bg-sky,.bg-sky img{position:absolute;inset:0;display:block;width:100%;height:100%}
.bg-sky{z-index:0}.bg-sky img{object-fit:cover;object-position:center top}
.bg-leaves,.bg-lantern,.bg-moon,.bg-cloud{position:absolute;display:block;pointer-events:none}
.bg-sway,.bg-moon-float,.bg-cloud-drift{display:block;width:100%;height:auto;user-select:none;pointer-events:none}
.bg-moon{z-index:1;width:clamp(160px,18vw,246px);top:1.2%;left:50%;transform:translateX(-50%)}
.bg-moon-float{animation:moon-float 12s ease-in-out -4s infinite;transform-origin:50% 50%}
.bg-cloud{z-index:2;width:46%;--cloud-travel:65px;--cloud-lift:-12px;--duration:25s;--delay:-7s;opacity:.8}
.bg-cloud-drift{animation:cloud-drift var(--duration) ease-in-out var(--delay) infinite}
.bg-cloud-high-left{left:-11%;top:7%;width:49%;--duration:29s;--delay:-11s}
.bg-cloud-high-right{right:-13%;top:12%;width:43%;--duration:24s;--delay:-3s;--cloud-travel:-76px}
.bg-cloud-middle-left{left:-20%;top:30%;width:49%;--duration:33s;--delay:-20s;opacity:.66}
.bg-cloud-middle-right{right:-17%;top:35%;width:49%;--duration:27s;--delay:-16s;--cloud-travel:-64px;opacity:.7}
.bg-cloud-far{left:28%;top:2%;width:33%;--duration:39s;--delay:-23s;--cloud-travel:45px;opacity:.42}
.bg-leaves{z-index:4;width:33%;--sway:5.5deg;--duration:7.8s;--delay:-2.2s}
.bg-leaf-sway{transform-origin:0 0;animation:foliage-sway var(--duration) ease-in-out var(--delay) infinite}
.bg-leaves-top-left{left:-3%;top:-5%;transform:rotate(-24deg)}
.bg-leaves-top-right{right:-3%;top:-5%;transform:rotate(24deg);--duration:9.1s;--delay:-6.1s;--sway:6.5deg}
.bg-leaves-top-right img,.bg-leaves-bottom-right img{transform-origin:100% 0}
.bg-leaves-bottom-left{left:-4%;bottom:-5%;width:25%;transform:scaleY(-1);--duration:9.8s;--delay:-5s;--sway:4.5deg}
.bg-leaves-bottom-right{right:-3%;bottom:-5%;width:24%;transform:scaleY(-1);--duration:8.4s;--delay:-1s;--sway:5.5deg}
.bg-lantern{z-index:3;width:14%;--sway:6deg;--duration:6.4s;--delay:-1.3s}
.bg-lantern-sway{transform-origin:50% 0;animation:lantern-sway var(--duration) ease-in-out var(--delay) infinite}
.bg-lantern-left{left:-3%;top:7%}
.bg-lantern-left-inner{left:12%;top:11%;width:10%;--sway:8deg;--duration:7.3s;--delay:-4.6s}
.bg-lantern-right{right:-4%;top:1%;width:17%;--sway:5.5deg;--duration:7.6s;--delay:-2.8s}
.bg-lantern-right-inner{right:17%;top:8%;width:10%;--sway:7deg;--duration:6.1s;--delay:-5.2s}
.motion-paused .bg-sway,.motion-paused .bg-moon-float,.motion-paused .bg-cloud-drift{animation-play-state:paused}
@keyframes foliage-sway{0%,100%{transform:rotate(calc(-1 * var(--sway)))}50%{transform:rotate(var(--sway))}}
@keyframes lantern-sway{0%,100%{transform:rotate(calc(-1 * var(--sway)))}50%{transform:rotate(var(--sway))}}
@keyframes moon-float{0%,100%{transform:translateY(8px) rotate(-2deg) scale(.98);opacity:.9}50%{transform:translateY(-10px) rotate(2deg) scale(1.03);opacity:1}}
@keyframes cloud-drift{0%,100%{transform:translate(calc(var(--cloud-travel)*-1),0)}50%{transform:translate(var(--cloud-travel),var(--cloud-lift))}}
@media(max-width:760px){
 .scene-backdrop{background-image:none}
 .bg-moon{top:17%;width:180px}
 .bg-cloud{--cloud-travel:36px;--cloud-lift:-9px}
 .bg-cloud-high-left{width:90%;left:-30%;top:12%}
 .bg-cloud-high-right{width:82%;right:-37%;top:24%;--cloud-travel:-40px}
 .bg-cloud-middle-left{width:90%;left:-45%;top:40%}
 .bg-cloud-middle-right{width:95%;right:-45%;top:49%;--cloud-travel:-34px}
 .bg-cloud-far{width:68%;left:20%;top:9%;--cloud-travel:27px}
 .bg-leaves{width:40%}
 .bg-leaves-top-left{top:12%;left:-12%;transform:rotate(-25deg)}
 .bg-leaves-top-right{top:11%;right:-12%;transform:rotate(25deg)}
 .bg-leaves-bottom-left{width:33%;left:-8%;bottom:-2%}
 .bg-leaves-bottom-right{width:33%;right:-8%;bottom:-2%}
 .bg-lantern-left{width:23%;left:-1%;top:16%;--sway:5deg}
 .bg-lantern-left-inner{width:13%;left:20%;top:28%;--sway:7deg}
 .bg-lantern-right{width:24%;right:-2%;top:15%;--sway:5.5deg}
 .bg-lantern-right-inner{display:none}
}
@media(prefers-reduced-motion:reduce){.bg-sway,.bg-moon-float,.bg-cloud-drift{animation:none!important;transform:none;opacity:1}}