.pet-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-end:20px}.pet-roster button{min-width:0;display:grid;gap:8px;padding:10px;border:1px solid #b8b1c4;border-radius:12px;background:#fff;color:#172c3b;font-size:16px;text-align:center;line-height:1.5}.pet-roster button[aria-pressed=true]{outline:3px solid #694ca1;outline-offset:1px;background:#f0eafb}.pet-roster img{display:block;width:96px;max-width:100%;height:96px;aspect-ratio:1;object-fit:contain;border-radius:8px;justify-self:center}.pet-roster span{overflow-wrap:anywhere}.pet-roster button:focus-visible{outline:3px solid #694ca1;outline-offset:3px}.pet-playground.pet-portrait{height:auto;min-height:0;padding:0;display:grid;place-items:center;background:none;border-radius:12px;overflow:hidden}.pet-portrait .pet-stage-image{display:block;position:static;width:min(100%,320px);height:auto;max-width:100%;object-fit:contain}.pet-health{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-block:16px;color:#f5f5fc}.pet-health strong{font-size:16px}.pet-health button{min-height:48px;padding:10px 16px;border:1px solid #8b789e;border-radius:8px;background:#eee7f8;color:#35244c;font-size:16px}.pet-health button small{display:block;font-size:16px}.pet-buttons button:disabled{opacity:1;color:#38404d;background:#e3e5e9;border-color:#8b8f97;cursor:not-allowed}.pet-buttons button:disabled small{color:#38404d}

@media(max-width:620px){.pet-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}