/* The illustration and text never pan, zoom, crop or distort. */
.scene-frame{position:relative;margin:auto;flex-shrink:0;overflow:hidden;isolation:isolate}
.scene-frame #art{width:100%;height:100%;object-fit:contain;animation:none;transform:none}
.turn,.series b{animation:none;transform:none}
.effect{position:absolute;left:var(--x);top:var(--y);width:var(--width);pointer-events:none;display:block;transform:translate(-50%,-50%);animation-delay:var(--delay,0s)!important;border-radius:50%}
.leaf-light{height:24%;background:radial-gradient(ellipse,#fff5b84d 0%,#fff5b822 30%,transparent 70%);mix-blend-mode:soft-light;animation:leaf-breathe 14s ease-in-out infinite alternate}
.sky-light{height:30%;background:radial-gradient(ellipse,#ffe6c03d,transparent 70%);mix-blend-mode:soft-light;animation:light-breathe 17s ease-in-out infinite alternate}
.moon-light{height:19.5%;background:radial-gradient(ellipse,#fff6b259,#fff6c724 32%,transparent 68%);mix-blend-mode:screen;animation:moon-breathe 12s ease-in-out infinite alternate}
.lamp-light{height:22.5%;background:radial-gradient(ellipse,#ffe4a84d,transparent 68%);mix-blend-mode:screen;animation:light-breathe 15s ease-in-out infinite alternate}
.water-glint{height:1px;background:linear-gradient(90deg,transparent,#fff8da99,transparent);box-shadow:0 0 2px #fff2ce33;animation:water-breathe 9s ease-in-out infinite alternate}
@keyframes leaf-breathe{from{opacity:.18;transform:translate(calc(-50% - 1px),-50%) rotate(-.3deg)}to{opacity:.48;transform:translate(calc(-50% + 1px),-50%) rotate(.3deg)}}
@keyframes light-breathe{from{opacity:.18}to{opacity:.48}}
@keyframes moon-breathe{from{opacity:.25}to{opacity:.65}}
@keyframes water-breathe{from{opacity:.12;transform:translate(calc(-50% - 1px),-50%) scaleX(.88)}to{opacity:.42;transform:translate(calc(-50% + 1px),-50%) scaleX(1.08)}}
.paused .effect,.backgrounded .effect,.menu-open .effect{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.effect{animation:none!important;opacity:0!important}}