body{background:#edf7f6}.stage-wrap{max-width:1000px;margin:auto}.stage{min-height:0!important;height:auto!important;overflow:visible!important}.scene[hidden],[hidden]{display:none!important}#scene-intro{position:relative;min-height:550px}#hostEl{width:140px;height:180px;background:url('/assets/img/sprites/game-bath-time-panda/critter.webp') center/contain no-repeat}.intro-cluster{margin:18px auto;display:flex;align-items:center;justify-content:center;gap:20px}.intro-panel{text-align:center;padding:14px}.tagline{max-width:540px;margin:12px auto;line-height:1.6}.micro{font-size:13px}.bath-play{position:relative!important;inset:auto!important;display:flex!important;flex-direction:column;align-items:center;padding:16px 16px 24px!important;gap:8px;background:linear-gradient(#edf8fa,#e6f1ed)!important}.bath-heading{display:flex;align-items:center;gap:12px;width:100%;max-width:600px;justify-content:center}.bath-heading h2{font-size:clamp(21px,4vw,28px);line-height:1.25;margin:0;text-align:center}.bath-repeat{border:1px solid #b4d5d0;background:#fff;border-radius:50%;width:48px;height:48px;flex:0 0 48px;font-size:22px}.bath-name{font-size:14px;font-weight:800;color:#376466;margin:0}.bath-world{position:relative;width:min(100%,460px);height:300px;border-radius:32px;background:linear-gradient(#f7fcfb 63%,#c9e7e5 64%,#d7eeea);overflow:hidden;border:1px solid #c5e3df}.bath-world:after{content:'';position:absolute;bottom:4px;left:8%;right:8%;height:28px;border-radius:50%;background:#acd4d166}.bath-panda-wrap{position:absolute;height:280px;width:219px;left:50%;bottom:10px;transform:translateX(-50%);z-index:2}.bath-panda-wrap>img{width:100%;height:100%;object-fit:contain;pointer-events:none}.bath-part{position:absolute;padding:0;background:transparent!important;border:2px solid transparent!important;border-radius:50%;min-width:48px;min-height:48px;cursor:pointer;z-index:3;box-shadow:none!important}.bath-part:focus-visible{outline:4px solid #178779;outline-offset:2px}.bath-part[data-part=belly]{left:36%;top:65%;width:31%;height:20%}.bath-part[data-part=leftFoot]{left:0%;top:79%;width:31%;height:21%}.bath-part[data-part=rightFoot]{right:0%;top:79%;width:31%;height:21%}.bath-part .mud,.bath-part .drops,.bath-part .foam{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s}.bath-part.is-dirt .mud{opacity:.95;background:#825b3c;clip-path:polygon(12% 21%,29% 8%,44% 23%,68% 12%,87% 34%,78% 53%,96% 68%,70% 85%,46% 72%,26% 92%,9% 60%,24% 43%)}.bath-part.is-wet .drops{opacity:1;background:radial-gradient(ellipse at 24% 31%,#258fc8 0 5%,#caf0ff 6% 8%,transparent 9%),radial-gradient(ellipse at 68% 68%,#258fc8 0 6%,#caf0ff 7% 9%,transparent 10%),radial-gradient(ellipse at 73% 15%,#258fc8 0 4%,#caf0ff 5% 7%,transparent 8%)}.bath-part.is-foam .foam{opacity:.95;background:radial-gradient(circle at 35% 30%,white 0 17%,#b9e8e7 18% 20%,transparent 21%),radial-gradient(circle at 70% 58%,white 0 22%,#b9e8e7 23% 25%,transparent 26%),radial-gradient(circle at 29% 75%,white 0 16%,#b9e8e7 17% 19%,transparent 20%)}.bath-part.working{animation:bath-scrub .25s alternate 3}.bath-world[data-effect=dry] .working:after{content:'▰';color:#ddab67;font-size:70px;position:absolute;inset:-20px}.bath-stream{position:absolute;left:40%;top:0;width:25%;height:90%;opacity:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(98deg,transparent 0 8px,#57b6dc99 9px 12px,transparent 13px 20px);transform:rotate(-12deg)}.bath-world[data-effect=water] .bath-stream,.bath-world[data-effect=rinse] .bath-stream{opacity:1;animation:bath-water .2s linear infinite}.bath-world[data-phase=done] .bath-panda-wrap{animation:bath-happy 1s ease-in-out 2}.bath-tools{display:flex;justify-content:center;gap:12px;width:100%;max-width:460px}.bath-tool{flex:1;min-height:72px;padding:7px 12px;border:2px solid #b9d8d3;border-radius:20px;background:white;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;font-weight:750;font-size:16px;line-height:1.2;color:#294b50}.bath-tool>span:first-child{font-size:29px}.bath-tool.in-use{background:#fff3d7;border-color:#d4ad64}.bath-choice{display:flex;flex-direction:column;align-items:center;padding:7px 20px;border:2px solid #b9d8d3;border-radius:20px;background:white;color:#294b50;font-family:inherit;font-weight:750;font-size:18px;line-height:1.2;min-width:118px;gap:4px}.bath-choices{display:flex;gap:14px;justify-content:center}.bath-example{position:relative;display:block;width:59px;height:72px}.bath-example img{width:100%;height:100%;object-fit:contain}.example-mark{position:absolute;inset:45% 12% 4%}.dirty .example-mark{background:#825b3c;clip-path:polygon(10% 10%,44% 20%,65% 4%,86% 28%,68% 60%,91% 88%,45% 70%,20% 90%,5% 47%)}.wet .example-mark{background:radial-gradient(ellipse at 20% 25%,#087eb6 0 10%,#caf0ff 11% 14%,transparent 15%),radial-gradient(ellipse at 72% 60%,#087eb6 0 10%,#caf0ff 11% 14%,transparent 15%)}.bath-help{font-size:14px;margin:0;text-align:center;color:#426568}.bath-feedback{font-size:15px;min-height:22px;max-width:550px;margin:0;text-align:center;color:#795124}.bath-next{padding:14px 22px;font-size:18px;border:0;border-radius:22px;background:#287d6b;color:white;min-height:52px}.bath-tool:disabled,.bath-choice:disabled{opacity:.8}.bath-play button:focus-visible{outline:3px solid #137867;outline-offset:3px}@keyframes bath-scrub{to{transform:translateX(8px) rotate(10deg)}}@keyframes bath-water{to{background-position:4px 15px}}@keyframes bath-happy{50%{transform:translateX(-50%) translateY(-9px) rotate(3deg)}}@media(max-width:480px){.bath-play{padding:12px 10px 18px!important;gap:7px}.bath-world{height:275px}.bath-panda-wrap{height:255px;width:199px}.bath-tools{gap:8px}.bath-tool{min-height:66px;padding:5px}.bath-heading h2{font-size:23px}.stage-bar .title{font-size:13px!important}.bath-example{height:57px;width:47px}.bath-choice{min-width:112px;padding:5px 15px}.bath-feedback{font-size:14px;min-height:20px}.intro-cluster{gap:8px}.intro-panel{padding:10px}#hostEl{width:115px;height:150px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}

.towel-icon{display:block;width:35px;height:28px;margin:2px 0;border-radius:5px;background:linear-gradient(90deg,#e3b773 0 73%,#bb8546 74% 79%,#eed1a0 80%);box-shadow:0 2px 1px #98602d44;position:relative}.towel-icon:after{content:"";position:absolute;bottom:4px;left:0;right:0;border-top:2px solid #faf0d2}
