.pet-card{border:1px solid var(--line-strong);height:100%;color:var(--g-color-text-primary);background:radial-gradient(circle at 50% 18%,#ffffff0f,#0000 12rem),#ffffff0a;border-radius:8px;flex-direction:column;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.pet-card:hover{border-color:var(--g-color-line-generic-hover);transform:translateY(-2px);box-shadow:0 12px 32px #00000052}.pet-card__overlay{z-index:1;border-radius:inherit;position:absolute;inset:0}.pet-card__sprite-wrap{background:radial-gradient(circle at 50% 60%,#ffffff14,#0000 60%),#00000038;border-bottom:1px solid #ffffff1a;place-items:center;height:140px;display:grid}.pet-card__sprite-frame{aspect-ratio:1;background:linear-gradient(145deg,#ffffff0d,#0000),#0a0d12;place-items:center;width:112px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0a}.pet-card__sprite-viewport,.pet-card__sprite-placeholder{aspect-ratio:192/208;width:96px;display:block}.pet-card__sprite-viewport{overflow:hidden}.pet-card__sprite-strip{width:calc(var(--pet-card-frame-count,6)*100%);max-width:none;height:auto;image-rendering:pixelated;animation:pet-card-sprite-idle var(--pet-card-frame-duration,.84s)steps(var(--pet-card-frame-count,6))infinite;will-change:transform;display:block}.pet-card__sprite-placeholder{background:linear-gradient(145deg,#ffbd4a26,#0000 58%),#ffffff0a;border:1px solid #ffffff0f}.pet-card__body{flex:1;min-width:0;padding:12px}.pet-card__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.pet-card__author{align-items:center;gap:4px;min-width:0;display:inline-flex}.pet-card__author-link,.pet-card__author-static{align-items:center;gap:6px;min-width:0;display:inline-flex}.pet-card__author-link{z-index:2;color:inherit;text-decoration:none;position:relative}.pet-card__author-link:hover{color:var(--g-color-text-primary);text-decoration:underline}.pet-card__author-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pet-card__author-avatar{background:linear-gradient(135deg,#ffd47af0,#ffb84dd1),var(--acc);width:22px;height:22px;color:var(--g-color-text-dark-primary);object-fit:cover;border:1px solid #ffffff2e;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:800;line-height:1;display:inline-grid;overflow:hidden}.pet-card__author-avatar_fallback{box-shadow:inset 0 0 0 1px #0000001a}.pet-card__badges .g-label,.pet-card__tags .g-label{--g-label-height:14px;border-radius:3px;min-height:14px;padding:0 4px;font-size:9px;line-height:14px}.pet-card__badges .g-label__content,.pet-card__tags .g-label__content{font-size:9px;line-height:14px}.pet-card__tags{margin-top:var(--spacing-md)}.pet-card__metrics{gap:var(--spacing-sm)var(--spacing-md);margin-top:var(--spacing-sm);color:var(--g-color-text-secondary);flex-wrap:wrap;font-size:12px;display:flex}.pet-card__metric{align-items:center;gap:var(--spacing-xs);appearance:none;min-width:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.pet-card__metric-action{z-index:2;cursor:pointer;position:relative}.pet-card__metric-action:hover{color:var(--g-color-text-primary)}.pet-card__metric-action:focus-visible{outline:2px solid var(--g-color-line-brand);outline-offset:3px;border-radius:3px}.pet-card__metric-action:disabled{cursor:default}.pet-card__metric-action_liked svg{color:#ff668a}.pet-card__details{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--acc);border-top:1px solid #ffffff1a;padding:8px 12px 12px;font-weight:650;display:inline-flex}@keyframes pet-card-sprite-idle{0%{transform:translate(0,0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.pet-card__sprite-strip{animation:none}}