.wash-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.wash-options button{background:#ffcf24;border:2px solid #123d61;padding:16px 8px;min-height:140px;color:#123d61;font-size:19px}.wash-options img{display:block;width:64px;height:64px;image-rendering:pixelated;margin:0 auto 10px}.wash-choice>button{width:100%}
.bath-dialog{width:min(480px,calc(100vw - 24px));padding:18px;box-sizing:border-box;max-height:calc(100dvh - 24px);overflow:auto;text-align:center}.bath-dialog h2{margin:0 0 12px;font-size:26px}.bath-dialog p{font-size:14px;line-height:1.5;min-height:42px}.bath-dialog>button{width:100%;min-height:48px;margin-top:8px}.bath-dialog #bath-sound{min-height:44px;font-size:13px;background:#fff}
.bath-scene{height:275px;position:relative;overflow:hidden;border:3px solid #123d61;border-radius:16px;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0 47px,#08799c 48px 50px),repeating-linear-gradient(90deg,#00accb 0 47px,#08799c 48px 50px)}
.bath-tub{position:absolute;left:4%;right:4%;top:52%;bottom:7%;border:5px solid #123d61;border-radius:20px 20px 48px 48px;background:#fff;box-shadow:inset 0 -17px #a8eaff;z-index:1}.bath-water{position:absolute;left:7%;right:7%;top:57%;bottom:15%;background:#00bce9;border-radius:10px 10px 36px 36px;z-index:3;opacity:.83;pointer-events:none;border-top:4px solid #b4f6ff}
.bath-water:before,.bath-water:after{content:'';position:absolute;left:8%;top:35%;width:22%;height:4px;background:#a2f3ff;box-shadow:115px 17px #a2f3ff;animation:bath-ripples 2.4s ease-in-out infinite}.bath-water:after{left:40%;top:12%;width:15%;animation-delay:-1s;box-shadow:-70px 23px #a2f3ff}
.bath-cat{position:absolute;left:40%;top:10%;width:57%;height:79%;background-size:400% 100%;background-repeat:no-repeat;image-rendering:pixelated;transform:translateX(-50%);transition:left 1s ease-in-out;z-index:2}
.bath-paw{position:absolute;left:51%;top:55%;width:12%;height:10%;border:3px solid #123d61;border-radius:10px;background:#ffce67;z-index:4;opacity:0}.bath-nudge .bath-paw{animation:bath-paw 1s ease-in-out}
#bath-duck{position:absolute;top:54%;left:24%;width:76px;height:76px;min-height:76px;transform:translateX(-50%);padding:0;border:0;background:transparent!important;box-shadow:none;z-index:5;transition:left 1.3s ease-in-out;touch-action:manipulation}#bath-duck img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;transform:scaleX(var(--duck-facing,1));animation:duck-bob 2s ease-in-out infinite}#bath-duck:active{transform:translateX(-50%) scale(.92)}
.bath-quack{position:absolute;left:50%;top:4%;transform:translateX(-50%);padding:6px 12px;border-radius:14px;background:#ffcf24;color:#123d61;font-weight:bold;opacity:0;z-index:6}.duck-squeak .bath-quack{animation:quack-pop 1s ease-out}
@keyframes duck-bob{50%{translate:0 -5px;rotate:4deg}}@keyframes bath-ripples{50%{translate:7px 0;opacity:.5}}@keyframes bath-paw{30%,70%{opacity:1;translate:12px 0}100%{opacity:0;translate:0 0}}@keyframes quack-pop{0%{opacity:0}15%,75%{opacity:1}100%{opacity:0}}
@media(max-height:650px){.bath-scene{height:210px}.bath-dialog{padding:12px}.bath-dialog h2{font-size:22px}.bath-dialog p{margin:7px 0}}
@media(prefers-reduced-motion:reduce){#bath-duck,.bath-cat{transition:none}#bath-duck img,.bath-water:before,.bath-water:after,.bath-nudge .bath-paw{animation:none}.duck-squeak .bath-quack{opacity:1;animation:none}}
.reduced #bath-duck,.reduced .bath-cat{transition:none}.reduced #bath-duck img,.reduced .bath-water:before,.reduced .bath-water:after{animation:none}

.reduced .bath-nudge .bath-paw{animation:none}.reduced .duck-squeak .bath-quack{opacity:1;animation:none}
#bath-soap{position:absolute;left:85%;top:35%;width:70px;height:65px;min-height:0;padding:0;border:0;background:transparent!important;box-shadow:none;transform:translate(-50%,-50%);z-index:8;touch-action:none}#bath-soap img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none}#bath-bubbles{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .2s}#bath-bubbles i{position:absolute;left:var(--bx);top:var(--by);width:var(--bs);height:var(--bs);border:2px solid #edfcff;border-radius:50%;background:#a7f1ff77;box-shadow:inset 3px 3px #ffffffbb;animation:bath-bubble-rise 2.7s ease-in-out infinite;animation-delay:var(--delay)}.bath-soapy .bath-water{border-top:8px dotted white}.bath-soapy #bath-soap:active{rotate:15deg}#bath-soap-progress{display:block;width:100%;height:14px;accent-color:#09ac8a;margin:7px 0}@keyframes bath-bubble-rise{0%{translate:0 18px;scale:.65;opacity:.2}45%{opacity:1}100%{translate:8px -40px;scale:1.15;opacity:0}}@media(prefers-reduced-motion:reduce){#bath-bubbles i{animation:none}#bath-bubbles{transition:none}}.reduced #bath-bubbles i{animation:none}.reduced #bath-bubbles{transition:none}
.bath-scene{touch-action:none}