.pet-wrap{width:100%;max-width:650px}.pet-choice{display:flex;gap:8px;margin-bottom:12px}.pet-choice button{flex:1;min-height:44px;border:1px solid #58645b;border-radius:9px;background:#29342f;color:#f6f6f0;font:inherit}.pet-choice button[aria-pressed=true]{background:#c9ff62;color:#17251d}.pet-choice button:disabled{opacity:.7}.pet-room{position:relative;overflow:hidden;border:1px solid #52675f;border-radius:16px;background:radial-gradient(ellipse at 45% 85%,#3b5144,#1d302c 80%);padding:12px 12px 8px}.pet-room:before{content:'';position:absolute;left:0;right:0;bottom:0;height:28%;background:#394b3b;border-top:1px solid #5d7055}.pet-window{position:absolute;right:22px;top:52px;width:76px;height:70px;background:#172734;border:6px solid #6e925e;border-radius:7px;color:#ffe7ae;font-size:36px;padding-left:6px;transform:rotate(2deg)}.pet-window i{font-size:16px;position:absolute;right:8px;top:9px}.pet-room-top{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:12px}.pet-hearts{font-size:25px;color:#ffb7ce;letter-spacing:4px}.pet-alarm{opacity:0;color:#ffb7ce}.pet-alarm.hungry{opacity:1;animation:pet-alert 1s infinite}.pet-animal{position:relative;display:block;width:100%;max-width:400px;margin:8px auto 0;padding:0;background:none;border:0;touch-action:manipulation}.pet-animal svg{display:block;width:100%;height:auto;max-height:280px}.pet-animal:focus-visible{outline:3px solid #c9ff62;border-radius:16px}.pet-animal:not(:disabled):active{transform:scale(.98)}.pet-speech{position:absolute;left:18%;top:65px;color:#ffda89;font-weight:600;z-index:1}.pet-room-note{position:relative;text-align:center;min-height:32px;font-size:12px;line-height:1.4;color:#e2e9cf;padding:4px}.pet-needs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:13px}.pet-needs label{font-size:12px;color:#c4cbbb;min-width:0}.pet-needs meter{display:block;width:100%;height:16px;margin-top:4px;accent-color:#c9ff62}.pet-credit{text-align:center;font-size:10px;letter-spacing:1px;color:#a8b5a5;margin:12px 0 0}.pet-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0}.pet-controls button{min-height:54px;border:1px solid #58675e;background:#29382f;color:#f3f5e7;border-radius:10px;padding:6px;font:inherit;font-size:12px;touch-action:manipulation}.pet-controls button>span{display:block}.pet-controls button>span:first-child{font-size:22px;color:#ffb7ce}.pet-controls button[aria-pressed=true]{border-color:#c9ff62;background:#425638}.pet-controls button:disabled{opacity:.45}.pet-controls button:nth-last-child(-n+2){min-height:46px}.pet-resting .pet-animal{opacity:.85}@keyframes pet-alert{50%{opacity:.35}}@media(max-width:760px){.pet-controls{margin:0 0 10px}.pet-room{padding:8px}.pet-animal svg{max-height:220px}.pet-window{right:15px;top:45px;width:62px;height:59px}.pet-needs{gap:8px}.pet-needs label{font-size:11px}.pet-credit{font-size:9px}}@media(prefers-reduced-motion:reduce){.pet-alarm.hungry{animation:none}}
.pet-room .pet-controls{position:relative;grid-template-columns:repeat(5,minmax(0,1fr));margin:8px 0 0;gap:5px;padding-top:10px;border-top:1px solid #65745d}.pet-room .pet-controls button{min-height:62px;font-size:11px;padding:5px 2px}.pet-room .pet-controls button>span:first-child{height:26px}.pet-head{transform-origin:185px 160px}.pet-tail{transform-origin:127px 196px}.pet-animal[data-reaction=feed] .pet-head{animation:pet-nibble .45s ease-in-out infinite}.pet-snack{animation:pet-munch .45s ease-in-out infinite;transform-origin:183px 154px}.pet-animal[data-reaction=wash] .pet-head{animation:pet-shake .3s ease-in-out infinite}.pet-animal[data-reaction=pet] .pet-head{animation:pet-nuzzle 1.2s ease-in-out infinite}.pet-animal[data-reaction=pet] .pet-tail,.pet-animal[data-reaction=collar] .pet-tail,.pet-animal[data-reaction=bow] .pet-tail{animation:pet-wag .6s ease-in-out infinite}.pet-animal[data-reaction=collar] .pet-head,.pet-animal[data-reaction=bow] .pet-head{animation:pet-proud 1.2s ease-in-out infinite}.pet-love,.pet-bubbles{animation:pet-float 1.25s ease-out infinite}.pet-resting .pet-animal *{animation-play-state:paused!important}@keyframes pet-nibble{50%{transform:translateY(5px) rotate(3deg)}}@keyframes pet-munch{50%{transform:translateY(-3px) scale(.9)}}@keyframes pet-shake{25%{transform:rotate(-4deg)}75%{transform:rotate(4deg)}}@keyframes pet-nuzzle{50%{transform:rotate(-9deg) translateY(2px)}}@keyframes pet-wag{50%{transform:rotate(13deg)}}@keyframes pet-proud{50%{transform:translateY(-5px) rotate(5deg)}}@keyframes pet-float{0%{transform:translateY(7px);opacity:.3}50%{opacity:1}100%{transform:translateY(-13px);opacity:0}}@media(max-width:360px){.pet-room .pet-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.pet-room .pet-controls button{min-height:48px}.pet-room .pet-controls button:nth-last-child(-n+2){min-height:44px}.pet-animal svg{max-height:185px}}@media(prefers-reduced-motion:reduce){.pet-animal *{animation:none!important}}