/* Native square close-ups: no extra magnification of an old waist-up sprite. */
.story #heroFace,#heroAvatar,.rescue-portrait>div.hero{
 background-color:#12211e;
 background-image:url('/assets/hero-portraits-v54-a.png');
 background-size:300% 200%;background-position:0 100%;background-repeat:no-repeat;
}
#heroAvatar{height:46px;top:17px}
#finalePortraitFace,#entrancePortrait[data-who="阿動"]{background-repeat:no-repeat}

/* A single restrained beat when an emphatic expression enters. */
@media(prefers-reduced-motion:no-preference){
 #finalePortrait[data-hero-expression="surprised"] #finalePortraitFace{animation:hero-startle .26s ease-out both}
 #finalePortrait[data-hero-expression="panic"] #finalePortraitFace{animation:hero-panic .34s ease-out both}
 #finalePortrait[data-hero-expression="victory"] #finalePortraitFace{animation:hero-victory .32s ease-out both}
}
@keyframes hero-startle{from{transform:translateY(4px)}to{transform:translateY(0)}}
@keyframes hero-panic{0%,100%{transform:translateX(0)}25%{transform:translateX(-2px)}60%{transform:translateX(2px)}}
@keyframes hero-victory{from{transform:translateY(3px);filter:brightness(1.16)}to{transform:translateY(0);filter:brightness(1)}}