.breed-grid[data-v-b737b76b]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.breed-card[data-v-b737b76b]{border:1px solid var(--el-border-color);border-radius:8px;padding:12px;transition:box-shadow .2s;overflow:hidden}.breed-card[data-v-b737b76b]:hover{box-shadow:var(--el-box-shadow-light)}.breed-card__image[data-v-b737b76b]{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:calc(100% + 24px);margin:-12px -12px 8px;display:block}.breed-name[data-v-b737b76b]{font-size:16px;font-weight:700}.breed-origin[data-v-b737b76b]{color:var(--el-text-color-secondary);margin:4px 0;font-size:12px}.breed-traits[data-v-b737b76b]{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.trait-tag[data-v-b737b76b]{background:var(--el-color-info-light-9);border-radius:4px;padding:2px 6px;font-size:11px}.trait-easy[data-v-b737b76b]{background:var(--el-color-success-light-9);color:var(--el-color-success)}.trait-hard[data-v-b737b76b]{background:var(--el-color-danger-light-9);color:var(--el-color-danger)}.breed-temper[data-v-b737b76b]{color:var(--el-text-color-regular);margin-top:4px;font-size:13px}@media screen and (width<=600px){.breed-grid[data-v-b737b76b]{grid-template-columns:repeat(2,1fr);gap:8px}.breed-card[data-v-b737b76b]{padding:8px}.breed-card__image[data-v-b737b76b]{width:calc(100% + 16px);margin:-8px -8px 6px}}