.protagonist-avatar{display:inline-block;position:relative;width:48px;height:48px;flex-shrink:0;vertical-align:middle;image-rendering:pixelated}
.protagonist-still{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.protagonist-animation{display:none;position:absolute;inset:0;background:url('./assets/protagonist-v1/idle.png') 0 0/100% 400% no-repeat;image-rendering:pixelated}
.protagonist-avatar.animated>.protagonist-still{visibility:hidden}
.protagonist-avatar.animated>.protagonist-animation{display:block;animation:protagonist-idle 2.4s step-end infinite}
.protagonist-avatar.victory>.protagonist-animation{background-image:url('./assets/protagonist-v1/victory.png');animation:protagonist-victory 1.6s step-end infinite}
.protagonist-avatar.female>.protagonist-animation{background-image:url('./assets/protagonist-female-v1/idle.png')}
.protagonist-avatar.female.victory>.protagonist-animation{background-image:url('./assets/protagonist-female-v1/victory.png')}
.protagonist-header{width:44px;height:44px;margin-block:-4px}
.protagonist-result{float:right;width:112px;height:112px;margin:0 0 12px 12px}
.j-ending>.protagonist-avatar{display:block;width:176px;height:176px;margin:0 auto 12px}
@keyframes protagonist-idle{0%,68%{background-position-y:0}69%,81%{background-position-y:33.333333%}82%,87%{background-position-y:66.666667%}88%,100%{background-position-y:100%}}
@keyframes protagonist-victory{0%,18%{background-position-y:0}19%,34%{background-position-y:33.333333%}35%,78%{background-position-y:66.666667%}79%,100%{background-position-y:100%}}
@media(max-width:600px){.protagonist-result{width:80px;height:80px}.protagonist-header{width:36px;height:36px;margin-block:0}}
@media(prefers-reduced-motion:reduce){.protagonist-avatar.animated>.protagonist-still{visibility:visible}.protagonist-avatar.animated>.protagonist-animation{display:none;animation:none}}