.typingcrab .clawL,.typingcrab .clawR{transform-box:fill-box;transform-origin:50% 0}@media (prefers-reduced-motion:no-preference){.crab-idle{animation:crab-bob 2.4s ease-in-out infinite;will-change:transform}@keyframes crab-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6%)}}.crab-wave{animation:crab-wave 1.2s ease-in-out infinite;transform-origin:70% 30%}@keyframes crab-wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(8deg)}}.crab-claw{animation:crab-claw 1.2s ease-in-out infinite;transform-origin:center}@keyframes crab-claw{0%,to{transform:rotate(0deg)}50%{transform:rotate(-12deg)}}.crab-walk{animation:crab-walk 1.1s steps(4) infinite}@keyframes crab-walk{0%{transform:translateX(0)}50%{transform:translateX(8%)}to{transform:translateX(0)}}.crab-eye{animation:crab-blink 4s step-end infinite}@keyframes crab-blink{0%,92%,to{opacity:1}95%{opacity:0}}.typingcrab.typing .clawL{animation:dc-tapL .3s ease-in-out infinite}.typingcrab.typing .clawR{animation:dc-tapR .3s ease-in-out infinite;animation-delay:.15s}@keyframes dc-tapL{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(26%) rotate(-12deg)}}@keyframes dc-tapR{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(26%) rotate(12deg)}}}