.family-portraits{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;margin:0 0 16px}
.family-portrait{display:flex;align-items:center;gap:10px;min-width:0;padding:8px;background:#f4f7ec;border:1px solid #dce6d4;border-radius:12px}
.portrait-picture{width:64px;height:68px;flex:0 0 64px;border-radius:10px;background:#e4ecdb;overflow:hidden}
.portrait-picture .life-sprite{width:76px;height:76px;margin:-4px -6px;animation:none}
.family-portrait>div:last-child{min-width:0}.family-portrait small{display:block;font-size:14px;color:#596e62}.family-portrait strong{display:block;font-size:17px;line-height:1.5;overflow-wrap:anywhere}.family-portrait strong span{font-size:14px;font-weight:400}.family-portrait p{font-size:14px;line-height:1.45;margin:2px 0 0;color:#53695b;overflow-wrap:anywhere}
.family-portrait.remembered .portrait-picture{filter:saturate(.35)}.pet-budget-note{font-size:14px;line-height:1.5;color:#506a59}
.life-sprite.pet-sprite{background-image:url('./assets/pet-sprites-v1.png');background-size:200% 200%;background-position-x:0}.life-sprite.pet-sprite.cat{background-position-x:100%}
.scene-person.pet-person{order:5;width:85px;height:100px}.scene-person.pet-person .pet-sprite{width:90px;height:90px;bottom:14px}
.scene-cast.family-cast{gap:2px}.family-cast .scene-person{flex-shrink:1;min-width:44px;max-width:140px}.family-cast .scene-person.protagonist{order:1;flex-shrink:0}.family-cast .companion{order:2}.family-cast .sibling-person{order:3}.family-cast .child-person{order:4}
.family-cast.crowded .scene-person{max-width:100px}.family-cast.crowded .scene-person .life-sprite{width:120px;height:120px}.family-cast.crowded .scene-person.pet-person .pet-sprite{width:80px;height:80px}
.pet-memories article{display:flex;gap:10px;align-items:center}.pet-memories .pet-sprite{width:75px;height:75px;animation:none}.pet-memories p{font-size:16px;line-height:1.6}
@media(max-width:700px){.family-cast .scene-person{max-width:65px;min-width:30px}.family-cast .scene-person.protagonist{max-width:85px}.family-cast .scene-person .life-sprite{width:95px;height:95px}.family-cast .scene-person.protagonist .life-sprite{width:115px;height:115px}.family-cast .scene-person.pet-person .pet-sprite{width:65px;height:65px}.family-cast.crowded .scene-person{max-width:45px}.family-cast.crowded .scene-person.protagonist{max-width:65px}.family-cast.crowded .scene-person .life-sprite{width:75px;height:75px}.family-cast.crowded .scene-person.protagonist .life-sprite{width:100px;height:100px}.family-cast .scene-person>span:not(.life-sprite):not(.activity-prop){font-size:12px;padding:1px 3px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.family-cast.crowded .activity-prop{display:none}}

.decision-child{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:10px 12px;border-radius:12px;background:#f0f4e8}.decision-child>div:last-child{min-width:0}.decision-child strong,.decision-child span:not(.life-sprite){display:block;overflow-wrap:anywhere}.decision-child strong{font-size:17px;line-height:1.5}.decision-child span:not(.life-sprite){font-size:15px;line-height:1.6;color:#53695b}
