.living-stage{aspect-ratio:1.5;min-height:430px;isolation:isolate}
.reward-visual img{height:78px;width:100%;object-fit:contain}
.living-stage img.habitat-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pet-label{z-index:4}.pet-name{display:flex;gap:8px;align-items:center;background:transparent;font-size:20px;font-weight:700;color:#2d4737;padding:0}.pet-name svg{width:14px;color:#648271}.pet-phase{position:absolute;top:85px;left:28px;background:#ffffffe6;border-radius:5px;padding:5px 9px;font-size:12px;z-index:3;color:#577b59}
.pet-touch{position:absolute;left:50%;top:29%;width:42%;height:48%;transform:translateX(-50%);background:transparent;padding:0;z-index:2;border-radius:50%;-webkit-tap-highlight-color:transparent}
.pet-character{position:relative;width:100%;height:100%;transform:scale(var(--pet-size,1));transform-origin:50% 90%}
.living-stage img.pet-body,.mini-habitat img.pet-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 6px #31552b35);animation:pet-breathe 3.4s ease-in-out infinite}
.living-stage img.garden-house{position:absolute;left:1%;top:30%;width:35%;height:45%;object-fit:contain;z-index:1}
.pet-speech{position:absolute;right:18px;top:20px;max-width:42%;padding:9px 12px;border-radius:8px;background:#ffffffe8;color:#587153;font-size:12px;z-index:3;line-height:1.5}
.living-stage .pet-meter{z-index:4;bottom:16px;padding:12px 16px}.pet-meter p{margin-top:9px;color:#58715c;font-size:12px}.pet-tools button img{width:48px;height:48px;object-fit:contain}.pet-tools button small{font-size:11px;color:#6e8874}.pet-tools button[aria-pressed=true]{background:#e4f3e9;box-shadow:inset 0 0 0 1px #91c7a5}
.growth-road{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border-bottom:1px solid var(--line);padding:12px 0 22px}.growth-stop{min-width:0;text-align:center}.growth-stop img{height:95px;width:100%;object-fit:contain}.growth-stop strong{display:block;font-size:13px;margin-top:8px}.growth-stop small{display:block;font-size:11px;margin-top:5px}.growth-stop.locked img{filter:grayscale(.8);opacity:.5}.growth-stop.unlocked small{color:#2b9360}.bag-art{width:100%;height:64px;object-fit:contain;margin-bottom:9px}
.living-stage img.feeding-food{position:absolute;left:43%;top:62%;width:14%;height:16%;object-fit:contain;z-index:3;animation:food-hop 1s ease forwards}.growth-pop{position:absolute;left:50%;top:37%;color:#247549;font-weight:700;background:#fffffff0;padding:8px 12px;border-radius:8px;z-index:5;animation:grow-up 1s ease forwards}.eating .pet-body{animation:pet-eat .3s ease-in-out 3!important}.responding .pet-body{animation:pet-pat .55s ease!important}
.evolution-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:16px 0}.evolution-pair figure{margin:0;text-align:center}.evolution-pair img{width:100%;height:150px;object-fit:contain}.evolution-pair figcaption{font-size:13px;color:#4c7755}.evolution-pair>svg{color:#3f9569}
.mini-habitat{position:relative;height:270px;border-radius:8px;overflow:hidden;margin-top:22px}.mini-background{width:100%;height:100%;object-fit:cover}.mini-habitat .pet-character{position:absolute;left:23%;top:23%;width:54%;height:56%}.mini-habitat button{position:absolute;bottom:12px;left:12px;right:12px;background:#fffffff2;padding:12px;color:#287550;border-radius:6px;font-weight:650;z-index:3}
@keyframes pet-breathe{50%{transform:translateY(-4px) rotate(1deg)}}@keyframes pet-eat{50%{transform:translateY(4px) scale(1.035,.96)}}@keyframes pet-pat{45%{transform:translateY(-15px) rotate(-5deg)}75%{transform:rotate(4deg)}}@keyframes food-hop{0%{transform:translateY(25px);opacity:0}30%{opacity:1}100%{transform:translateY(-45px) scale(.35);opacity:0}}@keyframes grow-up{to{transform:translateY(-35px);opacity:0}}
@media(max-width:799px){.living-stage{aspect-ratio:1.02;min-height:380px}.pet-touch{width:57%;height:47%;top:28%}.living-stage img.garden-house{width:40%;height:36%;top:38%;left:0}.pet-speech{top:92px;right:16px;max-width:45%;font-size:11px}.pet-tools{gap:6px;padding:14px 16px}.pet-tools button{padding:12px 4px;font-size:13px;gap:6px}.pet-tools button small{font-size:10px;line-height:1.4}.growth-stop img{height:75px}.growth-stop strong{font-size:12px}.mini-habitat{display:none}.living-stage .pet-meter{left:16px;right:16px}.pet-content{padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.pet-body,.growth-pop,.feeding-food{animation:none!important}}
.pet-tools.themed-tools{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.first-egg{text-align:center;padding:52px 24px 64px;background:#f2f9f6;min-height:480px}.first-egg h2{font-size:24px;line-height:1.5;margin:12px 0;color:#315a48}.first-egg>img{width:220px;height:240px;object-fit:contain;display:block;margin:24px auto}.first-egg>p{color:#718777;font-size:14px}.first-egg .btn{display:inline-flex;align-items:center;gap:8px;margin-top:24px}.first-egg .btn svg{width:20px;height:20px}.first-egg-mini{display:flex;align-items:center;justify-content:center;background:#eef8f3}.first-egg-mini>img{width:145px;height:180px;object-fit:contain}.first-egg-mini button{font-size:13px}
@media(max-width:799px){.pet-tools.themed-tools{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}.first-egg{padding:38px 20px;min-height:440px}.first-egg h2{font-size:21px}.first-egg>img{width:190px;height:210px}}