/* Shared illustrated rooms, with the existing care interactions kept intact. */
#routine-dialog,#wash-dialog,#bath-dialog{width:min(850px,calc(100vw - 18px));max-width:850px;padding:18px;max-height:calc(100dvh - 16px);overflow:auto}#routine-scene.care-polish,#wash-scene.care-polish,#bath-scene.care-polish{height:auto!important;aspect-ratio:600/400;width:100%;background:#8cdedb;border-radius:18px;border:3px solid #244e67;position:relative;isolation:isolate}.care-back,.care-front{position:absolute;inset:0;pointer-events:none}.care-back{z-index:0}.care-front{z-index:4}.care-back>svg,.care-front>svg{width:100%;height:100%;display:block}.care-polish #routine-tool,.care-polish #wash-tool{background-image:var(--care-tool)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}.care-polish #routine-tool-image,.care-polish #wash-tool-icon img{opacity:0}.care-polish #wash-tool>svg{display:none!important}.care-polish #routine-tool{width:100px;height:100px}.care-polish #wash-tool{width:90px;height:90px;min-height:90px}.care-polish #routine-pot,.care-polish #routine-vegetables,.care-polish #routine-plate,.care-polish #routine-wc,.care-polish #routine-lid,.care-polish #routine-basin,.care-polish .routine-bed,.care-polish #routine-blanket{visibility:hidden}.care-polish .routine-steam{display:none!important}.care-polish #routine-pet{transition:left .8s ease-in-out,top .8s ease-in-out,width .65s ease-in-out;z-index:2}.care-polish #routine-tool:after{filter:drop-shadow(0 1px 1px #123d6120)}.care-steam{animation:care-steam 2.4s ease-in-out infinite}.care-phase-in .care-wash-room,.care-phase-in .care-toilet-room{animation:care-room-in .7s ease-out}.care-quilt{animation:care-quilt-in .65s ease-out}.care-polish.kind-bed #routine-cap{animation:care-cap-in .6s ease-out}.care-polish.kind-bed #routine-book{z-index:5;background:linear-gradient(90deg,#fff8df 0 48.5%,#ae8151 49%,#eed6a5 51%,#fff8df 52%);border-color:#8d572d;box-shadow:0 8px #96551e}.care-polish.kind-bed #routine-story{z-index:6}.care-polish.kind-bed[data-stage="1"] #routine-pet{z-index:6}.care-polish.kind-bed[data-stage="1"] #routine-tool{z-index:7;background-image:none!important}.care-polish.kind-bed[data-stage="1"] #routine-tool-image{display:none}.care-polish .routine-zzz{animation:care-zzz 2.4s ease-in-out infinite}.care-polish.kind-water #routine-glass{background:#dff8ff77;border-color:#466f85;border-top-color:#f7ffff;border-radius:0 0 16px 16px;box-shadow:inset 7px 0 #ffffff66,0 5px 0 #123d6120}.care-polish.kind-water #routine-water-level{background:#28bdeb;border-color:#cdfaff}.care-polish.kind-water .routine-water-stream{width:2%;background:linear-gradient(90deg,#83e5fa,#e3ffff,#31b6e4);opacity:.9}.care-polish.kind-water[data-stage="2"].routine-working #routine-pet{animation:care-sip .65s ease-in-out}.care-polish.kind-cook[data-stage="0"].routine-working #routine-tool{animation:care-chop .24s ease-in-out}.care-polish.kind-cook[data-stage="2"] #routine-tool,.care-polish.kind-cook[data-stage="3"] #routine-tool{transform:translate(-50%,-50%) rotate(160deg)}
/* The creature and fixtures stay anchored. Only water swirls and paws rub. */
.care-polish.kind-toilet[data-stage="0"] #routine-pet{left:5%;top:37%;width:28%}.care-polish.kind-toilet[data-stage="1"] #routine-pet{left:25%;top:23%;width:31%;clip-path:inset(0 0 17% 0)}.care-polish.kind-toilet[data-stage="2"] #routine-pet{left:3%;top:36%;width:29%}.care-polish.kind-toilet[data-stage="3"] #routine-pet,.care-polish.kind-toilet[data-stage="4"] #routine-pet,.care-polish.kind-toilet[data-stage="5"] #routine-pet,.care-polish.kind-toilet[data-stage="6"] #routine-pet{left:35%;top:5%;width:30%}.care-polish.kind-toilet #routine-target[data-stage="0"]{left:25%;top:48%;width:30%;height:28%}.care-polish.kind-toilet #routine-target[data-stage="2"]{left:45%;top:38%;width:11%;height:13%;background:transparent;border:0}.care-polish.kind-toilet #routine-target[data-stage="2"]:after{display:none}.care-polish.kind-toilet #routine-target[data-stage="3"],.care-polish.kind-toilet #routine-target[data-stage="5"]{left:42%;top:33%;width:18%;height:20%}.care-polish.kind-toilet.routine-working:after{display:none!important}.care-lid{transform-origin:0 0;transition:transform .7s ease-in-out}.care-flush{animation:care-flush .7s ease-in-out infinite;transform-origin:244px 263px}.care-paws-rubbing .care-left-paw{animation:care-rub-left .6s ease-in-out infinite alternate}.care-paws-rubbing .care-right-paw{animation:care-rub-right .6s ease-in-out infinite alternate}.care-tap-stream{animation:care-stream .35s linear infinite}.care-polish.kind-toilet[data-stage="1"] #routine-tool-image,.care-polish.kind-toilet[data-stage="6"] #routine-tool-image{transform:none}.care-polish.kind-toilet[data-stage="1"] #routine-tool:after{display:none}.care-polish.kind-toilet[data-stage="6"] #routine-tool{width:110px;height:110px}
/* Bathing and showering share the same room and tactile tools. */
.care-polish#bath-scene #bath-cat{width:45%;height:auto;aspect-ratio:1;top:16%;transition:left 1.2s ease-in-out;transform:translateX(-50%)!important}.care-polish .bath-tub{top:51%;bottom:8%;border:6px solid #476d82;border-top-width:13px;border-radius:28px 28px 65px 65px;background:linear-gradient(#fff 0 40%,#dcf0f6);box-shadow:inset 0 -16px #c0e4ee,0 10px 0 #123d6120}.care-polish .bath-tub:after{content:'';position:absolute;bottom:-22px;left:15%;width:13%;height:24px;background:#476d82;border-radius:0 0 10px 10px;box-shadow:300px 0 #476d82}.care-polish .bath-water{top:57%;bottom:17%;background:linear-gradient(#43d1f0,#1ba7df);border-top:5px solid #d8ffff;opacity:.85;border-radius:16px 16px 48px 48px}.care-polish.bath-soapy .bath-water{border-top-width:9px}.care-polish#bath-scene #bath-soap{background-image:var(--care-soap)!important;background-size:contain!important;background-repeat:no-repeat!important;width:86px;height:80px}.care-polish #bath-soap img{opacity:0}.care-polish #bath-duck{width:88px;height:88px;min-height:88px;top:56%;transition:left 1.5s cubic-bezier(.25,.1,.25,1)}.care-polish .bath-paw{height:8%;width:9%;top:52%;border-color:#b17f3b;border-radius:50%;background:#ffce7d}.care-polish #bath-bubbles i{border-color:#f0ffff;background:#dbfaff88;box-shadow:inset 3px 3px white,0 1px 0 #079cc233}.care-polish .bath-quack{left:auto;right:10%;top:34%;font-size:16px}.care-polish#wash-scene:before{z-index:1;inset:72% 8% 4%;border-color:#476d82;border-width:5px;background:#f6ffff;box-shadow:inset 0 -14px #a6deed}.care-polish #wash-cat{z-index:2}.care-polish #wash-patches{z-index:3}.care-polish #wash-tool{z-index:5}.care-polish .wash-jets{height:155px;left:0;width:100%;background:repeating-linear-gradient(90deg,transparent 0 11px,#bdffff 12px 14px,transparent 15px 22px)}.care-polish[data-stage="4"] .wash-jets{height:85px}.care-polish .wash-patches span:after{filter:drop-shadow(0 2px 0 #98d8e8);transition:opacity .15s}.care-polish .wash-patches span:before{border-radius:45%;transition:opacity .15s}
@keyframes care-room-in{from{translate:12px 0}to{translate:0 0}}@keyframes care-steam{50%{translate:0 -10px;opacity:.3}}@keyframes care-quilt-in{from{translate:0 65px;opacity:.6}to{translate:0 0;opacity:1}}@keyframes care-cap-in{from{translate:0 -35px;opacity:.3}to{translate:0 0;opacity:1}}@keyframes care-zzz{50%{translate:0 -10px;opacity:.5}}@keyframes care-sip{50%{scale:1.025}}@keyframes care-chop{50%{translate:0 6px}}@keyframes care-flush{50%{scale:.9 .8;opacity:.6}}@keyframes care-rub-left{to{translate:8px 3px;rotate:5deg}}@keyframes care-rub-right{to{translate:-8px -3px;rotate:-5deg}}@keyframes care-stream{50%{opacity:.65}}
.reduced .care-polish *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.care-polish *{animation:none!important;transition:none!important}}@media(min-width:800px) and (max-height:900px){#routine-dialog,#wash-dialog,#bath-dialog{width:min(calc((100dvh - 220px)*1.5),calc(100vw - 18px))}}@media(max-width:600px){#routine-dialog,#wash-dialog,#bath-dialog{padding:12px}.care-polish #routine-tool{width:80px;height:80px}.care-polish #wash-tool{width:76px;height:76px;min-height:76px}.care-polish#bath-scene #bath-soap{width:70px;height:65px}.care-polish #bath-duck{width:65px;height:65px;min-height:65px}}
.care-polish.kind-toilet[data-stage="0"] #routine-pet,.care-polish.kind-toilet[data-stage="2"] #routine-pet{top:43%}.care-polish.kind-toilet[data-stage="3"] #routine-pet,.care-polish.kind-toilet[data-stage="4"] #routine-pet,.care-polish.kind-toilet[data-stage="5"] #routine-pet,.care-polish.kind-toilet[data-stage="6"] #routine-pet{left:32%;top:17%;width:36%}.care-polish#bath-scene #bath-cat{top:12%}.care-polish #wash-cat{left:20%;top:9%;width:60%;height:auto;aspect-ratio:1}
/* Keep the tap visible beside the creature; align its touch target too. */
.care-polish.kind-toilet #routine-target[data-stage="3"],.care-polish.kind-toilet #routine-target[data-stage="5"]{left:72%;top:32%;width:13%;height:22%}
.care-polish.kind-bed #routine-switch{top:43%;right:7%}
.care-polish.kind-bed[data-stage="0"] #routine-tool{width:150px;height:150px}
.care-polish.kind-water #routine-tool{width:16.6667%;height:25%}
.care-polish.kind-water .routine-water-stream{display:none!important}
.care-polish.kind-water[data-stage="1"].bottle-pouring #routine-tool{transform:translate(-50%,-50%) rotate(100deg)}
.care-pour-glints{animation:care-pour-flow .45s linear infinite}@keyframes care-pour-flow{to{stroke-dashoffset:-24}}
.reduced .care-pour-glints{animation:none}@media(prefers-reduced-motion:reduce){.care-pour-glints{animation:none}}
.care-polish:not(.bottle-pouring) .care-pour{display:none}