.msp-pets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:14px}.msp-pet{padding:20px;border:1px solid var(--msp-line,#D1D3D4);border-radius:18px;background:var(--msp-surface,#FFF);color:var(--msp-text,#202124);min-width:0}.msp-pet img{display:block;margin:auto;max-width:100%;height:auto}.msp-pet h3{margin:12px 0 4px;font-size:18px}.msp-pet p{margin:6px 0;line-height:1.6}.msp-pet-formula{font-size:18px;overflow-wrap:anywhere;user-select:text}.msp-pet-state{display:inline-block;margin:8px 0;padding:3px 10px;border:1px dashed var(--msp-edge,#73777B);border-radius:20px;font-size:14px}.msp-pet[data-state=mastered] .msp-pet-state{border-style:solid;background:var(--msp-accent-soft,#FFF0E8);color:var(--msp-accent-text,#AE3908)}.msp-pet[data-state=unknown] img{filter:grayscale(1);opacity:.7}.msp-pet button{display:block;min-height:44px;padding:8px 14px;border:1px solid var(--msp-edge,#73777B);border-radius:9px;background:var(--msp-raised,#ECEDEB);color:inherit;font:inherit;cursor:pointer}.msp-pet button:focus-visible{outline:3px solid var(--msp-accent-text,#AE3908);outline-offset:3px}.msp-pet button:disabled{opacity:.6;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.msp-pet *{animation:none!important;transition:none!important}}