.pet-tile{--t1:#4fe03a;--t2:#22a51f;--edge-in:#b8ff8f;aspect-ratio:1;color:#fff;text-align:center;background:linear-gradient(135deg, #ffffff2e 0 18%, transparent 18% 36%, #ffffff14 36% 52%, transparent 52%), repeating-linear-gradient(0deg, #00000014 0 2px, transparent 2px 16px), repeating-linear-gradient(90deg, #00000014 0 2px, transparent 2px 16px), linear-gradient(180deg, var(--t1), var(--t2));border:3px solid var(--stroke);min-width:0;box-shadow:inset 0 0 0 3px var(--edge-in), 0 5px 0 var(--stroke);font:inherit;cursor:default;transition:transform .25s var(--ease-bounce), box-shadow .25s;border-radius:16px;grid-template-rows:auto 1fr auto;place-items:center;padding:8px 8px 6px;display:grid;position:relative;overflow:hidden}button.pet-tile{cursor:pointer}button.pet-tile:hover,button.pet-tile:focus-visible{box-shadow:inset 0 0 0 3px var(--edge-in), 0 9px 0 var(--stroke), 0 18px 30px -12px var(--t1);transform:translateY(-4px)rotate(-1.5deg)}.pet-tile--rare{--t1:#3cb2ff;--t2:#1460d6;--edge-in:#a8dcff}.pet-tile--epic{--t1:#c86bff;--t2:#7a1fd6;--edge-in:#e7b8ff}.pet-tile--legendary{--t1:#ffab3a;--t2:#e06a00;--edge-in:#ffe0a8}.pet-tile--mythic{--t1:#ff5a5a;--t2:#b5101f;--edge-in:#ffb3b3}.pet-tile--secret{--t1:#8d939c;--t2:#3d424a;--edge-in:#e8edf2}.pet-tile--divine{--t1:#ffe14a;--t2:#e0a400;--edge-in:#fff6b8}.pet-tile--unknown{--t1:#4a5a50;--t2:#26302a;--edge-in:#6d7d72}.pet-tile__name{z-index:1;max-width:100%;font-family:var(--font-display);text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;-webkit-text-stroke:.2em var(--stroke);paint-order:stroke fill;text-shadow:0 .08em 0 var(--stroke);font-size:.95rem;font-weight:700;line-height:1.1;overflow:hidden}.pet-tile__art{place-items:center;width:100%;height:100%;min-height:0;display:grid}.pet-tile__thumb{place-items:center;width:100%;height:100%;display:grid}.pet-tile__thumb img{object-fit:contain;opacity:0;width:100%;height:100%;max-height:100%;transition:opacity .4s, scale .5s var(--ease-bounce);filter:drop-shadow(0 4px #00000040);scale:.7}.pet-tile__thumb.is-loaded img{opacity:1;scale:1}.pet-tile__thumb.is-silhouette img,.pet-tile.is-locked .pet-tile__thumb img{filter:brightness(0)drop-shadow(0 0 1px #fff6)}.pet-tile__mystery{filter:drop-shadow(0 4px #00000040);width:70%;height:70%}.pet-tile__rarity{font-size:.82rem;position:absolute;bottom:24px;left:8px}.pet-tile__odds{z-index:1;font-family:var(--font-display);color:#fff;-webkit-text-stroke:.2em var(--stroke);paint-order:stroke fill;text-shadow:0 .08em 0 var(--stroke);justify-self:end;font-size:.95rem;font-weight:700}.pet-tile__owned{color:#fff;background:var(--home-2);border:2px solid var(--stroke);border-radius:50%;place-items:center;width:24px;height:24px;font-size:.85rem;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.pet-tile--sm{border-radius:12px;padding:5px 5px 4px}.pet-tile--sm .pet-tile__name{font-size:.72rem}.pet-tile--sm .pet-tile__rarity{display:none}.pet-tile--sm .pet-tile__odds{font-size:.76rem}.pet-tile--lg .pet-tile__name,.pet-tile--lg .pet-tile__odds{font-size:1.15rem}@media (prefers-reduced-motion:reduce){.pet-tile,.pet-tile__thumb img{transition:none}}