.pet-swatch{width:64px;height:64px;box-shadow:var(--swatch-ring,var(--sh-1), inset 0 0 0 1px var(--c-line));border-radius:50%;flex:none;display:block}.pet-swatch.is-badge{left:var(--s-2);bottom:var(--s-2);width:calc(var(--s-1) * 6);height:calc(var(--s-1) * 6);box-shadow:0 0 0 2px var(--c-raised), var(--sh-1);position:absolute}.pet-card{aspect-ratio:1;isolation:isolate;border-radius:var(--r-lg);background:var(--c-stage);width:100%;min-width:0;color:var(--c-on-scrim);font:inherit;text-align:left;animation:pet-rise var(--dur-4) var(--ease) both;animation-delay:calc(var(--i,0) * calc(var(--stagger) * .75));border:0;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.pet-card img,.pet-card .img-fallback{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-4) var(--ease)}.pet-card:after{content:"";background:linear-gradient(transparent, var(--c-scrim-strong));pointer-events:none;position:absolute;inset:55% 0 0}.pet-card-colour{background:var(--c-surface);width:100%;height:100%;color:var(--c-muted);place-items:center;display:grid}.pet-card-colour>svg{width:36%;height:36%}.pet-card-colour .pet-swatch{width:58%;height:58%}.pet-card-name{z-index:var(--z-raised);inset:auto var(--s-2-5,10px) var(--s-2) var(--s-2-5,10px);display:grid;position:absolute}.pet-card-name b{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-black);line-height:var(--lh-snug);word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 1px 8px #0006}.pet-card-name small{font-size:.75rem;line-height:var(--lh-snug);opacity:.9}.pet-card mark{background:var(--c-sun);color:var(--c-on-sun);border-radius:var(--r-xs);text-shadow:none}.pet-ai-badge{z-index:var(--z-raised);inset:var(--s-2) var(--s-2) auto;padding:var(--s-1) var(--s-2);border-radius:var(--r-sm);background:var(--c-raised);color:var(--c-ink);font-size:.6875rem;font-weight:var(--fw-medium);line-height:var(--lh-snug);display:grid;position:absolute}.pet-ai-badge b{font-size:.75rem}.pet-card.is-picking{cursor:pointer;animation:none}.pet-card.is-on{box-shadow:0 0 0 3px var(--c-sun)}.pet-tick{z-index:calc(var(--z-raised) + 1);top:var(--s-2);right:var(--s-2);width:32px;height:32px;box-shadow:inset 0 0 0 2px var(--c-on-scrim);--em-ink:transparent;transition:transform var(--dur-2) var(--ease-pop), background-color var(--dur-1) var(--ease);background:#06121873;border-radius:50%;place-items:center;display:grid;position:absolute}.pet-tick svg{width:18px;height:18px}.pet-card.is-on .pet-tick{background:var(--c-sun);box-shadow:none;--em-ink:var(--c-on-sun);transform:scale(1.12)}@media (hover:hover){.pet-card:hover img{transform:scale(1.04)}}@keyframes pet-rise{0%{opacity:0;transform:translateY(8px)}}.pet-head{justify-content:space-between;align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.pet-head h2{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-tight);margin:0}.pet-head a{align-items:center;gap:var(--s-0);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-accent);white-space:nowrap;text-decoration:none;display:inline-flex}.pet-head a svg{width:var(--icon-md);height:var(--icon-md)}.pet-best{align-items:center;gap:var(--s-4);padding:var(--s-3);border-radius:var(--r-lg);background:var(--c-surface);color:inherit;text-decoration:none;display:flex}.pet-best-picture{aspect-ratio:1;border-radius:var(--r-md);background:var(--c-surface-2);flex:none;place-items:center;width:clamp(96px,28vw,160px);display:grid;position:relative;overflow:hidden}.pet-best-picture img{object-fit:cover;width:100%;height:100%}.pet-best-picture .pet-swatch{width:64%;height:64%}.pet-best-text{gap:var(--s-0);flex:1;min-width:0;display:grid}.pet-best-text small{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--c-muted)}.pet-best-text b{font-family:var(--font-display);font-size:var(--fs-xl);line-height:var(--lh-tight);word-break:keep-all;overflow-wrap:anywhere}.pet-best-go{width:24px;height:24px;color:var(--c-accent);flex:none}.pet-results{margin:var(--s-2) 0 var(--s-6)}.pet-results .pet-best{margin-bottom:var(--s-4)}.pet-results-row{gap:var(--s-3);scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:38%;grid-auto-flow:column;display:grid;overflow-x:auto}.pet-results-row::-webkit-scrollbar{display:none}.pet-results-row .pet-card{scroll-snap-align:start}@media (width>=45em){.pet-results-row{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;overflow:visible}}.pet-field{align-items:center;gap:var(--s-2);height:52px;padding:0 var(--s-1-5) 0 var(--s-4);border:1px solid var(--c-line);border-radius:var(--r-pill);background:var(--c-raised);box-shadow:var(--sh-1);display:flex}.pet-field input{min-width:0;color:var(--c-ink);font:inherit;font-size:max(16px, var(--fs-sm));background:0 0;border:0;outline:0;flex:1}.pet-field input::-webkit-search-cancel-button{display:none}.pet-field-lens{width:22px;height:22px;color:var(--c-muted);flex:none}.pet-field button{width:40px;height:40px;color:var(--c-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.pet-field .pet-field-go{background:var(--c-accent-fill);color:var(--c-on-accent);animation:pet-rise var(--dur-2) var(--ease) both}.pet-field:focus-within{border-color:var(--c-accent);box-shadow:0 0 0 4px var(--c-accent-soft)}.pet-field button svg{width:var(--icon-md);height:var(--icon-md)}.pet-control{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}