.pet-page{padding:0}.pet-page .nb-bar{justify-content:space-between}.pet-page .nb-title{flex:1;text-align:center}.pet-main{max-width:780px;padding:14px max(12px,env(safe-area-inset-right)) 32px max(12px,env(safe-area-inset-left));display:grid;gap:14px}.pet-room{padding:20px;text-align:center}.pet-room h2{margin:4px 0 10px;font-size:1.4rem}.pet-stage{position:relative;min-height:230px;display:grid;place-items:center;background:var(--cream);border-radius:24px}.pet-picture{display:grid;place-items:center;min-width:180px;min-height:200px;max-width:100%;font-size:7rem}.pet-picture .resident{width:200px;max-width:100%;height:200px}.pet-picture svg{width:100%;height:100%;max-width:200px;max-height:200px}.pet-picture:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:20px}.pet-delight{position:absolute;top:10px;right:10%;font-size:3rem;pointer-events:none}.pet-count{font-size:1.5rem;font-weight:950;margin:14px 0}.pet-care{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0}.pet-care .nb-btn{display:flex;flex-direction:column;min-width:100px;font-size:2.3rem}.pet-care .nb-btn span{font-size:1rem}.pet-gentle,.pet-caption{color:var(--muted);font-size:.95rem;line-height:1.5;margin:0;text-align:center}.pet-status{min-height:2.7em;text-align:center;font-weight:800;margin:0}.pet-tools,.pet-names{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pet-name{padding:14px}.pet-name summary{min-height:48px;padding:10px;font-weight:800;cursor:pointer}.pet-names{margin-top:10px}.pet-names [aria-pressed=true]{background:var(--picked);outline:3px solid var(--picked-edge);outline-offset:2px}.pet-save{padding:12px;margin:0;background:var(--glow);font-weight:800}.pet-page [hidden]{display:none!important}.pet-page button:disabled{opacity:.4;cursor:default}.pet-page .nb-btn:focus-visible,.pet-name summary:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.pet-stage.wiggle .pet-picture{animation:pet-wiggle .45s ease-in-out}.pet-stage.wiggle .pet-delight{animation:pet-love .6s ease-out}@keyframes pet-wiggle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes pet-love{from{transform:translateY(12px) scale(.6);opacity:.3}to{transform:translateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.pet-stage.wiggle .pet-picture,.pet-stage.wiggle .pet-delight{animation:none}}