.player{display:inline-block;position:relative}.player__hit{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .15s steps(2,end);display:block}.player__hit--hop{animation:.55s cubic-bezier(.3,0,.4,1) player-hop}.player--lying .player__hit{transform:translateY(21%)rotate(-90deg)}.player .character{filter:drop-shadow(2px 0 0 var(--color-gray-500)) drop-shadow(-2px 0 0 var(--color-gray-500)) drop-shadow(0 -2px 0 var(--color-gray-500))}.player__bubble{z-index:2;width:max-content;max-width:220px;margin:0 0 var(--space-1);padding:var(--space-1) var(--space-2);transform-origin:bottom;font-family:var(--font-pixel);font-size:var(--text-sm);color:var(--color-black);background:var(--color-white);border:var(--border-thin);box-shadow:var(--shadow-pressed);line-height:1.6;animation:.2s steps(2,end) both player-bubble;position:absolute;bottom:100%;left:50%;translate:-50%}.player__bubble:after{content:"";background:var(--color-white);border:var(--border-thin);border-top:0;border-left:0;width:8px;height:8px;margin-left:-4px;position:absolute;top:100%;left:50%;transform:translateY(-4px)rotate(45deg)}.player--grab .player__hit{--lunge:4px;animation:.5s steps(2,end) infinite player-lunge}.player--grab-close .player__hit{--lunge:9px;animation-duration:.3s}.player--grab-left .player__hit{--lunge:-4px}.player--grab-left.player--grab-close .player__hit{--lunge:-9px}.player--caught .player__hit{animation:.4s cubic-bezier(.3,0,.4,1) 2 player-hop}.cursor-caught,.cursor-caught *{cursor:grabbing!important}@keyframes player-lunge{50%{translate:var(--lunge) 0}}@keyframes player-hop{50%{transform:translateY(-70px)}}@keyframes player-bubble{0%{scale:.5}to{scale:1}}@media (prefers-reduced-motion:reduce){.player__bubble,.player__hit--hop,.player--grab .player__hit,.player--caught .player__hit{animation:none}.player__hit{transition:none}}@media (hover:hover){.player__hit .character{transition:translate .15s steps(2,end)}.player__hit:hover .character{translate:0 -3px}}