/* v38 · Nature frames the content; all movement remains decorative and pausable. */
.living-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.nature-prop{position:absolute;display:block;aspect-ratio:1;background-image:url('assets/living-v38/nature-atlas.png');background-size:200% 200%;background-repeat:no-repeat;transform-origin:50% 88%;filter:drop-shadow(0 9px 7px #0b291e4d)}
.tree-left,.tree-right{background-position:0 0;animation:nature-sway 9s ease-in-out infinite}.flowers-left,.flowers-right{background-position:0 100%;animation:nature-sway 6s ease-in-out infinite}.log{background-position:100% 100%}
.living-beam{position:absolute;width:70%;height:135%;left:8%;top:-40%;transform:rotate(24deg);transform-origin:50% 0;background:linear-gradient(90deg,transparent,#f3e9af0c 30%,transparent 39%,#f3e9af12 48%,transparent 59%,#f3e9af0b 67%,transparent);animation:nature-sun 13s ease-in-out infinite}
.living-mist{position:absolute;left:-20%;bottom:-8%;width:120%;height:22%;border-radius:50%;background:radial-gradient(ellipse,#d2e7ba14,transparent 65%);animation:nature-mist 21s ease-in-out infinite alternate}
.living-mote{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ffecaf;box-shadow:0 0 9px 2px #eadb8c55;animation:nature-mote var(--duration) ease-in-out var(--delay) infinite}
.living-leaf{position:absolute;left:var(--x);top:-5%;width:9px;height:5px;border-radius:100% 0 100% 0;background:linear-gradient(130deg,#bdcc79,#6f9655);opacity:0;animation:nature-leaf var(--duration) linear var(--delay) infinite}
.living-butterfly{position:absolute;width:21px;height:18px;left:68%;top:45%;animation:nature-flight 19s ease-in-out infinite;filter:drop-shadow(0 2px 2px #1a322f44)}
.living-butterfly i,.living-butterfly b{position:absolute;top:1px;width:11px;height:14px;border-radius:80% 40% 75% 35%;background:radial-gradient(ellipse at 30% 35%,#fff4cd 0 12%,#e5c18e 18% 65%,#9e8062 80%);transform-origin:100% 50%;animation:nature-wings .45s ease-in-out infinite alternate}.living-butterfly b{left:10px;transform-origin:0 50%;border-radius:40% 80% 35% 75%;animation-delay:-.18s}.butterfly-2{left:7%;top:72%;animation-duration:26s;animation-delay:-9s;scale:.7;filter:hue-rotate(28deg) drop-shadow(0 2px 2px #1a322f44)}.butterfly-3{left:83%;top:18%;animation-delay:-14s;animation-duration:23s;scale:.6;filter:hue-rotate(45deg)}
.living-lantern{position:absolute;width:25px;height:80px;top:-7px;left:7%;transform-origin:50% 0;animation:nature-sway 7s ease-in-out infinite}.living-lantern:before{content:'';position:absolute;left:12px;top:0;height:55px;border-left:1px solid #d8cc9780}.living-lantern i{position:absolute;left:2px;bottom:0;width:22px;height:29px;border:2px solid #bfa370;border-radius:7px 7px 8px 8px;background:radial-gradient(ellipse,#fff1b0,#d7ab6066);box-shadow:0 0 21px 8px #e4bb6921,inset 0 0 0 4px #483b4129}.living-lantern i:after{content:'';position:absolute;inset:0 8px;border-left:1px solid #9d805a66}.lantern-2{left:87%;height:110px;animation-delay:-3s;scale:.8}.lantern-2:before{height:85px}
.nature-paused .living-scenery *,.nature-paused .living-scenery *:before,.nature-paused .living-scenery *:after,.scene-paused .living-scenery *,.scene-paused .living-scenery *:before,.scene-paused .living-scenery *:after,.nature-sleeping *{animation-play-state:paused!important}
@keyframes nature-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1.4deg)}}
@keyframes nature-sun{0%,100%{opacity:.45;transform:rotate(22deg)}50%{opacity:1;transform:rotate(28deg)}}
@keyframes nature-mist{to{transform:translate3d(15%,-12%,0)}}
@keyframes nature-mote{0%,100%{opacity:.12;transform:translate3d(0,0,0)}40%{opacity:.8}65%{opacity:.4;transform:translate3d(19px,-23px,0)}}
@keyframes nature-leaf{0%{opacity:0;transform:translate3d(0,0,0) rotate(0)}8%,85%{opacity:.55}50%{transform:translate3d(26px,220px,0) rotate(110deg)}100%{opacity:0;transform:translate3d(-40px,580px,0) rotate(250deg)}}
@keyframes nature-flight{0%,100%{transform:translate3d(0,0,0) rotate(-15deg)}25%{transform:translate3d(43px,-25px,0) rotate(20deg)}55%{transform:translate3d(5px,-65px,0) rotate(-15deg)}80%{transform:translate3d(-28px,-21px,0) rotate(15deg)}}
@keyframes nature-wings{to{transform:scaleX(.25)}}
.hero-nature{right:43%;z-index:1}.hero-nature .tree-left{width:260px;left:-180px;bottom:20px;filter:brightness(.7) drop-shadow(0 10px 12px #071d1688)}.hero-nature .tree-right{width:200px;right:-145px;top:22px;opacity:.5}.hero-nature .flowers-left{width:240px;left:-77px;bottom:-82px;filter:brightness(.78)}.hero-nature .flowers-right{width:170px;right:20px;bottom:-47px;filter:brightness(.8)}.hero-nature .log{width:150px;left:42%;bottom:-48px;filter:brightness(.8)}.hero-nature .lantern-1{left:3.5%;height:110px}.hero-nature .lantern-1:before{height:85px}.hero-nature .lantern-2{left:88%;height:76px}.hero-nature .lantern-2:before{height:51px}
.board-scenery>.chapter-heading,.board-scenery>.board-stage,.board-scenery>.world-caption{position:relative;z-index:1}.board-scenery .tree-left{width:220px;left:-150px;top:20%}.board-scenery .tree-right{width:220px;right:-150px;top:10%;animation-delay:-4s}.board-scenery .flowers-left{width:150px;left:-45px;bottom:-45px}.board-scenery .flowers-right{width:170px;right:-55px;bottom:-55px;animation-delay:-2s}.board-scenery .log{width:115px;right:-12px;top:-16px;opacity:.8}.board-scenery .living-lantern{left:3%;height:72px}.board-scenery .living-lantern:before{height:47px}.board-scenery .lantern-2{left:94%;height:115px}.board-scenery .lantern-2:before{height:90px}.board-scenery .living-butterfly{left:93%;top:50%}.board-scenery .butterfly-2{left:1%;top:64%}.board-scenery .butterfly-3{left:22%;top:94%}
.star-forest-life{position:fixed;inset:0;opacity:.55}.star-forest-life .tree-left{width:370px;left:-240px;bottom:3%}.star-forest-life .tree-right{width:420px;right:-270px;bottom:9%}.star-forest-life .flowers-left{width:260px;left:-155px;bottom:-80px}.star-forest-life .flowers-right{width:300px;right:-190px;bottom:-80px}.star-forest-life .log,.star-forest-life .living-lantern,.star-forest-life .butterfly-3{display:none}.star-forest-life .living-butterfly{left:97%;top:65%}.star-forest-life .butterfly-2{left:1%;top:39%}
body:has(.star-forest-life)>main,body:has(.star-forest-life)>.star-header{position:relative;z-index:1}.level-meta{display:flex;align-items:center;gap:14px;color:var(--gold);font-size:10px;white-space:nowrap}.level-meta button{font-size:9px;padding:6px 8px}
@media(max-width:850px){.star-forest-life{opacity:.28}.level-meta{gap:6px;align-items:end;flex-direction:column}.board-scenery .tree-left{left:-170px}.board-scenery .tree-right{right:-170px}.board-scenery .living-lantern{scale:.65;left:0}.board-scenery .lantern-2{left:96%}}
@media(max-width:640px){.hero-nature{right:0;height:390px}.hero-nature .tree-left{left:-208px}.hero-nature .flowers-left{left:-115px;bottom:-85px;width:220px}.hero-nature .flowers-right{right:-45px;bottom:-62px;width:190px}.hero-nature .log{display:none}.hero-nature .lantern-1{display:none}.hero-nature .lantern-2{left:90%}.hero-nature .living-butterfly{left:88%;top:43%;scale:.75}.hero-nature .butterfly-2{left:4%;top:85%;scale:.5}.hero-nature .butterfly-3{display:none}}
@media(prefers-reduced-motion:reduce){.living-scenery *,.living-scenery *:before,.living-scenery *:after{animation:none!important}.living-leaf{display:none}.living-mote{opacity:.4}}