.pw-app{--pw-ink:#173a4f;--pw-aqua:#1aa3dc;--pw-deep:#0c5f8c;--pw-sun:#ffc21a;--pw-sun-deep:#b9800a;--pw-cream:#f5fbff;--pw-night:rgba(14,42,60,0.72);--play-accent:#0f7fb5;--play-ink:#173a4f;--play-paper:#f5fbff;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#bfe4fb;color:#fff}.pw-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none;cursor:crosshair}.pw-app:not([data-phase=wash]):not([data-phase=ending]) :is(.pw-head,.pw-meters,.pw-controls,.pw-keys,.pw-hint,.pw-chips,.pw-reticle){display:none}.pw-app[data-phase=ending] :is(.pw-controls,.pw-hint,.pw-reticle,.pw-keys){display:none}.pw-app:is([data-phase=menu],[data-phase=result],[data-phase=loading]) .pw-toast{display:none}.pw-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);display:grid;grid-template-columns:44px 1fr 44px;align-items:center;grid-gap:8px;gap:8px;padding:0 12px;pointer-events:none}.pw-head>*{pointer-events:auto}.pw-icon-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:var(--pw-night);color:#fff;border:2px solid rgba(255,255,255,.85);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pw-icon-btn .off,.pw-icon-btn[aria-pressed=true] .on{display:none}.pw-icon-btn[aria-pressed=true] .off{display:inline}.pw-pill{justify-self:center;display:inline-flex;align-items:center;gap:12px;height:44px;padding:0 8px 0 18px;border-radius:22px;background:var(--pw-night);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none}.pw-pill span{font:800 17px/1 Playful,sans-serif;letter-spacing:.3px;white-space:nowrap}.pw-pill b{font:800 18px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:var(--pw-cream);color:var(--pw-ink);border-radius:14px;padding:6px 10px;min-width:52px;text-align:center}.pw-pill b.low{background:#ff5a3c;color:#fff;animation:pw-beat 1s infinite}@keyframes pw-beat{50%{transform:scale(1.1)}}.pw-meters{position:absolute;z-index:4;left:12px;right:12px;top:calc(env(safe-area-inset-top, 0px) + 62px);display:grid;grid-template-columns:1.25fr 1fr;grid-gap:8px;gap:8px;pointer-events:none;max-width:460px;margin:0 auto}.pw-meter{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;grid-column-gap:8px;column-gap:8px;grid-row-gap:5px;row-gap:5px;padding:7px 11px 8px;border-radius:16px;background:var(--pw-night);border:2px solid rgba(255,255,255,.8);box-shadow:0 3px 0 rgba(0,0,0,.22);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pw-meter span{font:800 10px/1 Playful,sans-serif;letter-spacing:1.2px;opacity:.85}.pw-meter b{justify-self:end;font:800 19px/1 Playful,sans-serif;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pw-meter i{grid-column:1/-1;position:relative;height:9px;background:rgba(255,255,255,.18);overflow:hidden}.pw-meter em,.pw-meter i{display:block;border-radius:6px}.pw-meter em{height:100%;width:0;transition:width .12s linear}.pw-meter-clean em{background:linear-gradient(90deg,#8ff0c8,#3fd6a0)}.pw-meter-clean b{color:#9ff5d0}.pw-meter-clean u{position:absolute;left:95%;top:-2px;bottom:-2px;width:2px;background:#fff;border-radius:1px}.pw-meter-clean.done{border-color:#9ff5d0}.pw-meter-water em{background:linear-gradient(90deg,#66c7ff,#1aa3dc)}.pw-meter-water b{color:#9fdcff}.pw-meter-water.low{border-color:#ff8a6a;animation:pw-beat 1s infinite}.pw-meter-water.low b{color:#ffb19c}.pw-chips{position:absolute;inset:0;z-index:5;pointer-events:none}.pw-chip{position:absolute;left:0;top:0;margin:-78px 0 0 -54px;width:108px;padding:6px 4px 7px;border-radius:14px;cursor:pointer;background:var(--pw-sun);color:#3d2a00;border:3px solid #fff;box-shadow:0 4px 0 var(--pw-sun-deep),0 8px 18px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;gap:1px;pointer-events:auto;opacity:.6}.pw-chip:after{content:"";position:absolute;left:50%;bottom:-11px;margin-left:-8px;border:8px solid transparent;border-top-color:#fff;border-bottom:0}.pw-chip.ready{opacity:1;animation:pw-bob .9s ease-in-out infinite}.pw-chip b{font:800 13px/1 Playful,sans-serif;letter-spacing:.5px}.pw-chip span{font:700 11px/1.1 Playful,sans-serif}@keyframes pw-bob{50%{margin-top:-86px}}.pw-reticle{position:absolute;z-index:5;left:0;top:0;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;border:2px dashed rgba(255,255,255,.85);box-shadow:0 0 0 1px rgba(0,0,0,.15);pointer-events:none;opacity:0;transition:opacity .12s,width .15s,height .15s,margin .15s}.pw-reticle.show{opacity:.9}.pw-reticle.narrow{width:24px;height:24px;margin:-12px 0 0 -12px;border-style:solid;border-color:#ff8a7a}.pw-toast{position:absolute;z-index:7;left:50%;top:27%;transform:translate(-50%,10px) scale(.9);opacity:0;pointer-events:none;font:800 23px/1.15 Playful,sans-serif;color:#fff;text-align:center;width:max-content;max-width:calc(100% - 32px);-webkit-text-stroke:6px var(--pw-deep);paint-order:stroke fill;text-shadow:0 4px 0 var(--pw-deep);transition:opacity .2s,transform .3s cubic-bezier(.3,1.6,.5,1)}.pw-toast.show{opacity:1;transform:translate(-50%)}.pw-toast.good{-webkit-text-stroke-color:#17865d;text-shadow:0 4px 0 #17865d}.pw-toast.warn{-webkit-text-stroke-color:#b46a00;text-shadow:0 4px 0 #b46a00}.pw-toast.bad{-webkit-text-stroke-color:#b3261e;text-shadow:0 4px 0 #b3261e}.pw-hint{position:absolute;z-index:5;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 102px);transform:translateX(-50%);margin:0;padding:8px 14px;border-radius:14px;background:var(--pw-night);border:2px solid rgba(255,255,255,.6);font:700 14px/1.25 Playful,sans-serif;text-align:center;width:max-content;max-width:calc(100% - 40px);opacity:0;transition:opacity .3s;pointer-events:none}.pw-hint.show{opacity:1}.pw-controls{position:absolute;z-index:6;left:14px;bottom:calc(env(safe-area-inset-bottom, 0px) + 16px);display:flex;gap:0;padding:4px;border-radius:24px;background:var(--pw-night);border:2px solid rgba(255,255,255,.85);box-shadow:0 4px 0 rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.pw-noz{width:96px;height:66px;border-radius:19px;border:0;cursor:pointer;padding:4px 0 0;touch-action:none;background:transparent;color:rgba(255,255,255,.75);display:flex;flex-direction:column;align-items:center;gap:1px;transition:background .15s,color .15s,transform .15s}.pw-noz svg{width:26px;height:22px}.pw-noz strong{font:800 15px/1 Playful,sans-serif;letter-spacing:.8px}.pw-noz small{font:700 10px/1 Playful,sans-serif;opacity:.8}#pw-wide.on{background:#38c25a;color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 3px 0 #1f7a37}#pw-narrow.on{background:#e8392f;color:#fff;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 3px 0 #8c1c15}.pw-noz:active{transform:translateY(2px)}.pw-keys{display:none}@media (hover:hover) and (pointer:fine){.pw-keys{display:block;position:absolute;z-index:5;left:50%;bottom:12px;transform:translateX(-50%);font:700 12px/1 Playful,sans-serif;color:rgba(255,255,255,.92);text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;pointer-events:none}}.playful-game .pw-menu,.playful-game .pw-results{background:linear-gradient(180deg,rgba(20,60,90,0) 34%,rgba(20,60,90,.42));backdrop-filter:none;-webkit-backdrop-filter:none;justify-content:flex-start;padding:40vh 14px calc(env(safe-area-inset-bottom, 0px) + 14px)}.playful-game .pw-results{padding-top:33vh}.pw-card{width:min(440px,100%);margin:auto auto 0;flex:none;background:var(--pw-cream);color:var(--pw-ink);border:3px solid #fff;border-radius:28px;padding:14px 14px 16px;box-shadow:0 7px 0 #9cc8e0,0 20px 50px rgba(10,40,60,.3);text-align:center}.pw-kicker{display:inline-block;font:800 11px/1 Playful,sans-serif;letter-spacing:2px;color:var(--pw-deep);background:#dcf1fc;border-radius:10px;padding:5px 10px}.pw-logo{margin:4px 0 8px;font:800 38px/.95 Playful,sans-serif;letter-spacing:.5px;color:#fff;-webkit-text-stroke:3px var(--pw-aqua);paint-order:stroke fill;text-shadow:0 5px 0 var(--pw-deep);transform:rotate(-2deg)}.pw-items{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.pw-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:16px;cursor:pointer;background:#fff;border:2px solid #d6e9f5;color:var(--pw-ink);transition:transform .15s,border-color .15s}.pw-item i{font-style:normal;font-size:26px;line-height:1.1}.pw-item strong{font:800 11.5px/1.1 Playful,sans-serif}.pw-item small{font-size:11px;color:#f0a81a;letter-spacing:1px}.pw-item small span{color:#d6e2ea}.pw-item.on{border-color:var(--pw-aqua);background:#e9f7ff;transform:translateY(-2px);box-shadow:0 3px 0 var(--pw-aqua)}.pw-blurb{margin:8px 0 6px;font:700 13.5px/1.3 Playful,sans-serif;color:#3d6378;min-height:2.6em}.pw-rules{list-style:none;margin:0 0 12px;padding:0;text-align:left;display:grid;grid-gap:4px;gap:4px}.pw-rules li{display:flex;gap:6px;align-items:baseline;font:600 12.5px/1.3 Playful,sans-serif;color:#2f5468}.pw-rules li span{flex:none;width:18px;text-align:center}.pw-rules li p{margin:0}.playful-game .pw-card button.big{width:100%;background:var(--pw-sun);color:#3d2a00;border-color:var(--pw-sun-deep);box-shadow:inset 0 3px 0 #ffe58a,0 5px 0 var(--pw-sun-deep);font-size:24px}.pw-best{margin:10px 0 0;font:700 12px/1.2 Playful,sans-serif;color:#5f8296}.pw-r-title{margin:0;font:800 30px/1 Playful,sans-serif;color:var(--play-accent)}.pw-results.lost .pw-r-title{color:#b5482a}.pw-r-line{margin:5px 0 8px;font:700 13px/1.3 Playful,sans-serif;color:#3d6378}.pw-photos{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:0 4px 6px}.pw-photos figure{margin:0;background:#fff;padding:5px 5px 4px;border-radius:6px;box-shadow:0 3px 10px rgba(10,40,60,.22)}.pw-photos figure:first-child{transform:rotate(-2.5deg)}.pw-photos figure:last-child{transform:rotate(2deg)}.pw-photos img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;background:#cfe3ee}.pw-photos img[hidden]{display:block;visibility:hidden}.pw-photos figcaption{font:800 11px/1.3 Playful,sans-serif;letter-spacing:1.5px;color:#5f8296}.pw-r-score{display:flex;align-items:baseline;justify-content:center;gap:6px}.pw-r-score b{font:800 50px/1 Playful,sans-serif;color:var(--pw-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pw-r-score span{font:800 18px/1 Playful,sans-serif;color:#7fa2b6}.pw-stars{display:flex;justify-content:center;gap:6px;margin:2px 0 6px}.pw-stars i{width:30px;height:30px;background:#dbe8f0;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .2s}.pw-stars i.on{background:#ffbf2e;transform:scale(1.18) rotate(-6deg)}.pw-r-rows{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-gap:3px;gap:3px}.pw-r-rows li{display:flex;justify-content:space-between;font:700 13px/1.25 Playful,sans-serif;color:#2f5468;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s;padding:0 6px}.pw-r-rows li.show{opacity:1;transform:none}.pw-r-rows em{font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--play-accent)}.pw-r-best{margin:0 0 8px;font:800 13px/1 Playful,sans-serif;color:#17865d;min-height:13px}.pw-r-row{display:flex;gap:10px;justify-content:center;align-items:center}.playful-game .pw-r-row .share-btn{margin-top:10px;padding:8px 14px;font-size:15px}.pw-link-btn{margin-top:10px;background:#e3f1f9;color:var(--pw-ink);border:2px solid #c6e0ee;border-radius:14px;padding:9px 14px;font:800 15px/1.2 Playful,sans-serif;cursor:pointer}.playful-game .pw-loading{background:radial-gradient(ellipse at 50% 40%,#d8f0ff,#8fcdf2)}@media (min-width:760px) and (min-aspect-ratio:1/1){.playful-game .pw-menu,.playful-game .pw-results{background:linear-gradient(90deg,rgba(20,60,90,0) 45%,rgba(20,60,90,.35));align-items:flex-end;justify-content:flex-start;padding:24px 6vw 24px 24px}.pw-card{margin:auto 0}.pw-logo{font-size:50px}.pw-meters{top:22px;left:auto;right:80px;width:380px;margin:0}.pw-head{grid-template-columns:44px auto 1fr 44px}.pw-head .pw-pill{justify-self:start}.pw-head #pw-mute{grid-column:4}.pw-controls{left:50%;transform:translateX(-50%);bottom:36px}.pw-hint{bottom:122px}}@media (max-height:700px) and (max-width:759px){.playful-game .pw-menu{padding-top:32vh}.playful-game .pw-results{padding-top:22vh}.pw-rules{display:none}}