.breed-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 12px; margin-top: 12px; }
.breed-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 12px 14px; background: var(--surface); display: grid; gap: 8px; align-content: start; }
.bc-head { display: flex; gap: 12px; align-items: center; }
.bc-head canvas { image-rendering: pixelated; border-radius: 4px; flex: none; box-shadow: 0 0 0 1px var(--line); }
.bc-head h3 { margin: 0 0 3px; font-size: 16px; }
.bc-items { margin: 0; display: flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.bc-items .label { margin: 0 4px 0 0; font-size: 12px; }
.item-chip { font-size: 12.5px; background: var(--green-soft); color: var(--ink); border-radius: 6px; padding: 2px 7px; }
.bc-stats { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; margin: 0; font-size: 13px; }
.bc-stats dt { color: var(--ink-3); }
.bc-stats dd { margin: 0; font-weight: 600; }
.bc-note { margin: 0; font-size: 13px; color: var(--ink-2); line-height: 1.45; }