/* Original pose sheets are selected as independent, animated scene actors. */
.garden{min-height:570px}.garden-caption{bottom:16px;font-size:10px}.garden-label{top:65px}.garden .pond{width:43%;height:120px;right:5%;bottom:30px;border-width:6px;overflow:hidden;z-index:8}.actor{position:absolute;z-index:7;transform-origin:50% 80%;pointer-events:none}.animal-action{width:100%;aspect-ratio:1;background-image:url('assets/animals-action.png');background-repeat:no-repeat;background-size:500% 400%;background-position:calc(var(--animal)*25%) 0%;filter:drop-shadow(0 5px 3px #25432912)}.single-insect{display:block;position:absolute;width:39px;aspect-ratio:1;background-image:url('assets/individual-insects.png');background-repeat:no-repeat;background-size:500% 100%;background-position:calc(var(--insect,0)*25%) 50%;pointer-events:none}.actor-chicken{width:27%;left:4%;bottom:20%;animation:chicken-bob 9s infinite}.actor-chicken .animal-action{animation:chicken-pose 9s steps(1) infinite}.actor-bird{width:24%;left:45%;top:24%;animation:bird-flight 11s infinite}.actor-bird .animal-action{animation:bird-wings .42s steps(1) infinite}.actor-turtle{width:23%;left:26%;bottom:6%;animation:turtle-reach 13s infinite}.actor-turtle .animal-action{animation:turtle-pose 13s steps(1) infinite}.actor-lizard{width:35%;right:4%;bottom:28%;animation:lizard-pounce 10s infinite}.actor-lizard .animal-action{animation:lizard-pose 10s steps(1) infinite}.actor-fish{width:110px;left:35%;top:3%;animation:fish-swim 8s infinite;z-index:1}.actor-fish .animal-action{animation:fish-pose 8s steps(1) infinite}.water-sheen{position:absolute;inset:0;background:linear-gradient(160deg,#d4faf322,transparent 55%,#498eb844);z-index:3;pointer-events:none}.water-ring{position:absolute;width:44px;height:10px;border:1px solid #ddfffacc;border-radius:50%;top:25%;left:22%;z-index:4;animation:ripple 8s infinite}.water-ring.ring-b{animation-delay:.4s}.food-chicken{left:24%;bottom:22%;z-index:9;animation:feed-chicken 9s infinite}.food-bird{left:48%;top:30%;z-index:9;animation:feed-bird 11s infinite}.food-lizard{left:43%;bottom:42%;z-index:9;animation:feed-lizard 10s infinite}.food-turtle{left:44%;bottom:12%;z-index:9;animation:feed-turtle 13s infinite}.food-fish{left:26%;top:18%;width:27px;z-index:2;animation:feed-fish 8s infinite}@keyframes chicken-pose{0%,100%{background-position-y:0%}30%{background-position-y:33.333%}42%{background-position-y:66.666%}55%{background-position-y:33.333%}64%{background-position-y:66.666%}72%,88%{background-position-y:100%}}@keyframes chicken-bob{0%,25%,75%,100%{transform:translate(0,0)}36%,58%{transform:translate(7px,5px) rotate(4deg)}45%,68%{transform:translate(12px,9px) rotate(7deg)}}@keyframes bird-wings{0%,100%{background-position-y:0%}50%{background-position-y:33.333%}}@keyframes bird-flight{0%,8%{transform:translate(120px,-130px) rotate(-15deg);opacity:0}18%{opacity:1}35%{transform:translate(10px,0) rotate(6deg)}45%{transform:translate(-25px,17px) rotate(10deg)}58%{transform:translate(-50px,-10px) rotate(-5deg)}75%,100%{transform:translate(-240px,-170px) rotate(12deg);opacity:0}}@keyframes lizard-pose{0%,100%{background-position-y:0%}32%{background-position-y:33.333%}42%{background-position-y:66.666%}54%,80%{background-position-y:100%}}@keyframes lizard-pounce{0%,25%,75%,100%{transform:translateX(0)}37%,48%{transform:translateX(-16px)}60%{transform:translateX(-4px)}}@keyframes turtle-pose{0%,100%{background-position-y:0%}28%{background-position-y:33.333%}42%{background-position-y:66.666%}60%,85%{background-position-y:100%}}@keyframes turtle-reach{0%,20%,90%,100%{transform:translateX(0)}45%,60%{transform:translateX(12px)}75%{transform:translateX(6px)}}@keyframes fish-swim{0%,100%{transform:translateX(20px) rotate(-3deg)}40%,55%{transform:translateX(-25px) rotate(5deg)}75%{transform:translateX(0) rotate(-3deg)}}@keyframes fish-pose{0%,100%{background-position-y:0%}25%{background-position-y:33.333%}42%{background-position-y:66.666%}58%,85%{background-position-y:100%}}@keyframes ripple{0%,30%,100%{opacity:0;transform:scale(.3)}40%{opacity:1}65%{opacity:0;transform:scale(2.2)}}@keyframes feed-chicken{0%,5%{opacity:0;transform:translate(0,-270px) rotate(-30deg)}10%{opacity:1}30%,48%{opacity:1;transform:translate(0,0) rotate(25deg)}54%,100%{opacity:0;transform:translate(-3px,0) scale(.1)}}@keyframes feed-bird{0%,8%{opacity:0;transform:translate(20px,-150px) rotate(30deg)}15%,35%{opacity:1}42%{transform:translate(0,18px) rotate(-30deg);opacity:1}47%,100%{transform:translate(-20px,10px) scale(.1);opacity:0}}@keyframes feed-lizard{0%,8%{opacity:0;transform:translateY(-220px) rotate(-30deg)}15%,38%{opacity:1}32%,40%{transform:translateY(0) rotate(20deg)}49%,100%{transform:translate(70px,5px) scale(.15);opacity:0}}@keyframes feed-turtle{0%,8%{opacity:0;transform:translateY(-150px) rotate(20deg)}15%{opacity:1}28%,50%{transform:translateY(0) rotate(-15deg);opacity:1}57%,100%{transform:translate(-10px,0) scale(.1);opacity:0}}@keyframes feed-fish{0%,10%{opacity:0;transform:translateY(-55px) rotate(0)}22%,40%{opacity:1;transform:translateY(5px) rotate(35deg)}48%,100%{transform:translate(10px,18px) scale(.1);opacity:0}}

.single-insect{aspect-ratio:3/5}.food-lizard{left:48%}.paused .actor,.paused .animal-action,.paused .single-insect,.paused .water-ring{animation-play-state:paused!important}
@media(max-width:700px){.garden{min-height:460px}.actor-fish{width:80px}.garden .pond{height:95px;bottom:25px}}