.tail-rig{--joint-x:21px;--joint-y:22px;--body-start:19px;--tail-cut:22px;--tail-top:7px;--tail-bottom:40px;--cycle:.84s}
.tail-rig:not(.hit)>.sprite-body{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 var(--tail-bottom),var(--body-start) var(--tail-bottom),var(--body-start) var(--tail-top),0 var(--tail-top))}
.tail-rig>.tail-fin{position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(0 var(--tail-top),var(--tail-cut) var(--tail-top),var(--tail-cut) var(--tail-bottom),0 var(--tail-bottom));transform-origin:var(--joint-x) var(--joint-y);animation:tail-beat var(--cycle) cubic-bezier(.42,0,.58,1) infinite}
.tail-rig.bluegill:not(.hit)>.sprite-body{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 58px,32px 58px,32px 47px,22px 47px,22px 22px,0 22px)}
.tail-rig.bluegill>.tail-fin{clip-path:polygon(0 22px,22px 22px,22px 47px,32px 47px,32px 58px,0 58px);animation-name:joint-swing}
.tail-rig.goldfish:not(.hit)>.sprite-body{clip-path:inset(0 0 0 var(--joint-x))}
.tail-rig.goldfish>.tail-fin{clip-path:inset(0 calc(100% - var(--joint-x)) 0 0);animation-name:joint-swing}
.tail-rig.tadpole:not(.hit)>.sprite-body{clip-path:inset(0 0 0 var(--joint-x))}
.tail-rig.tadpole>.tail-fin{clip-path:inset(0 calc(100% - var(--joint-x)) 0 0)}
.tail-rig.minnow:not(.hit)>.sprite-body{clip-path:inset(0 0 0 var(--joint-x))}
.tail-rig.minnow>.tail-fin{clip-path:inset(0 calc(100% - var(--joint-x)) 0 0);animation-name:joint-swing}
.tail-rig.crayfish:not(.hit)>.sprite-body{clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,11px 30px,19px 30px,19px 23px,11px 23px)}
.tail-rig.crayfish>.tail-fin{clip-path:polygon(0 0,11px 0,11px 23px,0 23px);animation-name:crayfish-tail-lift}
.tail-rig.crayfish{filter:none}
.tail-rig.hit>.tail-fin{display:none}
@keyframes tail-beat{0%,100%{transform:rotateY(-65deg);filter:brightness(.76)}50%{transform:rotateY(45deg);filter:brightness(1.14)}}
@keyframes joint-swing{0%,100%{transform:rotateY(-65deg) rotateZ(-5deg);filter:brightness(.76)}50%{transform:rotateY(45deg) rotateZ(5deg);filter:brightness(1.14)}}
@keyframes crayfish-tail-lift{0%,100%{transform:rotate(13deg)}50%{transform:rotate(-13deg)}}