/* Relationship and age are independent: a 37-year-old child is an adult. */
.life-sprite.elder.lady{background-image:url('./assets/elder-woman-v202.png');background-size:100% 200%;background-position-x:0;animation-name:elderWalk;clip-path:inset(7% 0 1%)}
/* The lower frame's feet are 44/887 cell pixels higher. Align their baseline;
   clip only the empty top margin so the preceding frame cannot bleed in. */
@keyframes elderWalk{0%,100%{background-position-y:0}50%{background-position-y:95%}}
.family-cast .scene-person:is(.relative-adult,.relative-elder){width:105px;height:155px}
.family-cast .scene-person:is(.relative-adult,.relative-elder)>.life-sprite{width:135px;height:135px}
.family-cast .scene-person.relative-teen{width:95px;height:145px}
.family-cast .scene-person.relative-teen>.life-sprite{width:125px;height:125px}
.family-cast .scene-person.relative-child{width:80px;height:130px}
.family-cast .scene-person.relative-child>.life-sprite{width:110px;height:110px}
.family-cast .scene-person.relative-baby{width:75px;height:110px}
.family-cast .scene-person.relative-baby>.life-sprite{width:100px;height:100px}
.family-cast.crowded .scene-person:is(.relative-adult,.relative-elder)>.life-sprite{width:115px;height:115px}
.family-cast.crowded .scene-person.relative-teen>.life-sprite{width:105px;height:105px}
.family-cast.crowded .scene-person.relative-child>.life-sprite{width:95px;height:95px}
.family-cast.crowded .scene-person.relative-baby>.life-sprite{width:85px;height:85px}
@media(max-width:700px){
 .family-cast .scene-person:is(.relative-adult,.relative-elder){width:65px;height:130px}
 .family-cast .scene-person:is(.relative-adult,.relative-elder)>.life-sprite{width:104px;height:104px}
 .family-cast .scene-person.relative-teen{width:60px;height:120px}
 .family-cast .scene-person.relative-teen>.life-sprite{width:98px;height:98px}
 .family-cast .scene-person.relative-child{width:55px;height:108px}
 .family-cast .scene-person.relative-child>.life-sprite{width:88px;height:88px}
 .family-cast .scene-person.relative-baby{width:50px;height:95px}
 .family-cast .scene-person.relative-baby>.life-sprite{width:80px;height:80px}
 .family-cast.crowded .scene-person:is(.relative-adult,.relative-elder)>.life-sprite{width:90px;height:90px}
 .family-cast.crowded .scene-person.relative-teen>.life-sprite{width:86px;height:86px}
 .family-cast.crowded .scene-person.relative-child>.life-sprite{width:78px;height:78px}
 .family-cast.crowded .scene-person.relative-baby>.life-sprite{width:70px;height:70px}
}
