[data-pet-collection-cards] .pet-result-count{float:none;display:block;clear:both;width:100%;margin:20px 0 14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.94rem;font-weight:750;color:var(--ink);text-align:left;line-height:1.5}
[data-pet-collection-cards] .pet-result-count [data-pet-count]{color:var(--cyan);font-weight:900;font-size:1.08rem}
[data-pet-collection-cards] .catalog-grid{align-items:stretch;gap:16px}
[data-pet-collection-cards] .catalog-card{border:1px solid color-mix(in srgb,var(--card-accent,#9ca6b8) 45%,var(--line));border-radius:17px;transform:none;transition:border-color .18s,box-shadow .18s}
[data-pet-collection-cards] .catalog-card-link{flex:1}
[data-pet-collection-cards] .catalog-card-art{position:relative;container-type:size;height:172px;padding:0;overflow:hidden;background:radial-gradient(ellipse at center,#8b5cf62a,transparent 80%),var(--panel2)}
[data-pet-collection-cards] .catalog-card-art img{--pet-art-size:min(150px,calc(100cqw - 24px),calc(100cqh - 24px));position:absolute;left:50%;top:50%;width:calc(var(--pet-art-size) * var(--pet-canvas-w,1));max-width:none;height:calc(var(--pet-art-size) * var(--pet-canvas-h,1));object-fit:contain;transform:translate(-50%,-50%) translate(calc(var(--pet-art-size) * var(--pet-shift-x,0)),calc(var(--pet-art-size) * var(--pet-shift-y,0)))!important;transition:none;filter:drop-shadow(0 8px 9px #00000022)}
[data-pet-collection-cards] .catalog-card-copy{display:grid;grid-template-rows:3.1em 1.6em 2.8em 2.5em;gap:5px;padding:14px;align-items:start;font-size:15px}
[data-pet-collection-cards] .catalog-card h3{font-size:1rem!important;line-height:1.4;font-weight:850;overflow-wrap:anywhere;align-self:start}
[data-pet-collection-cards] .catalog-income{font-size:1.15rem;font-weight:900;line-height:1.35;color:var(--cyan);white-space:nowrap;font-variant-numeric:tabular-nums;align-self:start}
[data-pet-collection-cards] .catalog-income[data-income-empty]{color:var(--muted)}
[data-pet-collection-cards] .catalog-card-copy .rarity{display:inline-flex;align-items:center;justify-self:start;align-self:start;gap:6px;max-width:100%;padding:4px 7px;font-size:.69rem;font-weight:800;line-height:1.35;color:var(--ink);background:color-mix(in srgb,var(--card-accent,#9ca6b8) 9%,var(--panel));border-color:color-mix(in srgb,var(--card-accent,#9ca6b8) 45%,var(--line));white-space:normal}
[data-pet-collection-cards] .rarity:before{content:"";display:inline-block;flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--card-accent,#9ca6b8)}
[data-pet-collection-cards] .catalog-location{display:block;color:var(--muted);font-size:.73rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere;margin:0;align-self:start}
[data-pet-collection-cards] .catalog-card .collection-controls{padding:0 14px 13px;border-top:0;justify-content:flex-end}
@media(hover:hover){[data-pet-collection-cards] .catalog-card:hover{transform:none;border-color:var(--card-accent,#9ca6b8);box-shadow:0 0 0 1px color-mix(in srgb,var(--card-accent,#9ca6b8) 50%,transparent),0 8px 24px #00000015}}
[data-pet-collection-cards] .catalog-card:focus-within{outline:2px solid var(--cyan);outline-offset:2px}
@media(max-width:480px){[data-pet-collection-cards] .catalog-grid{gap:12px}[data-pet-collection-cards] .catalog-card-art{height:154px}[data-pet-collection-cards] .catalog-card-copy{padding:11px;font-size:14px;grid-template-rows:3.1em 1.6em 3em 2.5em;gap:4px}[data-pet-collection-cards] .catalog-card h3{font-size:.91rem!important}[data-pet-collection-cards] .catalog-income{font-size:1.06rem}[data-pet-collection-cards] .catalog-location{font-size:.7rem}[data-pet-collection-cards] .catalog-card-copy .rarity{font-size:.66rem;padding:4px 6px}[data-pet-collection-cards] .catalog-card .collection-controls{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){[data-pet-collection-cards] .catalog-card{transition:none}}

[data-pet-collection-cards] .catalog-location{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-pet-collection-cards] .catalog-card:hover .catalog-card-art img{transform:translate(-50%,-50%) translate(calc(var(--pet-art-size) * var(--pet-shift-x,0)),calc(var(--pet-art-size) * var(--pet-shift-y,0)))!important}
@media(max-width:360px){[data-pet-collection-cards] .catalog-card-copy{grid-template-rows:4.5em 1.6em 3em 2.5em}}