.pet-cover{background:url('assets/petshop/petshop-fundo-v1.webp') center/cover}.pet-cover>img{height:95%;width:80%;object-fit:contain;position:absolute;bottom:-8%;left:10%;filter:drop-shadow(0 8px 10px #56342730)}.pet-portal-card{border-color:#9ed3bf!important}
body[data-section=pet]{overflow:hidden}body[data-section=pet]>header,body[data-section=pet]>footer{display:none}.pet-play{position:fixed;inset:0;width:var(--pw,100vw);height:var(--ph,100dvh);overflow:hidden;background:linear-gradient(#fff4e72b,#fff4e71a),url('assets/petshop/petshop-fundo-v1.webp') center/cover;color:#344c48;touch-action:none;user-select:none;font-family:inherit;isolation:isolate}.pet-play *{box-sizing:border-box}.pet-play button{font:inherit;cursor:pointer}.pet-top{position:absolute;top:12px;left:20px;right:20px;height:58px;display:flex;align-items:center;justify-content:space-between;background:none;border:0;padding:0;z-index:5}.pet-top>div{text-align:center;background:#ffffffe8;border-radius:22px;padding:5px 30px;box-shadow:0 4px 22px #564c2d16}.pet-top small{font-size:9px;letter-spacing:2px;color:#5e8476}.pet-top h1{font-size:26px;margin:0;color:#355c52}.pet-top h1 span{color:#df8ca2}.pet-top button{background:#fffaf1;border:2px solid #fff;border-radius:20px;padding:11px 18px;color:#355c52;box-shadow:0 4px 15px #344c4820}.pet-steps{position:absolute;top:82px;left:50%;transform:translateX(-50%);display:flex;gap:6px;white-space:nowrap}.pet-steps span{padding:6px 12px;border-radius:20px;background:#fff9;color:#6d7b72;font-size:12px}.pet-steps .current{background:#3a8b73;color:white}.pet-message{position:absolute;left:24px;top:140px;width:210px;background:#fffaf2ee;border:2px solid white;padding:18px;border-radius:24px;box-shadow:0 10px 35px #3d51341a;z-index:3}.pet-message strong{display:block;font-size:18px;line-height:1.4}.pet-message>span{display:block;font-size:12px;margin-top:15px;color:#718174}.pet-total{height:7px;background:#dfe6d8;border-radius:8px;overflow:hidden;margin-top:7px}.pet-total-fill{height:100%;background:#69b691;transition:width .3s}.pet-cat{position:absolute;height:calc(100% - 160px);max-width:58%;aspect-ratio:1145/1374;bottom:43px;left:50%;transform:translateX(-50%)}.pet-cat.arched{aspect-ratio:1312/1199}.pet-animal{position:absolute;width:100%;height:100%;object-fit:fill;pointer-events:none;filter:drop-shadow(0 12px 12px #513a2620)}.pet-regions{position:absolute;inset:0}.pet-region{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;padding:0;border-radius:40%;outline-offset:3px;touch-action:none}.pet-region svg,.pet-region>img{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:fill}.pet-zone-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;background:#fffc;color:#3e9273;width:25px;height:25px;line-height:25px;border-radius:50%;opacity:.65;pointer-events:none}.pet-region:hover .pet-zone-mark,.pet-region:focus-visible .pet-zone-mark{opacity:1}.pet-region.complete .pet-zone-mark{opacity:.5}.pet-zone-progress{position:absolute;bottom:1%;left:0;height:5px;border-radius:8px;background:#71d7ac;pointer-events:none}.pet-tools{position:absolute;right:22px;top:50%;transform:translateY(-43%);display:flex;flex-direction:column;gap:9px;z-index:6}.pet-tools button{display:flex;align-items:center;width:132px;gap:8px;background:#fffaf1ec;border:3px solid white;border-radius:23px;padding:6px 10px;color:#526a5d;box-shadow:0 4px 12px #2c584622}.pet-tools button[aria-pressed=true]{border-color:#4ca78b;background:#e2f6eb;transform:translateX(-7px)}.pet-tools img{width:54px;height:58px;object-fit:contain}.pet-tools span{font-size:12px;font-weight:700}.pet-hint{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);margin:0;padding:7px 18px;background:#fffdf1eb;border-radius:20px;font-size:12px;white-space:nowrap;z-index:4}.pet-cursor{position:absolute;width:110px;height:125px;pointer-events:none;z-index:8;transform:translate(12px,-95%)}.pet-cursor-tool{width:100%;height:100%;object-fit:contain}.pet-water{position:absolute;width:100px;height:100px;left:-65px;top:70px;opacity:0;transform:rotate(30deg)}.pet-cursor.working[data-tool=shower] .pet-water{opacity:.9;animation:petWater .22s infinite alternate}.pet-air{display:none;position:absolute;left:-55px;top:60px;color:#f0fff9;font-size:38px;text-shadow:0 0 5px #66c9b3}.pet-cursor.working[data-tool=dryer] .pet-air{display:block;animation:petWater .2s infinite alternate}.pet-snack{position:absolute;left:25%;top:32%;width:40%;pointer-events:none;z-index:9;animation:petNibble .3s infinite alternate}.pet-glitter{position:absolute;pointer-events:none;color:#ffe277;text-shadow:0 0 8px #fff,0 0 16px #f9b622;font-size:35px;z-index:10;animation:petSpark 1.4s both}.pet-finish{position:absolute;bottom:55px;left:50%;transform:translateX(-50%);background:#fff9edee;border:3px solid white;border-radius:25px;padding:15px 28px;text-align:center;z-index:10;box-shadow:0 8px 35px #456d3829}.pet-finish strong{display:block;font-size:21px;margin-bottom:8px}.pet-finish button{background:#428d73;border:0;color:white;border-radius:15px;padding:11px 23px}.pet-play [hidden]{display:none!important}
@keyframes petWater{to{opacity:.55;translate:0 3px}}@keyframes petNibble{to{rotate:7deg;scale:.95}}@keyframes petSpark{0%{opacity:0;scale:.1}25%{opacity:1;scale:1.3}100%{opacity:0;translate:0 -35px;rotate:80deg}}
.pet-play.pet-portrait{width:var(--ph);height:var(--pw);inset:auto;left:var(--pw);top:0;transform-origin:top left;transform:rotate(90deg)}
@media(max-height:520px),(max-width:700px){.pet-top{top:6px;left:12px;right:12px;height:39px}.pet-top h1{font-size:18px}.pet-top small{font-size:7px}.pet-top button{padding:7px 12px;font-size:12px}.pet-top>div{padding:3px 25px}.pet-steps{top:52px;gap:4px}.pet-steps span{font-size:10px;padding:4px 9px}.pet-message{left:12px;top:95px;width:150px;padding:12px;border-radius:17px}.pet-message strong{font-size:13px}.pet-message>span{margin-top:8px;font-size:10px}.pet-cat{height:calc(100% - 103px);bottom:27px;max-width:51%}.pet-tools{right:12px;gap:5px;transform:translateY(-39%)}.pet-tools button{width:100px;border-radius:16px;padding:3px 6px;gap:4px}.pet-tools img{width:35px;height:39px}.pet-tools span{font-size:10px}.pet-hint{bottom:4px;font-size:10px;padding:4px 12px}.pet-cursor{width:75px;height:85px}.pet-water{width:70px;height:70px;left:-45px;top:47px}.pet-zone-mark{font-size:11px;width:19px;height:19px;line-height:19px}.pet-finish{bottom:30px;padding:9px 20px}.pet-finish strong{font-size:16px}.pet-finish button{font-size:12px;padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.pet-glitter,.pet-snack,.pet-water,.pet-air{animation-duration:.01ms!important}}
.pet-region{min-height:0}.pet-region svg{overflow:hidden}.pet-play.loading .pet-cat,.pet-play.loading .pet-tools{visibility:hidden}.pet-loading{position:absolute;inset:90px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#fff8ecdd;z-index:12;color:#3a6b5a}.pet-loading button{padding:14px 25px;border:0;border-radius:16px;background:#448d74;color:white}
.pet-top{min-height:0}.pet-top button{min-height:36px}
.pet-region.pet-needs-care:after{content:"";position:absolute;inset:4%;border-radius:48%;pointer-events:none;background:#ff9b3828;box-shadow:0 0 18px 7px #ff9b3890,inset 0 0 14px #ffb45a90;animation:petOrange 1.2s ease-in-out infinite alternate}.pet-tools .pet-needs-tool{box-shadow:0 0 18px 5px #ff9b38a0;animation:petOrange 1.2s ease-in-out infinite alternate}@keyframes petOrange{from{opacity:.5}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pet-region.pet-needs-care:after,.pet-tools .pet-needs-tool{animation:none}}
.pet-cursor{width:110px;height:110px;transform:translate(32%,-64%)}.pet-cursor-tool{position:relative;z-index:1}.pet-water{width:60%;height:90%;left:4%;top:22%;object-fit:fill;transform-origin:50% 0;transform:rotate(60deg);z-index:2}.pet-cursor.working[data-tool=shower] .pet-water{animation:petFlow .25s infinite alternate}.pet-cursor[data-tool=dryer]{transform:translate(65%,-28%)}.pet-air{width:95%;height:48%;left:-83%;top:4%;object-fit:fill;z-index:2}.pet-cursor.working[data-tool=dryer] .pet-air{animation:petFlow .3s infinite alternate}@keyframes petFlow{from{opacity:.8}to{opacity:1}}@media(max-height:520px),(max-width:700px){.pet-cursor{width:75px;height:75px}}.pet-region.pet-needs-care:after{inset:-6%;border:3px solid #9c32ed;background:#9d35ee55;box-shadow:0 0 12px 6px #c375ff,0 0 28px 12px #8b25e6c0,inset 0 0 18px #bf68ff;animation:petPurple 1s ease-in-out infinite alternate}.pet-tools .pet-needs-tool{border-color:#a23aef;box-shadow:0 0 14px 7px #b858f5,0 0 28px #8b25e6;animation:petPurple 1s ease-in-out infinite alternate}@keyframes petPurple{from{opacity:.85}to{opacity:1}}@media(prefers-reduced-motion:reduce){.pet-region.pet-needs-care:after,.pet-tools .pet-needs-tool,.pet-cursor.working .pet-water,.pet-cursor.working .pet-air{animation:none}}
.pet-air{top:-2%}
.pet-dressing .pet-cursor{display:none!important}.pet-accessory-panel{width:218px;top:120px;bottom:45px;transform:none;overflow:auto;background:#fff9f0f2;border:2px solid white;border-radius:24px;padding:12px;gap:8px}.pet-accessory-panel h2{font-size:15px;margin:0 0 5px;text-align:center}.pet-accessory-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pet-accessory-panel .pet-accessory-list button{width:100%;display:flex;flex-direction:column;gap:2px;padding:6px;min-height:84px;border-radius:15px}.pet-accessory-panel .pet-accessory-list button[aria-pressed=true]{transform:none;background:#f2dcff;border-color:#a259be}.pet-accessory-list img{width:72px;height:48px}.pet-accessory-list span{font-size:10px;text-align:center}.pet-accessory-panel .pet-remove,.pet-accessory-panel .pet-dress-next{width:100%;justify-content:center;font-size:12px;padding:10px;flex-shrink:0}.pet-accessory-panel .pet-dress-next{background:#448c72;color:white}.pet-accessory-layer,.pet-accessory-zones{position:absolute;inset:0;pointer-events:none}.pet-accessory-layer{z-index:4}.pet-accessory-layer button{position:absolute;padding:0;border:0;background:none;min-height:0;pointer-events:auto;touch-action:none;cursor:grab;filter:drop-shadow(0 3px 2px #49352630)}.pet-accessory-layer img{display:block;width:100%;height:auto;pointer-events:none}.pet-accessory-zones button{position:absolute;pointer-events:auto;background:#d497eb12;border:2px dashed #ae69c786;border-radius:50%;min-height:0;transform:translate(-50%,-50%);width:24%;height:13%;left:35%;top:18%}.pet-accessory-zones button[data-place=right]{left:73%}.pet-accessory-zones button[data-place=neck]{left:53.5%;top:53%;width:32%;height:13%}.pet-accessory-zones[data-type=tie] button:not([data-place=neck]){display:none}.pet-accessory-zones button:hover,.pet-accessory-zones button:focus-visible{background:#d497eb55;border-color:#9845be}.pet-accessory-ghost{position:absolute;z-index:20;width:95px;pointer-events:none;transform:translate(-50%,-50%);opacity:.85;filter:drop-shadow(0 3px 3px #51353950)}.pet-dressing .pet-cat{max-width:50%}
@media(max-height:520px),(max-width:700px){.pet-accessory-panel{top:80px;bottom:28px;width:156px;padding:7px;border-radius:17px;gap:4px}.pet-accessory-panel h2{font-size:11px;margin:0}.pet-accessory-list{gap:4px}.pet-accessory-panel .pet-accessory-list button{min-height:51px;padding:3px;border-width:2px;border-radius:10px}.pet-accessory-list img{width:45px;height:27px}.pet-accessory-list span{font-size:8px}.pet-accessory-panel .pet-remove,.pet-accessory-panel .pet-dress-next{font-size:10px;padding:5px;min-height:29px}.pet-accessory-ghost{width:65px}.pet-dressing .pet-hint{max-width:90%;white-space:normal;text-align:center;font-size:9px}}
.pet-dressing .pet-animal{z-index:1}.pet-accessory-back{position:absolute;inset:0;z-index:0;pointer-events:none}.pet-worn-cape{position:absolute;transform:translateX(-50%);object-fit:fill;filter:drop-shadow(0 5px 5px #42215240)}.pet-accessory-layer [data-worn=mask] img,.pet-accessory-layer .pet-cape-cord img{height:100%;object-fit:fill}.pet-accessory-zones{z-index:2}.pet-accessory-zones [data-place=eyes],.pet-accessory-zones [data-place=cape]{display:none}.pet-accessory-zones[data-type=mask] button:not([data-place=eyes]),.pet-accessory-zones[data-type=cape] button:not([data-place=cape]){display:none}.pet-accessory-zones[data-type=mask] [data-place=eyes]{display:block;left:54.5%;top:32%;width:65%;height:18%}.pet-accessory-zones[data-type=cape] [data-place=cape]{display:block;left:53.5%;top:60%;width:45%;height:35%}.pet-accessory-tabs{display:flex;gap:4px;flex-shrink:0}.pet-accessory-panel .pet-accessory-tabs button{width:auto;flex:1;min-height:32px;padding:5px 3px;font-size:10px;justify-content:center;border-radius:12px;border-width:2px;transform:none}.pet-accessory-panel .pet-accessory-tabs button[aria-pressed=true]{background:#e9d4f8;border-color:#a259be}.pet-accessory-list [hidden]{display:none!important}@media(max-height:520px),(max-width:700px){.pet-accessory-panel .pet-accessory-tabs button{font-size:9px;min-height:27px;padding:3px 1px}.pet-accessory-panel{gap:3px}}
.pet-accessory-zones[data-occupied=true]{opacity:0}.pet-accessory-zones:has(:focus-visible){opacity:1}
/* Overhead floor and one paw at a time. The blade opening is at 50%,15%. */
.pet-play.pet-nails{background:repeating-linear-gradient(0deg,transparent 0 93px,#b8885e40 94px 96px),repeating-linear-gradient(90deg,#eac9a5 0 155px,#e4bf96 156px 310px,#dfb58a 311px 465px);}
.pet-nails:before{content:"";position:absolute;inset:115px 18% 25px;border:9px solid #fff8e8;border-radius:46%;background:repeating-linear-gradient(0deg,#c8e2d3 0 3px,#c4dece 3px 5px);box-shadow:0 10px 25px #73553625;transform:rotate(-3deg);pointer-events:none}
.pet-nails .pet-cat,.pet-nails .pet-cursor{display:none!important}.pet-paw-area{position:absolute;height:calc(100% - 150px);aspect-ratio:1;max-width:52%;left:52%;bottom:32px;transform:translateX(-50%)}.pet-paw-area>svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 10px 8px #57412a22)}.pet-paw-area [data-claw]{position:absolute;transform:translate(-50%,-50%);min-height:0;padding:0;border:0;border-radius:45%;background:transparent;touch-action:manipulation}.pet-paw-area [data-claw]:focus-visible{outline:3px solid #9a4dd1;background:#b172dc22}.pet-paw-area [data-claw]:hover{box-shadow:0 0 10px #ffed9c66}.pet-clipper-selected .pet-paw-area,.pet-clipper-selected .pet-paw-area button{cursor:none}.pet-nail-cursor{position:absolute;width:125px;height:125px;object-fit:contain;transform:translate(-50%,-15%);z-index:20;pointer-events:none;transform-origin:50% 15%;filter:drop-shadow(0 3px 2px #324d3333)}.pet-nail-cursor.snip{animation:petSnip .18s ease-out}.pet-paw-progress{padding:12px;border-radius:20px;background:#fff9edeb;display:flex;flex-direction:column;gap:12px;font-size:11px;max-width:165px}.pet-paw-progress .current{color:#7850ac;font-weight:800}.pet-paw-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px}.pet-paw-loading button{border:0;border-radius:18px;background:#428d73;color:white;padding:12px}.pet-nails .pet-tools{gap:18px}.pet-nails .pet-tools>button{width:165px}.pet-nails .pet-tools>button img{width:65px;height:80px}@keyframes petSnip{50%{scale:.92;rotate:-7deg}}
@media(max-height:520px),(max-width:700px){.pet-nails:before{inset:77px 20% 14px}.pet-paw-area{height:calc(100% - 102px);bottom:25px;max-width:49%}.pet-nail-cursor{width:88px;height:88px}.pet-nails .pet-tools>button{width:122px}.pet-nails .pet-tools>button img{width:40px;height:48px}.pet-paw-progress{max-width:122px;font-size:9px;padding:8px;gap:8px}.pet-nails .pet-tools{gap:9px}.pet-nails .pet-hint{font-size:9px;max-width:95%;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.pet-nail-cursor.snip{animation:none}}
.pet-play{container-type:size}.pet-paw-area{width:min(52cqw,calc(100cqh - 150px));height:auto;max-width:none}.pet-nails:before{border-radius:46%;inset:115px 18% 25px}@media(max-height:520px),(max-width:700px){.pet-paw-area{width:min(49cqw,calc(100cqh - 102px));height:auto;max-width:none}.pet-nails:before{inset:77px 20% 14px}}
@media(max-height:520px),(max-width:700px){.pet-play:not(.pet-dressing):not(.pet-nails) .pet-cat:before{content:"";position:absolute;left:-130px;right:-130px;top:0;bottom:0;z-index:0}.pet-cursor[data-tool=soap]{transform:translate(-50%,-50%)}.pet-cursor.pet-right-hand{transform:translate(-132%,-64%) scaleX(-1)}.pet-cursor.pet-right-hand[data-tool=dryer]{transform:translate(-165%,-28%) scaleX(-1)}.pet-cursor.pet-right-hand[data-tool=soap]{transform:translate(-50%,-50%) scaleX(-1)}}

.pet-cat.pet-dog.arched{aspect-ratio:1374/1145}
.pet-dog .pet-dirt{mask-image:radial-gradient(ellipse at center,#000 45%,transparent 72%)}