.focus-game .app[data-game=grooming] .stage-area{container-type:size;gap:8px}
.focus-game .app[data-game=grooming] .scene{container-type:size;position:relative;overflow:hidden;min-height:0}
.care-room{position:absolute;inset:0;background:#91a18c url('../assets/grooming-corner-painted-v1.png') center/cover no-repeat}
.care-cat-wrap{position:absolute;width:min(84cqw,94cqh,600px);aspect-ratio:1;left:50%;bottom:5%;transform:translateX(-50%);touch-action:none;filter:drop-shadow(2px 4px 1px #17374424)}
.care-coat{width:100%;height:100%;display:block;pointer-events:none}
.care-zone{position:absolute;transform:translate(-50%,-50%);width:13%;height:13%;min-width:32px;min-height:32px;max-width:70px;max-height:70px;padding:0;border:0;background:transparent;border-radius:16%;touch-action:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;box-shadow:none}
.care-zone:focus,.care-zone:hover{outline:0;background:transparent}.care-zone:focus-visible{outline:2px dashed #f4ead4;outline-offset:-3px;box-shadow:inset 0 0 0 1px #17374455}
.care-comfort{position:absolute;bottom:9px;left:12px;display:flex;gap:5px;align-items:center;padding:6px 9px;background:#f4ead4e8;color:#173744;border-radius:5px;font:11px/1.3 system-ui;pointer-events:none}
.care-comfort i{width:8px;height:8px;border:1px solid #738575;border-radius:50%}.care-comfort i.filled{background:#738575}
.care-tools{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px!important;margin:0!important}
.care-tools button{min-width:0;min-height:40px;font-size:11px!important;line-height:1.2;padding:7px 5px!important}.care-tools button[aria-pressed=true]{background:#e8dcc4;color:#173744;border-color:#e8dcc4}.care-tools button.care-rest{border-color:#c3ad7c}
.care-levels-dialog #level-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;margin-top:18px}.care-levels-dialog #level-grid button{width:100%;min-height:34px;padding:4px;font-size:13px}.care-levels-dialog #level-grid button[aria-current=true]{background:#e8dcc4;color:#173744}.care-levels-dialog #level-grid button.completed{box-shadow:inset 0 -3px #9cafa0}
.app[data-game=grooming] .status{min-height:32px;max-height:none}
@media(max-width:760px){.care-tools{grid-template-columns:repeat(4,minmax(0,1fr))}.care-tools button{min-height:33px;font-size:10px!important;padding:4px!important}.care-tools .care-rest{grid-column:4;grid-row:1/3}.care-comfort{font-size:9px;padding:4px 6px;left:7px;bottom:5px}.care-cat-wrap{width:min(97cqw,97cqh);bottom:2%}.care-levels-dialog #level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){.focus-game .app[data-game=grooming] .status{font-size:11px;line-height:1.4;min-height:31px}.care-room{background-position:40% center}}
@media(max-height:500px) and (min-width:651px){.care-tools button{min-height:32px;font-size:10px!important}.care-cat-wrap{width:min(84cqw,97cqh);bottom:1%}.care-comfort{font-size:9px;padding:3px 5px;bottom:4px}}

.care-tools button{display:flex;align-items:center;justify-content:center;gap:4px}.care-tool-icon{width:24px;height:24px;flex:none;pointer-events:none}.care-tools button>span{pointer-events:none}.care-tool-gesture{position:fixed;z-index:100;pointer-events:none;width:44px;height:44px;filter:drop-shadow(1px 2px 1px #17374430)}.care-tool-gesture .care-tool-icon{width:100%;height:100%}
@media(max-width:760px){.care-tools button{gap:2px}.care-tools .care-tool-icon{width:16px;height:16px}.care-tools button>span{font-size:10px;line-height:1.1}}

.care-rub-progress{position:absolute;left:6px;right:6px;bottom:-3px;height:4px;border-radius:3px;background:#17374450;overflow:hidden}.care-rub-progress i{display:block;width:calc(var(--care-progress,0)*100%);height:100%;background:#f4ead4}.care-finish-portrait{position:relative;width:150px!important;height:150px!important;margin:auto}.care-finish-portrait svg{width:100%;height:100%}.care-win-hearts{position:absolute;top:0;left:-15px;right:-15px;color:#d67f8c;font-size:23px;letter-spacing:13px}.care-room[data-care-finished=true]::after{content:'Чистый и пушистый';position:absolute;top:12px;right:14px;background:#f4ead4e8;color:#173744;padding:7px 12px;border-radius:6px;font:13px Georgia,serif}

body:has(.app[data-game=grooming]) #win::backdrop{background:#17374418}

#win:has(.care-finish-portrait){max-height:calc(100dvh - 24px);overflow:auto;padding:18px}
@media(max-height:500px){.care-finish-portrait{width:90px!important;height:90px!important}#win:has(.care-finish-portrait) h2{font-size:29px;margin:8px 0}.care-win-hearts{font-size:18px;letter-spacing:6px}}