.premium-winged-life{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:5}
.winged-flight{position:absolute;width:48px;height:48px;left:6px;top:32%;animation:winged-edge-flight 22s ease-in-out infinite;will-change:transform}
.winged-flight.flight-2{left:auto;right:6px;top:67%;width:40px;height:40px;animation-duration:27s;animation-delay:-11s}
.winged-creature{position:relative;width:100%;height:100%;filter:drop-shadow(0 2px 2px #24352e30)}
.winged-creature img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.creature-wing{transform-origin:50% 52%;backface-visibility:visible}
.creature-butterfly .wing-left{animation:butterfly-left-beat 1.5s ease-in-out infinite}
.creature-butterfly .wing-right{animation:butterfly-right-beat 1.5s ease-in-out infinite}
.creature-bird .wing-left{animation:bird-left-beat 2.2s ease-in-out infinite}
.creature-bird .wing-right{animation:bird-right-beat 2.2s ease-in-out infinite}
.creature-bird .winged-creature{transform:rotate(-18deg)}
.flight-2.creature-bird .winged-creature{transform:scaleX(-1) rotate(-12deg)}
.design-rosalia .creature-butterfly .creature-wing{filter:hue-rotate(310deg) saturate(.8)}
.design-eden .creature-butterfly .creature-wing{filter:hue-rotate(25deg) saturate(.65)}
.design-celestia .winged-creature{filter:drop-shadow(0 0 4px #f1d59760)}
.design-lumiere .winged-flight{top:20%;width:55px;height:55px}
.design-lumiere .winged-flight.flight-2{top:65%;width:42px;height:42px}
/* Keep wildlife on the scenic opening; profiles and reading chapters stay clear. */
.inv-section .premium-winged-life{display:none}
.art-eden .asset-butterfly{visibility:hidden}
@keyframes butterfly-left-beat{0%,100%{transform:perspective(160px) rotateY(0deg) rotate(-5deg)}50%{transform:perspective(160px) rotateY(65deg) rotate(4deg)}}
@keyframes butterfly-right-beat{0%,100%{transform:perspective(160px) rotateY(0deg) rotate(5deg)}50%{transform:perspective(160px) rotateY(-65deg) rotate(-4deg)}}
@keyframes bird-left-beat{0%,100%{transform:rotate(-9deg) scaleY(1)}50%{transform:rotate(16deg) scaleY(.38)}}
@keyframes bird-right-beat{0%,100%{transform:rotate(9deg) scaleY(1)}50%{transform:rotate(-16deg) scaleY(.38)}}
@keyframes winged-edge-flight{0%,100%{transform:translate3d(0,18px,0) rotate(-5deg);opacity:.7}30%{transform:translate3d(10px,-38px,0) rotate(4deg);opacity:1}65%{transform:translate3d(3px,-95px,0) rotate(-3deg);opacity:.9}}
.scene-asleep .premium-winged-life *,.page-asleep .premium-winged-life *,.motion-pause .premium-winged-life *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.premium-winged-life{display:none}}

/* Keraton butterflies rise along the edge, then restart while invisible. */
.design-puspita .creature-butterfly.winged-flight{top:auto;bottom:12%;left:8px;animation:keraton-butterfly-rise 24s linear infinite}
@keyframes keraton-butterfly-rise{0%{transform:translate3d(0,0,0) rotate(-5deg);opacity:0}8%{opacity:.9}30%{transform:translate3d(12px,-17vh,0) rotate(4deg)}55%{transform:translate3d(5px,-34vh,0) rotate(-3deg)}80%{transform:translate3d(18px,-53vh,0) rotate(5deg);opacity:.9}95%,100%{transform:translate3d(10px,-66vh,0) rotate(-2deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.design-puspita .premium-winged-life{display:none}}

/* Celestia: a pair of brass lanterns replaces wildlife and floating side ornaments. */
.art-celestia .asset-track-1{top:-8px;left:-6px;width:76px;opacity:1;transform-origin:50% 0;animation:celestia-lantern-sway 14s ease-in-out infinite}
.art-celestia .edge-right .asset-track-1{top:10px;animation-delay:-7s}
.art-celestia .asset-celestial-lantern{animation:celestia-lantern-glow 7s ease-in-out infinite;filter:drop-shadow(0 0 5px #efc97c40)}
.inv-section .art-celestia .asset-track-1{width:55px;left:-8px;opacity:.65}
@keyframes celestia-lantern-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes celestia-lantern-glow{0%,100%{filter:drop-shadow(0 0 3px #efc97c35)}50%{filter:drop-shadow(0 0 9px #efc97c70)}}
@media(prefers-reduced-motion:reduce){.art-celestia .asset-track-1,.art-celestia .asset-celestial-lantern{animation:none!important}}

/* Floating foreground layer, outside the scenic background stacking context. */
.premium-winged-life{z-index:20;overflow:visible}
.winged-flight{left:18px}
.winged-flight.flight-2{right:18px}
.design-puspita .creature-butterfly.winged-flight{left:20px}
/* Enter from outside the frame and exit above it before restarting. */
.tier-premium .creature-butterfly.winged-flight{left:0;top:auto;bottom:16%;animation:butterfly-frame-flight 24s linear infinite}
.tier-premium .creature-butterfly.winged-flight.flight-2{left:auto;right:0;bottom:30%;animation:butterfly-frame-flight-right 29s linear -13s infinite}
@keyframes butterfly-frame-flight{
 0%,4%{transform:translate3d(-65px,12px,0) rotate(-12deg);opacity:0}
 12%{transform:translate3d(12px,-25px,0) rotate(8deg);opacity:.95}
 34%{transform:translate3d(42px,-17vh,0) rotate(-7deg);opacity:1}
 57%{transform:translate3d(18px,-34vh,0) rotate(9deg);opacity:1}
 78%{transform:translate3d(38px,-53vh,0) rotate(-8deg);opacity:.95}
 92%,100%{transform:translate3d(-65px,-75vh,0) rotate(-18deg);opacity:0}
}
@keyframes butterfly-frame-flight-right{
 0%,4%{transform:translate3d(65px,0,0) rotate(12deg);opacity:0}
 12%{transform:translate3d(-12px,-22px,0) rotate(-8deg);opacity:.95}
 34%{transform:translate3d(-42px,-13vh,0) rotate(7deg);opacity:1}
 57%{transform:translate3d(-18px,-28vh,0) rotate(-9deg);opacity:1}
 78%{transform:translate3d(-38px,-43vh,0) rotate(8deg);opacity:.95}
 92%,100%{transform:translate3d(65px,-64vh,0) rotate(18deg);opacity:0}
}
/* Wildlife starts only after the invitation is opened. */
.cover>.premium-winged-life{display:none}
body:not(.invitation-open):not(.entrance-running) .premium-winged-life{visibility:hidden}
body:not(.invitation-open):not(.entrance-running) .premium-winged-life *{animation:none!important}