.pet-page{max-width:74rem;color:var(--foreground-l0);margin:auto}.pet-page [hidden]{display:none!important}.pet-page-heading{margin:0 0 1.35rem}.pet-page-heading h1{font:500 clamp(2.2rem,5vw,3.4rem)/1.05 var(--font-pixel);margin:.35rem 0}.pet-page-heading p{max-width:43rem;color:var(--foreground-l3);margin:.6rem 0 0;font-size:.98rem;line-height:1.55}.pet-pick,.pet-home{border:2px solid var(--border);background:var(--background-l1);box-shadow:0 5px 0 var(--world-shadow);border-radius:1.25rem;overflow:hidden}.pet-pick{text-align:center;padding:1.5rem}.pet-pick h2{font:500 1.7rem var(--font-pixel);margin:.1rem 0}.pet-pick p{margin:.4rem 0 1.2rem}.pet-pick-options{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.pet-pick-options button{border:2px solid var(--border);background:var(--world-green);min-width:10rem;color:var(--foreground-l0);font:1.05rem var(--font-pixel);cursor:pointer;box-shadow:0 4px 0 var(--world-shadow);border-radius:.9rem;justify-items:center;gap:.35rem;padding:1rem;display:grid}.pet-pick-options button:hover,.pet-pick-options button:focus-visible{border-color:var(--tone-green);transform:translateY(-3px)}.pet-pick-options img{object-fit:contain;width:6rem;height:6rem;image-rendering:pixelated}.pet-home-heading{background:var(--world-green);border-bottom:2px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.2rem;display:flex}.pet-home-heading h2{font:500 clamp(1.25rem,3vw,1.8rem) var(--font-pixel);margin:.15rem 0}.pet-day-note{border:1px solid var(--border);background:var(--world-panel);font:.8rem var(--font-pixel);border-radius:.5rem;padding:.4rem .65rem}.pet-location-nav{background:var(--background-l1);border-bottom:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:.45rem;padding:.65rem 1.2rem;display:flex}.pet-location-nav>span{color:var(--tone-green);font:.72rem var(--font-pixel);margin-right:.35rem}.pet-location-nav button{border:2px solid var(--border);background:var(--world-panel);color:var(--foreground-l0);font:.85rem var(--font-pixel);cursor:pointer;border-radius:.55rem;padding:.4rem .7rem}.pet-location-nav button[aria-pressed=true]{color:#fff8e8;background:#435f48;border-color:#b8d69e;box-shadow:0 3px #253b2c}.pet-stage{isolation:isolate;min-height:clamp(18rem,42vw,31rem);image-rendering:pixelated;background:#ebc6aa url(/room-art/dessert-room.webp) 50% 54%/cover no-repeat;border-bottom:3px solid #9c675c;position:relative;overflow:hidden}.pet-stage[data-pet-kind=cat]{background-image:url(/pet-art/cat-room.png);background-position:50% 54%}.pet-stage[data-location=garden]{background-image:linear-gradient(#0000 62%,#29472b61),url(/game-art/cloudwood-forest.webp);background-position:50% 62%}.pet-stage[data-location=meadow]{background-image:linear-gradient(#0000 62%,#456b3261),url(/game-art/maple-meadow.webp);background-position:50% 62%}.pet-stage:after{content:"";pointer-events:none;background:linear-gradient(#0000,#7048552e);height:12%;position:absolute;inset:auto 0 0}.pet-stage-sun{color:#fff4b4;font:2rem var(--font-pixel);text-shadow:0 0 12px #fff9df;animation:4s ease-in-out infinite pet-twinkle;position:absolute;top:10%;left:8%}.pet-stage-rug,.pet-stage-plant,.pet-stage-cushion{height:auto;image-rendering:pixelated;pointer-events:none;filter:drop-shadow(0 5px 1px #71545368);position:absolute}.pet-stage-rug{z-index:0;width:clamp(13rem,45%,34rem);bottom:0;left:50%;transform:translate(-50%)}.pet-stage-plant{z-index:1;width:clamp(3.5rem,9%,7rem);bottom:21%;left:29%}.pet-stage-cushion{z-index:1;width:clamp(4rem,11%,8rem);bottom:19%;right:22%}.pet-stage:not([data-location=room]) .pet-stage-rug,.pet-stage:not([data-location=room]) .pet-stage-plant,.pet-stage:not([data-location=room]) .pet-stage-cushion,.pet-stage:not([data-location=room]) .pet-stage-bed{display:none}.pet-stage-bed{width:clamp(5.5rem,18%,10rem);height:auto;image-rendering:pixelated;filter:drop-shadow(0 5px #7d4e5560);position:absolute;bottom:7%;left:8%}.pet-stage-bowl{width:clamp(3rem,9%,5rem);height:auto;image-rendering:pixelated;filter:drop-shadow(0 4px #7d4e5560);position:absolute;bottom:10%;right:17%}.pet-stage-ball{width:clamp(2.3rem,7%,4rem);height:auto;image-rendering:pixelated;opacity:0;pointer-events:none;position:absolute;bottom:8%;right:23%}.pet-stage-food{z-index:3;left:var(--pet-x,50%);color:#ad6b42;font:1.5rem var(--font-pixel);opacity:0;pointer-events:none;text-shadow:1px 1px #fff4d0;position:absolute;bottom:38%}.pet-stage-friend{z-index:2;aspect-ratio:10/11;cursor:pointer;background:0 0;border:0;width:clamp(8rem,24%,13rem);padding:0;animation:2.5s ease-in-out infinite pet-breathe;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.pet-stage-friend canvas{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 6px 2px #6b4b4b68);display:block}.pet-stage-friend:focus-visible{border-radius:1rem;outline:3px solid #fff4d4}.pet-stage-bubble{z-index:3;color:#624451;font:1rem var(--font-pixel);opacity:0;pointer-events:none;background:#fff8e8;border:2px solid #a36b7a;border-radius:.7rem;padding:.35rem .55rem;transition:opacity .18s,transform .18s;position:absolute;bottom:60%;left:50%;transform:translate(-50%,7px);box-shadow:0 4px #764d6269}.pet-stage-bubble.is-visible{opacity:1;transform:translate(-50%)}.pet-stage-sparkles{z-index:3;color:#fff8d9;font:1.5rem var(--font-pixel);text-shadow:0 0 8px #e77eaa;opacity:0;pointer-events:none;position:absolute;bottom:46%;left:40%}.pet-stage-tip{z-index:3;color:#fff8e8;font:.72rem var(--font-pixel);pointer-events:none;background:#294238bf;border:1px solid #fff8e5a3;border-radius:.35rem;padding:.28rem .5rem;position:absolute;top:.75rem;right:.75rem}.pet-stage[data-action=feed] .pet-stage-bowl,.pet-stage[data-action=treat] .pet-stage-bowl{animation:.6s ease-in-out 2 pet-bowl-bounce}.pet-stage[data-action=feed] .pet-stage-food,.pet-stage[data-action=treat] .pet-stage-food{opacity:1;animation:.35s steps(2,end) infinite alternate pet-food-spark}.pet-stage[data-action=feed] .pet-stage-friend canvas,.pet-stage[data-action=treat] .pet-stage-friend canvas{animation:.32s steps(2,end) infinite pet-munch}.pet-stage[data-action=play] .pet-stage-ball{opacity:1;animation:1.4s ease-in-out pet-ball-roll}.pet-stage[data-action=play] .pet-stage-friend{animation:.42s ease-in-out 3 pet-happy-hop}.pet-stage[data-action=rest] .pet-stage-friend{animation:1.7s ease-in-out pet-nap}.pet-stage[data-action=groom] .pet-stage-sparkles,.pet-stage[data-action=pet] .pet-stage-sparkles,.pet-stage[data-action=treat] .pet-stage-sparkles{opacity:1;animation:1.4s ease-out pet-heart-float}.pet-stage[data-action=skill-sit] .pet-stage-friend{animation:1.8s ease-in-out pet-trick-sit}.pet-stage[data-action=skill-spin] .pet-stage-friend{animation:1.5s ease-in-out pet-trick-spin}.pet-stage[data-action=skill-paw] .pet-stage-friend{animation:.5s ease-in-out 3 pet-trick-paw}.pet-stage[data-action^=skill-] .pet-stage-sparkles{opacity:1;animation:1.6s ease-out pet-heart-float}.pet-message-row{background:var(--world-green);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1.2rem;display:flex}.pet-message-row p{font:.95rem/1.4 var(--font-pixel);margin:0}.pet-message-row a{color:var(--accent-vermilion);font:.8rem var(--font-pixel);flex:none;text-decoration:underline}.pet-care-grid{grid-template-columns:minmax(14rem,.8fr) minmax(0,1.2fr);gap:1rem;padding:1rem;display:grid}.pet-stats,.pet-actions{border:1px solid var(--border);background:var(--world-panel);border-radius:1rem;padding:1rem}.pet-stats h3,.pet-actions h3{font:500 1.3rem var(--font-pixel);margin:0 0 .45rem}.pet-stats>p{color:var(--foreground-l3);margin:.2rem 0 1rem;font-size:.82rem}.pet-stat-list{gap:.75rem;display:grid}.pet-stat-list label{font:.85rem var(--font-pixel);grid-template-columns:1fr auto;gap:.25rem;display:grid}.pet-stat-list label>span{color:var(--tone-green)}.pet-stat-list progress{appearance:none;border:2px solid var(--border);background:var(--background-l1);border-radius:.2rem;grid-column:1/-1;width:100%;height:1rem;overflow:hidden}.pet-stat-list progress::-webkit-progress-bar{background:var(--background-l1)}.pet-stat-list progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#a6c487 0 12px,#83ac78 12px 15px)}.pet-stat-list progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,#a6c487 0 12px,#83ac78 12px 15px)}.pet-stat-list label:nth-child(3) progress::-webkit-progress-value,.pet-stat-list label:nth-child(5) progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#eba5b7 0 12px,#d98ba7 12px 15px)}.pet-stat-list label:nth-child(3) progress::-moz-progress-bar,.pet-stat-list label:nth-child(5) progress::-moz-progress-bar{background:repeating-linear-gradient(90deg,#eba5b7 0 12px,#d98ba7 12px 15px)}.pet-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.pet-action-grid button{border:2px solid var(--border);background:var(--background-l1);min-height:4.5rem;color:var(--foreground-l0);text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--world-shadow);border-radius:.7rem;align-items:center;gap:.65rem;padding:.45rem .65rem;transition:transform .16s,background .16s;display:flex}.pet-action-grid button:hover,.pet-action-grid button:focus-visible{background:var(--world-green);border-color:var(--tone-green);transform:translateY(-2px)}.pet-action-grid img,.pet-action-heart{object-fit:contain;width:3rem;height:3rem;image-rendering:pixelated;flex:none}.pet-action-heart{color:#e7a3b3;font:2.7rem var(--font-pixel);place-items:center;display:grid}.pet-action-grid strong{font:1rem var(--font-pixel);display:block}.pet-action-grid small{color:var(--foreground-l3);margin-top:.1rem;font-size:.7rem;display:block}.pet-skills{border:1px solid var(--border);background:var(--world-panel);border-radius:1rem;margin:0 1rem 1rem;padding:1rem}.pet-skills-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.5rem 1rem;display:flex}.pet-skills-heading h3{font:500 1.4rem var(--font-pixel);margin:.15rem 0}.pet-skills-heading p{max-width:27rem;color:var(--foreground-l3);margin:0;font-size:.78rem}.pet-skill-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.pet-skill-grid button{border:2px solid var(--border);background:var(--background-l1);min-width:0;color:var(--foreground-l0);text-align:left;cursor:pointer;box-shadow:0 3px 0 var(--world-shadow);border-radius:.7rem;grid-template-columns:2.7rem minmax(0,1fr);align-items:center;gap:.25rem .65rem;padding:.7rem;display:grid}.pet-skill-grid button:hover,.pet-skill-grid button:focus-visible{border-color:var(--tone-green);background:var(--world-green)}.pet-skill-grid button.is-mastered{border-color:#a9c99b}.pet-skill-icon{color:#fff1c8;width:2.7rem;height:2.7rem;font:1.5rem var(--font-pixel);background:#415f46;border:2px solid #a5bf95;border-radius:.5rem;flex:none;place-items:center;display:grid}.pet-skill-grid strong,.pet-skill-grid small,.pet-skill-progress{display:block}.pet-skill-grid strong{font:1rem var(--font-pixel)}.pet-skill-grid small{color:var(--foreground-l3);font-size:.68rem}.pet-skill-progress{color:var(--tone-green);font:.9rem var(--font-pixel);letter-spacing:.08em;margin-top:.25rem}.pet-skill-cta{color:var(--tone-green);font:.7rem var(--font-pixel);white-space:nowrap;grid-column:2}.pet-home-footer{border-top:1px solid var(--border);font:.8rem var(--font-pixel);flex-wrap:wrap;gap:.6rem 1.1rem;padding:1rem 1.2rem;display:flex}.pet-home-footer small{color:var(--foreground-l3);font:.72rem var(--font-sans);flex-basis:100%}.home-pet-invite{border:2px solid var(--border);background:var(--world-green);color:var(--foreground-l0);box-shadow:0 4px 0 var(--world-shadow);border-radius:1rem;align-items:center;gap:.8rem;margin:0 0 2rem;padding:.7rem 1rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.home-pet-invite:hover,.home-pet-invite:focus-visible{box-shadow:0 7px 0 var(--world-shadow);transform:translateY(-3px)}.home-pet-invite>img{object-fit:contain;width:4.25rem;height:4.25rem;image-rendering:pixelated;flex:none}.home-pet-invite>span:nth-child(2){gap:.08rem;display:grid}.home-pet-invite small{color:var(--tone-green);font:.65rem var(--font-pixel)}.home-pet-invite strong{font:1.2rem var(--font-pixel)}.home-pet-invite span span{font-size:.8rem}.home-pet-arrow{font:1.5rem var(--font-pixel);margin-left:auto}@keyframes pet-breathe{50%{transform:translate(-50%)translateY(-3px)}}@keyframes pet-twinkle{50%{opacity:.4;transform:scale(.85)}}@keyframes pet-bowl-bounce{50%{transform:translateY(-12px)}}@keyframes pet-ball-roll{0%{transform:translate(100px)rotate(0)}to{transform:translate(-180px)rotate(-420deg)}}@keyframes pet-happy-hop{50%{transform:translate(-50%)translateY(-16px)}}@keyframes pet-nap{40%,90%{transform:translate(-50%)translateY(10px)rotate(-7deg)}}@keyframes pet-heart-float{0%{opacity:0;transform:translateY(12px)}30%{opacity:1}to{opacity:0;transform:translateY(-28px)}}@keyframes pet-munch{50%{transform:translateY(4px)scaleY(.98)}}@keyframes pet-food-spark{to{opacity:.45;transform:translate(12px,-10px)}}@keyframes pet-trick-sit{35%,80%{transform:translate(-50%)translateY(12px)scaleY(.82)}}@keyframes pet-trick-spin{50%{transform:translate(-50%)scaleX(-1)rotate(-8deg)}to{transform:translate(-50%)scaleX(1)}}@keyframes pet-trick-paw{50%{transform:translate(-50%)translateY(-10px)rotate(-9deg)}}@media (width<=900px){.pet-skill-grid{grid-template-columns:1fr}.pet-skill-grid button{min-height:4.5rem}}@media (width<=720px){.pet-care-grid{grid-template-columns:1fr}.pet-stage{min-height:20rem}.pet-message-row{flex-direction:column;align-items:start}.pet-stage-bed{left:4%}.pet-stage-bowl{right:4%}.pet-stage-tip{font-size:.6rem}}@media (width<=420px){.pet-action-grid{grid-template-columns:1fr}.pet-home-heading{padding:.8rem}.pet-location-nav{padding:.6rem}.pet-location-nav>span{flex-basis:100%}.pet-care-grid{padding:.6rem}.pet-skills{margin:.6rem}.pet-stage{min-height:16rem}.pet-stage-friend{width:8rem}.pet-stage-rug{width:15rem}.pet-stage-bubble{bottom:67%}}@media (prefers-reduced-motion:reduce){.pet-stage-sun,.pet-stage-friend,.pet-stage-friend canvas,.pet-stage-food,.pet-stage[data-action] .pet-stage-friend,.pet-stage[data-action] .pet-stage-bowl,.pet-stage[data-action] .pet-stage-ball,.pet-stage[data-action] .pet-stage-sparkles{animation:none!important}.pet-action-grid button,.home-pet-invite,.pet-stage-bubble{transition:none}}