.scene-palettes{position:absolute;right:12px;bottom:12px;display:flex;gap:7px;padding:6px;border:2px solid #fff;border-radius:21px;background:#fff8f2ed;box-shadow:0 4px 12px #39335c22;z-index:4}
.scene-palettes button{width:44px;height:44px;min-width:44px;border:3px solid transparent;border-radius:14px;background:#e6def3;display:grid;place-content:center;cursor:pointer;padding:3px;touch-action:manipulation}
.scene-palettes button span{display:block;width:27px;height:27px;border:2px solid #fff;border-radius:50%;background:conic-gradient(var(--scheme-a) 0 33%,var(--scheme-b) 33% 66%,var(--scheme-c) 66%);box-shadow:0 2px 3px #3332}
.scene-palettes button[aria-pressed=true]{border-color:#553099;background:#e6d9ff}.scene-palettes button:focus-visible{outline:3px solid #da6042;outline-offset:2px}
[data-complete=true] .scene-palettes{display:none}
#dress-screen{background:#e9ddfa;--dress-ink:#52336c}.dress-stage{background:#d6c9f5}.dress-wardrobe{background:linear-gradient(145deg,#fff9f1,#f0e0fa);border-color:#fff}.dress-category-tab[aria-selected=true],.dress-piece[aria-pressed=true]{border-color:#8451bf!important;background:#eedbff!important}.dress-stage-heading h1{color:#5c3186!important}
.toy-screen{background:#d8efdb}#bath-screen{background:#cceef0}.toy-panel{background:linear-gradient(140deg,#fff9eb,#e7e5fc);box-shadow:0 5px #7e5c9d30}.toy-piece[aria-pressed=true],.toy-project[aria-pressed=true],.toy-animal[aria-pressed=true]{border-color:#6c45b7;background:#e8ddfa;box-shadow:0 3px #a88acc}.toy-heading h1{color:#51317b!important}.toy-piece,.toy-project,.toy-animal{color:#503c69}
@media(max-width:600px){.scene-palettes{right:8px;bottom:8px;gap:4px;padding:4px;border-radius:17px}}

.bath-stroke-guide{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,-50%);width:68px;height:68px;border:2px dashed #fff8bf;border-radius:50%;box-shadow:0 0 0 5px #8045bb22;color:#fff;text-shadow:0 2px 3px #44305b;text-align:center}.bath-stroke-guide span{display:block;font-size:52px;line-height:60px;animation:bath-circle 3s linear infinite}.bath-stroke-guide small{display:block;position:absolute;top:70px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#7549c9e8;border:2px solid #fff;border-radius:12px;padding:4px 9px;font:800 11px Nunito,sans-serif}.bath-stroke-guide[hidden]{display:none}.bath-zone{background:conic-gradient(#ffcf36 var(--coverage,0%),#fff5 0);border-color:#fff8d0;color:#7549c9;box-shadow:0 1px 4px #52377533}@keyframes bath-circle{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.bath-stroke-guide span{animation:none}}

.dress-turn{left:12px;transform:none}@media(max-width:600px){.dress-turn span{display:none}.dress-turn{gap:7px;padding:5px;bottom:12px}}

.dress-stage-heading>div{padding:8px 12px;background:#fff7f0e8;border:2px solid #fff;border-radius:18px}.dress-kicker{color:#79618c}@media(max-width:600px){.dress-stage-heading>div{padding:6px 8px}.dress-kicker{font-size:8px}}
.dress-turn{width:max-content;justify-content:flex-start}.dress-turn button{width:44px;height:44px}@media(max-height:599px){.dress-turn span{display:none}.dress-turn{gap:7px;padding:5px;bottom:10px}}

#bath-tools .toy-piece,#bath-tools .toy-piece img{touch-action:none}.bath-keyboard-zone{opacity:0;pointer-events:none}.bath-keyboard-zone:focus-visible{opacity:1;pointer-events:auto}.bath-stroke-guide{width:138px;height:138px;border:0;box-shadow:none;background:transparent}.bath-stroke-guide:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffd349 var(--progress,0%),#ffffff66 0);mask:radial-gradient(transparent 65%,#000 66%);-webkit-mask:radial-gradient(transparent 65%,#000 66%)}.bath-stroke-guide span{font-size:103px;line-height:132px;opacity:.65}.bath-stroke-guide small{top:141px}.bath-stroke-guide b{position:absolute;left:50%;top:104px;transform:translateX(-50%);font:900 15px Nunito,sans-serif;background:#7549c9dd;color:white;padding:3px 9px;border:2px solid white;border-radius:20px}.bath-stroke-guide.is-moving span{opacity:.18}@media(max-width:600px){.bath-stroke-guide{width:108px;height:108px}.bath-stroke-guide span{font-size:81px;line-height:102px}.bath-stroke-guide b{top:78px}.bath-stroke-guide small{top:111px}}

#bath-tools .toy-tool:disabled:not(.is-done){opacity:.46}#bath-tools .toy-tool:disabled{cursor:default}

#bath-tools .toy-tool.is-next{opacity:1;border:3px solid #f3ad2f;background:#fff3c7;box-shadow:0 0 0 5px #ffcf5b44;animation:bath-choose 1.5s ease-in-out infinite}@keyframes bath-choose{50%{box-shadow:0 0 0 8px #ffcf5b22}}@media(prefers-reduced-motion:reduce){#bath-tools .toy-tool.is-next{animation:none}}