.pet-discovery{background:radial-gradient(at 50% 20%,#17233d 0%,#080f1d 65%);border-block:1px solid #d4b77933;padding:95px 7% 45px}.pet-discovery>header{text-align:center;max-width:830px;margin:0 auto 35px}.pet-discovery h2{font-size:clamp(30px,4vw,52px);line-height:1.25}.pet-discovery h3{color:#f6e9cb;margin:12px 0;font-family:Cinzel,Georgia,serif;font-size:30px;line-height:1.3}.pet-featured{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;display:grid}.pet-featured article>p:last-child{color:#b9c4d5;max-width:300px;margin:12px auto}.pet-portrait{border:0;cursor:pointer;background:radial-gradient(at 50% 72%,#758bc024,#0000 65%);border-bottom:1px solid #d4b77977;width:100%;position:relative}.pet-portrait img{aspect-ratio:800/840;object-fit:contain;filter:drop-shadow(0 12px 24px #0008);width:100%;height:auto;transition:transform .35s}.pet-portrait:hover img{transform:translateY(-8px)}.pet-portrait span{color:#f8e4b4;letter-spacing:.15em;font-size:12px;position:absolute;bottom:12px;left:0;right:0}.pet-portrait:focus-visible{outline-offset:5px;outline:2px solid #f8d391}.pet-featured .eyebrow{margin-top:25px}.pet-mystery{text-align:center;border-top:1px solid #d4b77933;margin-top:75px;padding-top:45px}.pet-shadows{background:radial-gradient(#39445c44,#0000 72%);grid-template-columns:repeat(15,minmax(0,1fr));max-width:1250px;margin:30px auto 5px;display:grid}.pet-shadows img{aspect-ratio:800/840;object-fit:contain;filter:brightness(0)drop-shadow(0 -1px 1px #96a9cd66)drop-shadow(0 8px 4px #000);opacity:.85;width:100%;margin-bottom:-12px}.pet-mystery-note{color:#98a5bc;margin-top:30px;font-size:13px}.pet-dialog{max-height:94dvh;overflow:auto;color:#f6e9cb!important;background:#0b1424!important;border:1px solid #d4b77988!important;border-radius:18px!important;width:min(94vw,800px)!important;max-width:800px!important;padding:28px!important;box-shadow:0 30px 120px #000c!important}.pet-dialog h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:30px!important}.pet-dialog [data-slot=dialog-description]{color:#b8c7dd;padding-right:15px;line-height:1.6}.pet-stage{touch-action:none;background:radial-gradient(at 50% 65%,#31436155,#0000 70%);border-radius:12px;height:min(52vh,500px);min-height:250px;position:relative;overflow:hidden}.pet-stage canvas{display:block}.pet-loading{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pet-loading img{object-fit:contain;opacity:.35;width:85%;height:85%;position:absolute}.pet-loading p{text-align:center;background:#091323d9;border-radius:10px;max-width:300px;padding:15px;position:relative}.pet-reactions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.pet-reactions button{cursor:pointer;min-height:44px}.pet-reaction-caption{text-align:center;color:#b8c7dd;min-height:20px;font-size:13px}.pet-dialog button:focus-visible{outline-offset:3px;outline:2px solid #f8d391}@media (max-width:650px){.pet-discovery{padding:60px 6% 30px}.pet-featured{grid-template-columns:1fr;gap:30px}.pet-portrait{max-width:340px}.pet-shadows{grid-template-columns:repeat(10,minmax(0,1fr))}.pet-dialog{padding:22px 15px!important}.pet-reactions{gap:8px}.pet-reactions button{padding:10px 15px}}@media (prefers-reduced-motion:reduce){.pet-portrait img{transition:none}.pet-portrait:hover img{transform:none}}