.tile.pet-capsule{grid-column:span 1}
.pet-capsule .card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;overflow:hidden}
.pet-capsule-avatar{width:clamp(40px,5.2vw,64px);height:clamp(40px,5.2vw,64px);object-fit:contain;transform-origin:center 70%;backface-visibility:hidden;pointer-events:none}
.pet-capsule-name{font-size:10px;font-weight:600;line-height:14px}
.pet-capsule-stat{font-size:clamp(9px,1.1vw,12px);font-weight:600;line-height:15px;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pet-capsule-date{font-size:8px;color:#72767c;line-height:12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pet-capsule[data-state=error] .pet-capsule-date{color:#936a31}
html[data-theme=dark] .pet-capsule-date{color:#a5abb3}
html[data-theme=dark] .pet-capsule[data-state=error] .pet-capsule-date{color:#d9b575}
.editing .pet-capsule-avatar,html.reduced .pet-capsule-avatar,.page-hidden .pet-capsule-avatar{transform:none!important}
@media(prefers-reduced-motion:reduce){.pet-capsule-avatar{transform:none!important}}