.wash-dialog,.bath-dialog,.wash-choice{position:fixed;padding-top:22px}.wash-dialog h2,.bath-dialog h2,.wash-choice h2{padding-right:38px}
.dialog-close.dialog-close{position:absolute;right:8px;top:8px;width:34px;min-height:32px;height:32px;margin:0;padding:0;background:#d92735;color:white;border:2px solid #801721;border-radius:5px;font:700 27px/26px sans-serif;box-shadow:none;z-index:10}.dialog-close.dialog-close:hover{background:#f03a43}.dialog-close:focus-visible{outline:3px solid #ffce1b;outline-offset:2px}
.wash-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.wash-options button{font-size:16px;padding:12px 4px}.tooth-choice{display:block;font-size:52px;height:64px;margin:0 auto 10px}
.teeth-scene{position:relative;height:300px;background:repeating-linear-gradient(90deg,#00accb 0 48px,#08799c 49px 51px);border:3px solid #123d61;border-radius:14px;overflow:hidden;touch-action:none;user-select:none;isolation:isolate}
#teeth-face{position:absolute;left:-20%;top:-32%;width:140%;height:155%;background-size:400% 100%;image-rendering:pixelated;background-repeat:no-repeat;pointer-events:none}
#teeth-mouth{position:absolute;left:25%;top:42%;width:50%;height:25%;min-height:0;background:#702d43;border:5px solid #123d61;border-radius:40%;padding:0;z-index:2;box-shadow:none;overflow:visible}#teeth-mouth:disabled{opacity:1;cursor:default}.tooth-row{display:flex;justify-content:center;gap:2px;padding:0 8%}.tooth-row i{width:16%;height:23px;background:white;border:2px solid #123d61;border-radius:0 0 7px 7px}
#teeth-foam{position:absolute;inset:-20%;pointer-events:none;background:radial-gradient(circle at 20% 40%,white 0 18%,transparent 19%),radial-gradient(circle at 45% 25%,#defaff 0 24%,transparent 25%),radial-gradient(circle at 75% 45%,white 0 25%,transparent 26%),radial-gradient(circle at 50% 75%,white 0 25%,transparent 26%);filter:drop-shadow(0 3px #20a7cb)}
.teeth-basin{position:absolute;left:8%;right:8%;bottom:-7%;height:28%;background:#fff;border:5px solid #123d61;border-radius:20% 20% 50% 50%;box-shadow:inset 0 -20px #00c8ef}
#teeth-tool{position:absolute;width:105px;height:100px;min-height:0;left:22%;top:74%;transform:translate(-50%,-50%);background:transparent!important;border:0;box-shadow:none;padding:0;z-index:5;cursor:grab;touch-action:none}#teeth-tool svg{width:100%;height:100%;pointer-events:none;filter:drop-shadow(2px 3px #123d6155)}
.teeth-brush,.teeth-cup,.paste-drop,.brush-paste{display:none}.brush-target{position:absolute;left:63%;top:65%;width:32%;height:28%;pointer-events:none}.brush-target .teeth-brush{display:block;width:100%;height:100%}
[data-stage="1"] .paste-cap{display:none}[data-stage="1"] .paste-drop,[data-stage="2"] .brush-paste{display:block}
[data-stage="2"] #teeth-tool{width:145px}[data-stage="2"] .teeth-tube,[data-stage="4"] .teeth-tube,[data-stage="5"] .brush-target,[data-stage="2"] .brush-target,[data-stage="3"] .brush-target,[data-stage="4"] .brush-target{display:none}[data-stage="2"] #teeth-tool .teeth-brush,[data-stage="4"] .teeth-cup{display:block}
.teeth-sparkle{display:none;position:absolute;inset:25% 10%;color:#ffed36;font-size:40px;text-align:center;pointer-events:none;z-index:6}[data-stage="5"] .teeth-sparkle{display:block}
.spit-stream{display:none;position:absolute;left:46%;top:62%;width:11%;height:30%;background:repeating-linear-gradient(0deg,#fff 0 7px,transparent 8px 14px);z-index:4;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.spitting .spit-stream,.rinsing .spit-stream{display:block;animation:spit-flow .3s linear infinite}.rinsing .spit-stream{background:repeating-linear-gradient(0deg,#a6f0ff 0 7px,transparent 8px 14px)}.spitting #teeth-foam{animation:foam-away .9s forwards}
#teeth-progress{width:100%;height:18px;accent-color:#008d58;margin-top:12px}
@keyframes spit-flow{to{background-position:0 14px}}@keyframes foam-away{to{opacity:0;translate:0 60px}}
@media(max-height:650px){.teeth-scene{height:220px}}@media(prefers-reduced-motion:reduce){.spit-stream,#teeth-foam{animation:none!important}.spitting #teeth-foam{opacity:0!important}}
/* Keep the eyes above the enlarged mouth in the close-up. */
#teeth-face{top:-48%}