.guard{align-items:flex-end;gap:8px;display:flex;position:relative}.guard-sprite{width:30px;height:42px;image-rendering:pixelated;background-image:url(/props/archer-shoot.png);background-position:0 0;background-repeat:no-repeat;background-size:300% 100%;flex:none}.guard.is-firing .guard-sprite{animation:.72s step-end guard-fire}@keyframes guard-fire{0%{background-position:0 0}18%{background-position:50% 0}46%{background-position:100% 0}78%{background-position:0 0}to{background-position:0 0}}.guard.is-firing .guard-sprite{animation-name:guard-fire,guard-lean;animation-duration:.72s,.72s;animation-timing-function:step-end,ease-out}@keyframes guard-lean{0%,18%{transform:translate(0)}40%{transform:translate(-2px)}50%{transform:translate(1px)}to{transform:translate(0)}}.guard-arrow{width:28px;height:10px;image-rendering:pixelated;pointer-events:none;opacity:0;background-image:url(/props/arrow.png);background-repeat:no-repeat;background-size:100% 100%;animation:.46s linear .13s forwards guard-arrow-fly;position:absolute;bottom:28px;left:26px}@keyframes guard-arrow-fly{0%{opacity:0;left:26px}6%{opacity:1}92%{opacity:1}to{opacity:0;left:calc(100% - 24px)}}.guard-hit{width:14px;height:14px;image-rendering:pixelated;pointer-events:none;opacity:0;background-image:url(/props/target.png);background-repeat:no-repeat;background-size:100% 100%;animation:.32s ease-out .52s forwards guard-hit;position:absolute;bottom:26px;right:4px}@keyframes guard-hit{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.35)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.guard.is-firing .guard-sprite,.guard-arrow,.guard-hit{animation:none}.guard-arrow,.guard-hit{opacity:0}}