.pet-corner{border:1px solid var(--border2);border-radius:var(--rl);background:linear-gradient(180deg, var(--card), var(--surface));align-items:center;gap:16px;margin:12px 0;padding:12px 16px;display:flex}.pet-stage{background:radial-gradient(60% 55% at 38% 34%, rgba(var(--gold-rgb), .2), transparent 70%), radial-gradient(70% 30% at 50% 92%, #00000059, transparent 70%);border-radius:50%;flex-shrink:0;width:128px;height:128px;position:relative}.pet-stage svg{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 6px rgba(var(--gold-rgb), .18));display:block}.pet-spectral{background:radial-gradient(60% 55% at 38% 34%,#aabeff38,#0000 70%)}.pet-spectral svg{filter:drop-shadow(0 0 7px #aabeff73)}.pet-grand svg{filter:drop-shadow(0 0 8px rgba(var(--gold-rgb), .35))}.pet-hop svg{animation:.52s cubic-bezier(.3,.7,.4,1) pet-hop}@keyframes pet-hop{0%{transform:translateY(0)}40%{transform:translateY(-5px)}70%{transform:translateY(0)}85%{transform:translateY(-1px)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.pet-hop svg{animation:none}}.pet-corner-text{min-width:0}.pet-corner-name{color:var(--gold);letter-spacing:.03em;margin:0;font-family:Cinzel,serif;font-size:1.05rem}.pet-corner-stage{color:var(--gold-text);margin:0 0 4px;font-family:Eagle Lake,serif;font-size:.82rem}.pet-corner-line{color:var(--text2);margin:2px 0 0;font-size:.86rem;line-height:1.4}@media (max-width:520px){.pet-corner{gap:12px;padding:10px 12px}.pet-stage{width:104px;height:104px}}.pet-gallery{border:1px solid var(--border2);border-radius:var(--rl);background:var(--card);margin:12px 0;padding:14px 16px}.pet-gallery-title{color:var(--gold);margin:10px 0 6px;font-family:Cinzel,serif;font-size:.9rem}.pet-gallery-row{flex-wrap:wrap;gap:10px;display:flex}.pet-gallery-cell{text-align:center;margin:0}.pet-gallery-cell figcaption{color:var(--text2);font-size:.72rem}