.clean-game{background:#faf8ed;padding:22px!important;overflow:hidden}.clean-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.clean-heading h2{font-size:46px!important;letter-spacing:-1px}.clean-heading h2 em{color:#7160a5}.clean-tag{font-size:9px;letter-spacing:1px;border:1px solid #c6c5b5;border-radius:30px;padding:10px;white-space:nowrap}.clean-score{display:flex;gap:14px;align-items:center;margin:8px 0 13px;font-size:10px;font-weight:800;letter-spacing:.5px}.clean-score>span{min-width:152px}.clean-meter{height:9px;border-radius:20px;background:#e3e1d4;overflow:hidden;flex:1}.clean-meter i{display:block;width:0%;height:100%;background:#9fba2c;transition:width .2s}.clean-score strong{min-width:39px;font-size:18px}.clean-stage{position:relative;isolation:isolate;aspect-ratio:1200/740;border-radius:13px;overflow:hidden;background:#c8c2bb;border:2px solid #26332a;user-select:none;-webkit-user-select:none}.clean-room-art{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.clean-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2;cursor:crosshair;transition:opacity .7s}.clean-stage canvas:focus-visible{outline:5px solid #d8ff39;outline-offset:-7px}.clean-wet{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 60% 55%,#d8ff3970 0%,#b9e47030 35%,transparent 65%);z-index:3;opacity:0;transition:opacity .5s}.clean-stage.pouring .clean-wet{opacity:1}.clean-stage.scrubbing .clean-wet{opacity:.2}.clean-sponge{position:absolute;left:50%;top:50%;width:64px;height:40px;border:3px solid #514526;border-bottom:9px solid #96af41;background:#fff693;border-radius:12px;z-index:5;pointer-events:none;transform:translate(-50%,-50%) rotate(-13deg);box-shadow:0 5px 12px #1113;color:#fff;font-size:33px;text-align:center;line-height:25px;display:none}.scrubbing .clean-sponge{display:block}#clean-bottle{position:absolute;left:43%;top:22%;height:60%;width:20%;z-index:7;background:transparent;border:0;cursor:pointer;filter:drop-shadow(0 8px 6px #0005);transition:transform .6s,left .6s,top .6s,opacity .3s;touch-action:none}#clean-bottle img{height:100%;width:100%;object-fit:contain;pointer-events:none}#clean-bottle span{position:absolute;bottom:3%;left:50%;transform:translateX(-50%) rotate(-7deg);background:#d8ff39;color:#19261d;border:2px solid #19261d;border-radius:7px;padding:9px 15px;white-space:nowrap;font-size:13px;font-weight:900;box-shadow:3px 3px 0 #19261d}#clean-bottle:hover{transform:rotate(8deg) scale(1.06)}#clean-bottle:focus-visible{outline:4px dashed #d8ff39;border-radius:18px}.pouring #clean-bottle{transform:rotate(115deg);left:31%;top:0}.scrubbing #clean-bottle,.finished #clean-bottle{opacity:0;pointer-events:none}.clean-stream{position:absolute;z-index:6;left:58%;top:27%;height:44%;width:16px;background:linear-gradient(#bde253,#dcff8ec9);border-radius:50%;transform:rotate(-15deg);transform-origin:top;opacity:0;pointer-events:none}.pouring .clean-stream{opacity:.9;animation:pine-pour .7s ease-in-out infinite}.clean-bottom{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:13px}.clean-bottom p{font-size:12px;line-height:1.5;margin:0;max-width:75%}.clean-bottom button,.clean-victory button{min-height:44px;padding:10px 16px;background:#26332a;color:#d8ff39;border:0;border-radius:8px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.clean-help{font-size:10px;margin-top:12px;color:#62665b}.clean-help summary{cursor:pointer;min-height:30px}.clean-help p{line-height:1.6;max-width:650px}#clean-fx{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.clean-bubble{position:absolute;width:15px;height:15px;border:2px solid #ffffffd0;background:#dbffa84d;border-radius:50%;animation:pine-bubble .65s ease-out forwards}.clean-victory{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f7ffe8d9;backdrop-filter:blur(3px);padding:20px}.clean-victory>span{font-size:64px;color:#6e8654;line-height:1}.clean-victory h3{font-size:44px;margin:10px 0;color:#26332a;line-height:1}.clean-victory p:not(.eyebrow){font-size:15px;line-height:1.5;margin:5px 0 18px}.clean-victory .eyebrow{margin-top:15px}.finished canvas{opacity:0}.finished .clean-wet,.finished .clean-sponge{display:none}@keyframes pine-pour{50%{width:23px;opacity:.7}}@keyframes pine-bubble{to{transform:translate(var(--dx),-55px) scale(.25);opacity:0}}@media(max-width:700px){.clean-game{padding:13px!important}.clean-heading h2{font-size:34px!important}.clean-tag{display:none}.clean-score{gap:8px;font-size:8px}.clean-score>span{min-width:132px}.clean-stage{aspect-ratio:1.35}.clean-room-art{object-fit:fill;object-position:center}.clean-stage canvas{object-fit:fill}.clean-bottom{align-items:flex-start}.clean-bottom p{font-size:11px}.clean-bottom button{padding:10px;font-size:10px}#clean-bottle{left:34%;top:22%;width:32%;height:57%}#clean-bottle span{font-size:10px;padding:7px 10px}.clean-victory h3{font-size:30px}.clean-victory>span{font-size:46px}.clean-victory p:not(.eyebrow){font-size:12px}.nav .app-nav a{min-width:0;padding-inline:8px}.clean-sponge{width:48px;height:32px;font-size:23px;border-bottom-width:7px}.pouring #clean-bottle{left:20%;top:1%}}
@media(prefers-reduced-motion:reduce){.clean-bubble{animation:none;display:none}.clean-stream{animation:none!important}#clean-bottle,.clean-wet,.clean-stage canvas{transition:none}}
/* Keep the global bottle-weather gag outside the playable surface. */
body:has(#clean-room:not([hidden])) #bottle-rain,body:has(#clean-room:not([hidden])) #frog-interruption{display:none!important}
@media(max-width:700px){.nav .app-nav{grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;padding-inline:7px}.nav .app-nav a{padding-inline:2px;font-size:9px}}
.clean-options{display:flex;gap:10px;align-items:center;margin:10px 0 8px}.clean-options select{min-width:190px;background:#26332a;color:#d8ff39;border:0;border-radius:8px;min-height:42px;padding:8px 12px;font-size:11px;font-weight:800;flex:1}.clean-options button{min-height:42px;padding:8px 12px;border:1px solid #a8ae92;border-radius:8px;background:#e6ebd8;color:#26332a;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.clean-options button[aria-pressed=true]{background:#d8ff39}.clean-volume-label{display:flex;gap:8px;align-items:center;font-size:9px;white-space:nowrap}.clean-volume-label input{width:70px;accent-color:#6d8651}.clean-scene-joke{font-size:12px;margin:5px 0 10px;color:#62665b}.clean-audio-status{font-size:9px;color:#62665b;margin:9px 0 0;min-height:12px}.clean-win-actions{display:flex;gap:8px}.clean-victory h3{max-width:90%}.clean-stage{background:#c8c2bb}
@media(max-width:700px){body:has(#clean-room:not([hidden])) main{padding:0}.clean-game{border-radius:0!important;border-inline:0!important;margin-top:0!important;padding:10px 0!important}.clean-heading,.clean-options,.clean-scene-joke,.clean-score,.clean-bottom,.clean-audio-status,.clean-help{margin-inline:12px}.clean-heading h2{font-size:27px!important;margin:0!important}.clean-heading .eyebrow{display:none}.clean-options{gap:6px;margin-top:9px}.clean-options select{min-width:0;font-size:10px;padding:8px;flex:1}.clean-options button{padding:8px;font-size:9px}.clean-volume-label{gap:3px;font-size:8px}.clean-volume-label input{width:47px}.clean-scene-joke{font-size:10px;margin-block:5px 7px}.clean-score{margin-top:5px;margin-bottom:8px;gap:8px}.clean-score>span{font-size:8px;min-width:125px}.clean-score strong{font-size:15px}.clean-stage{height:clamp(390px,62svh,640px);aspect-ratio:auto;border-radius:0;border-inline:0;overflow:hidden}.clean-stage .clean-room-art,.clean-stage canvas{position:absolute;left:50%;top:0;transform:translateX(-50%);width:calc(clamp(390px,62svh,640px)*1.621622);max-width:none;height:100%;object-fit:fill}.clean-stage .clean-room-art{z-index:0}.clean-bottom p{max-width:75%;font-size:10px}.clean-bottom{margin-top:8px}.clean-help{font-size:9px;margin-top:8px}.clean-audio-status{margin-top:7px;font-size:8px}.clean-victory h3{font-size:32px;max-width:95%}.clean-win-actions{flex-wrap:wrap;justify-content:center}.clean-victory p:not(.eyebrow){font-size:13px}.clean-victory{padding:14px}#clean-bottle{left:33%;top:22%;width:34%;height:50%}.clean-sponge{width:55px;height:36px}.pouring #clean-bottle{left:15%;top:4%}}
@media(max-width:700px){.clean-stage .clean-room-art,.clean-stage canvas{left:var(--clean-focus,50%);transform:translateX(calc(-1 * var(--clean-focus,50%)))}}