.pet-hero{display:flex;align-items:center;gap:24px;margin:12px 0 24px}.pet-hero img{width:180px;height:170px;object-fit:contain}.pet-hero h3{color:#a8eee3}.pet-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.pet-card{text-align:left;min-height:175px;display:flex;flex-direction:column;gap:12px;border-color:#558c8660}.pet-card em{color:#91dfd4;font-size:11px}.pet-card strong{font-size:22px}.pet-card small{line-height:1.6}.pet-card b{margin-top:auto;font-size:13px}.pet-card:disabled{opacity:.64}.pet-card:focus-visible{outline:3px solid #9af5e3;outline-offset:3px}.pet-tree .pet-card:last-child{grid-column:1/-1}#petHUD{margin:12px 0;color:#a9ecdf;font:11px monospace}#petHUD .meter{height:5px;margin:5px 0}#petHUD i{background:#7ce4d3}#petHUD small{display:block;line-height:1.5}body.village-mode #petHUD{display:none}@media(max-width:600px){.pet-hero{gap:12px;align-items:flex-start}.pet-hero img{width:90px;height:100px}.pet-tree{grid-template-columns:1fr}.pet-card{min-height:150px}.pet-hero h3{font-size:19px}#petHUD{font-size:10px;margin:6px 0}}@media(max-height:500px){#petHUD small{display:none}.pet-hero img{height:100px}}
.kennel-preview{position:relative;display:block;width:180px;flex-shrink:0}.pet-hero .kennel-preview img{display:block;width:100%;height:auto}.kennel-light{position:absolute;width:2%;height:3%;background:#8affff;box-shadow:0 0 7px #46e4f0;border-radius:3px;transform:translate(-50%,-50%);animation:kennel-blink 2.6s ease-in-out infinite alternate}.light-a{left:40.2%;top:5%}.light-b{left:81.6%;top:44.5%;animation-delay:-1s}.light-c{left:86.7%;top:58.7%;animation-delay:-.5s}.kennel-ring{position:absolute;left:66%;top:69.6%;width:17.8%;aspect-ratio:1;transform:translate(-50%,-50%) scaleY(.41)}.kennel-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px dashed #8efff1;animation:kennel-spin 28s linear infinite}@keyframes kennel-blink{from{opacity:.1}to{opacity:.8}}@keyframes kennel-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.kennel-preview{width:90px}}@media(prefers-reduced-motion:reduce){.kennel-light,.kennel-ring:before{animation:none}}