#plant-actions{position:absolute;inset:0;pointer-events:none;z-index:1}
.plant-water-drop,.plant-kerosene-drop,.plant-fire-effect{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none;opacity:.9}
.plant-water-drop svg,.plant-kerosene-drop svg{display:block;width:100%;height:100%;animation:plant-water-fall .85s ease-in forwards}
@keyframes plant-water-fall{
  0%{opacity:1;transform:translateY(0)}
  65%{opacity:1}
  100%{opacity:0;transform:translateY(var(--water-fall))}
}
.plant-fire-effect svg{display:block;width:100%;height:100%;animation:plant-fire-hold .7s linear,plant-fire-fade .45s .7s linear forwards}
.plant-fire-effect .fire-shape,.plant-fire-effect .fire-heart{transform-box:fill-box;transform-origin:50% 100%}
.plant-fire-effect .fire-shape{animation:plant-fire-flicker .24s steps(2,end) infinite}
.plant-fire-effect .fire-heart{animation:plant-fire-heart .34s steps(2,end) infinite}
/* Reveal the charred branches at the end of the hold, with fire still visible. */
@keyframes plant-fire-hold{from{opacity:1}to{opacity:1}}
@keyframes plant-fire-fade{0%,28%{opacity:1}100%{opacity:0}}
@keyframes plant-fire-flicker{
  0%,100%{transform:rotate(-1.5deg) scale(.97,1.02)}
  50%{transform:rotate(1.5deg) scale(1.02,.97)}
}
@keyframes plant-fire-heart{0%,100%{transform:scale(1.025,.92)}50%{transform:scale(.96,1.04)}}
.plant-pruned-leaf{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none}
.plant-pruned-leaf img{display:block;width:100%;height:100%;max-width:none;transform-origin:center;animation:plant-leaf-fall var(--leaf-fall-time) var(--leaf-delay) linear both,plant-leaf-fade .5s var(--leaf-fade-delay) linear forwards}
@keyframes plant-leaf-fall{
  0%{transform:translate(0,0) rotate(0) scale(1)}
  36%{transform:translate(var(--leaf-drift-one),var(--leaf-fall-one)) rotate(var(--leaf-turn-one)) scale(.97)}
  70%{transform:translate(var(--leaf-drift-two),var(--leaf-fall-two)) rotate(var(--leaf-turn-two)) scale(.98,.85)}
  91%{transform:translate(var(--leaf-drift),var(--leaf-fall-three)) scale(1,.24) rotate(var(--leaf-turn))}
  100%{transform:translate(var(--leaf-drift),var(--leaf-fall)) scale(1,.28) rotate(var(--leaf-turn))}
}
@keyframes plant-leaf-fade{from{opacity:1}to{opacity:0}}
.plant-stem-layer{position:absolute;inset:0;pointer-events:none;mask-mode:luminance;mask-size:100% 100%;mask-repeat:no-repeat}
.plant-dead-stems{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none}
.plant-stem-print{display:block;position:relative;width:100%;height:100%;animation:plant-stem-fade .65s 1.65s linear forwards}
.plant-stem-print img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none}
.plant-stem-print .stem-dry{animation:plant-stem-dry .85s ease-in-out both}
@keyframes plant-stem-dry{from{opacity:0}to{opacity:1}}
@keyframes plant-stem-fade{from{opacity:1}to{opacity:0}}
.plant-regrow-effect{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none}
.plant-regrow-effect img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;opacity:0}
/* Three drawings over two seconds, with .24s alpha transitions between them. */
.plant-regrow-effect .regrow-sprout{animation:plant-regrow-sprout .9s ease-in-out both}
.plant-regrow-effect .regrow-branches{animation:plant-regrow-branches .9s .66s ease-in-out both}
.plant-regrow-effect .regrow-leaves{animation:plant-regrow-leaves .68s 1.32s ease-in-out both}
@keyframes plant-regrow-sprout{0%,100%{opacity:0}26.666667%,73.333333%{opacity:1}}
@keyframes plant-regrow-branches{0%,100%{opacity:0}26.666667%,73.333333%{opacity:1}}
@keyframes plant-regrow-leaves{from{opacity:0}35.294118%,to{opacity:1}}
.plant-recover-leaf{position:absolute;display:block;transform:translate(-50%,-50%);pointer-events:none}
.plant-recover-leaf img{display:block;width:100%;height:100%;max-width:none;animation:plant-leaf-return .85s ease-in-out both}
@keyframes plant-leaf-return{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){
  .plant-water-drop svg,.plant-kerosene-drop svg{animation-name:plant-water-fade}
  .plant-fire-effect .fire-shape,.plant-fire-effect .fire-heart{animation:none}
  .plant-pruned-leaf img{animation-name:plant-leaf-settle,plant-leaf-fade}
  @keyframes plant-leaf-settle{from,to{transform:translate(var(--leaf-drift),var(--leaf-fall)) scale(1,.28) rotate(var(--leaf-turn))}}
  @keyframes plant-water-fade{0%,65%{opacity:1}100%{opacity:0}}
}