.water-sort-module__oX6rGa__game{--ink:#332c48;--muted:#7a708e;--accent:#7958b4;width:100%;max-width:760px;color:var(--ink);background:#faf8ff;padding:24px 28px 20px;font-family:inherit;position:relative}.water-sort-module__oX6rGa__game button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.water-sort-module__oX6rGa__game button:disabled{cursor:default}.water-sort-module__oX6rGa__game button:focus-visible{outline-offset:4px;outline:3px solid #8054c2}.water-sort-module__oX6rGa__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.water-sort-module__oX6rGa__brand{align-items:center;gap:12px;display:flex}.water-sort-module__oX6rGa__brandIcon,.water-sort-module__oX6rGa__resultIcon{color:var(--accent);background:#eee5fb;border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex}.water-sort-module__oX6rGa__brand h2{letter-spacing:-.8px;margin:0;font-size:23px;font-weight:800;line-height:1.2}.water-sort-module__oX6rGa__brand p{color:var(--muted);margin:5px 0 0;font-size:12px}.water-sort-module__oX6rGa__iconButton{color:#7a6b92;background:#fff;border:1px solid #eee9f5;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:background .15s;display:inline-flex}.water-sort-module__oX6rGa__iconButton:hover{background:#eee5fb}.water-sort-module__oX6rGa__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 0;display:grid}.water-sort-module__oX6rGa__stats>div,.water-sort-module__oX6rGa__levelStat{text-align:left;background:#fff;border:1px solid #eee8f7;border-radius:17px;min-width:0;padding:12px 16px}.water-sort-module__oX6rGa__stats>*>span{color:var(--muted);align-items:center;gap:5px;min-height:17px;font-size:11px;font-weight:600;display:flex}.water-sort-module__oX6rGa__stats strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:23px;font-weight:800;line-height:1.2;display:block}.water-sort-module__oX6rGa__levelStat{color:#7450a8;background:#efe7fb;border-color:#e6daf5}.water-sort-module__oX6rGa__levelStat>span{color:#9174b0}.water-sort-module__oX6rGa__levelStat strong{white-space:nowrap;justify-content:space-between;align-items:center;gap:5px;font-size:23px;display:flex}.water-sort-module__oX6rGa__levelDots{letter-spacing:2px;font-size:13px}.water-sort-module__oX6rGa__stats .water-sort-module__oX6rGa__bestNumber{color:#9b7b39}.water-sort-module__oX6rGa__stage{background:radial-gradient(at 50% 35%,#fff 0%,#f6f0fc 85%);border:1px solid #eee8f4;border-radius:24px;margin-top:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px #fff}.water-sort-module__oX6rGa__stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#b69ccc2b .9px,#0000 1.3px) 0 0/22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#0008);mask-image:linear-gradient(#0000,#0008)}.water-sort-module__oX6rGa__stageResult{min-height:390px}.water-sort-module__oX6rGa__instruction{color:#827393;justify-content:center;align-items:center;gap:7px;min-height:54px;padding:12px 18px 0;display:flex}.water-sort-module__oX6rGa__instruction p{text-align:center;margin:0;font-size:12px;line-height:1.5}.water-sort-module__oX6rGa__instructionDot{background:#b295d4;border-radius:50%;flex-shrink:0;width:5px;height:5px}.water-sort-module__oX6rGa__feedback{color:#a17658}.water-sort-module__oX6rGa__feedback .water-sort-module__oX6rGa__instructionDot{background:#c19a73}.water-sort-module__oX6rGa__board{isolation:isolate;flex-wrap:wrap;place-content:center;align-items:center;gap:36px 26px;max-width:570px;margin:0 auto;padding:36px 22px 38px;display:flex;position:relative}.water-sort-module__oX6rGa__tubeButton{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;flex:0 0 76px;align-items:center;width:76px;height:178px;padding:0 7px;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.water-sort-module__oX6rGa__tubeButton:after{content:"";filter:blur(4px);z-index:-1;background:#77698e1c;border-radius:50%;width:60px;height:9px;position:absolute;bottom:27px}.water-sort-module__oX6rGa__glass{border-radius:5px 5px 25px 25px;flex-shrink:0;width:68px;height:151px;transition:box-shadow .15s;display:block;position:relative}.water-sort-module__oX6rGa__tubeArt{object-fit:fill;pointer-events:none;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.water-sort-module__oX6rGa__liquids{border-radius:0 0 17px 17px;flex-direction:column;display:flex;position:absolute;inset:7.5% 14% 8.5%;overflow:hidden}.water-sort-module__oX6rGa__cell{flex:1 0 25%;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.water-sort-module__oX6rGa__liquid{background:var(--liquid);box-shadow:inset 0 -1px #ffffff36}.water-sort-module__oX6rGa__liquid:before{content:"";background:linear-gradient(90deg,#ffffff4d,#0000 30% 72%,#332c4821),linear-gradient(#ffffff1a,#0000 50%,#332c4810);position:absolute;inset:0}.water-sort-module__oX6rGa__surface{border-top:2px solid var(--light);border-radius:6px 6px 0 0}.water-sort-module__oX6rGa__surface:after{content:"";background:var(--light);opacity:.8;border-radius:50%;height:6px;position:absolute;top:-2px;left:0;right:0;box-shadow:inset 0 -1px #fff7}.water-sort-module__oX6rGa__symbol{color:#352344a6;text-shadow:0 1px #ffffff45;font-size:13px;line-height:1;position:relative}.water-sort-module__oX6rGa__tubeNumber{color:#a496b4;font-variant-numeric:tabular-nums;letter-spacing:1px;border-radius:8px;justify-content:center;align-items:center;width:25px;height:20px;margin-top:7px;font-size:10px;font-weight:800;display:inline-flex}.water-sort-module__oX6rGa__done{color:#518a69;letter-spacing:0;background:#dcefe4}@media (hover:hover){.water-sort-module__oX6rGa__tubeButton:not(:disabled):hover .water-sort-module__oX6rGa__glass{box-shadow:0 0 0 3px #e5d7f744}}.water-sort-module__oX6rGa__tubeButton:not(:disabled):active{transform:translateY(-3px)}.water-sort-module__oX6rGa__selected{transform:translateY(-11px)}.water-sort-module__oX6rGa__selected .water-sort-module__oX6rGa__glass{box-shadow:0 0 0 4px #e5d7f766,0 9px 24px #7958b428}.water-sort-module__oX6rGa__selected .water-sort-module__oX6rGa__tubeNumber{color:#7958b4;background:#e8dcf7}.water-sort-module__oX6rGa__available .water-sort-module__oX6rGa__glass{box-shadow:0 0 0 2px #c1add82b}.water-sort-module__oX6rGa__available .water-sort-module__oX6rGa__tubeNumber{color:#987bb7;background:#eee5f7}.water-sort-module__oX6rGa__invalid .water-sort-module__oX6rGa__glass{box-shadow:0 0 0 3px #edd9c84d}.water-sort-module__oX6rGa__invalid{animation:.2s ease-out water-sort-module__oX6rGa__reject}.water-sort-module__oX6rGa__hintFrom .water-sort-module__oX6rGa__glass,.water-sort-module__oX6rGa__hintTo .water-sort-module__oX6rGa__glass{box-shadow:0 0 0 4px #ead6a24d}.water-sort-module__oX6rGa__hintBadge{color:#fff;z-index:3;background:#ab883c;border:3px solid #faf8ff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:10px;font-weight:800;display:grid;position:absolute;top:-11px;right:-1px}.water-sort-module__oX6rGa__pouring{animation:water-sort-module__oX6rGa__tilt var(--pour-duration,.46s) ease-in-out;transform-origin:50% 75%;z-index:3}.water-sort-module__oX6rGa__draining{animation:water-sort-module__oX6rGa__drain var(--pour-duration,.46s) ease-in-out forwards;transform-origin:bottom}.water-sort-module__oX6rGa__filling{animation:water-sort-module__oX6rGa__fill var(--pour-duration,.46s) ease-in-out forwards;transform-origin:bottom}.water-sort-module__oX6rGa__receiving .water-sort-module__oX6rGa__glass{box-shadow:0 0 0 4px #e5d7f766}.water-sort-module__oX6rGa__stream{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.water-sort-module__oX6rGa__stream path{stroke-width:6px;vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round;stroke-dasharray:1;animation:water-sort-module__oX6rGa__flow var(--pour-duration,.46s) ease-in-out forwards}.water-sort-module__oX6rGa__stream .water-sort-module__oX6rGa__streamHighlight{stroke-width:2px;opacity:.65}.water-sort-module__oX6rGa__stuck{color:#9c6b45;text-align:center;margin:0;padding:0 20px 15px;font-size:12px}.water-sort-module__oX6rGa__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding-top:20px;display:grid}.water-sort-module__oX6rGa__tools{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:8px;display:grid}.water-sort-module__oX6rGa__displayTools{align-items:center;gap:8px;display:flex}.water-sort-module__oX6rGa__toolButton{color:#746583;background:#fff;border:1px solid #eee8f4;border-radius:14px;justify-content:center;align-items:center;gap:7px;min-width:0;height:48px;padding:0 10px;font-size:12px;font-weight:650;transition:transform .12s,background .12s;display:flex}.water-sort-module__oX6rGa__toolButton svg{flex-shrink:0}.water-sort-module__oX6rGa__toolButton>span{white-space:nowrap}.water-sort-module__oX6rGa__toolButton:active:not(:disabled){transform:translateY(2px)}.water-sort-module__oX6rGa__toolButton:hover:not(:disabled){background:#eee5fb}.water-sort-module__oX6rGa__toolButton:disabled{opacity:.4}.water-sort-module__oX6rGa__displayTools>button:last-child{border-radius:14px;min-height:48px}.water-sort-module__oX6rGa__overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;background:#faf8ffd9;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.water-sort-module__oX6rGa__loading{color:var(--muted);font-size:14px}.water-sort-module__oX6rGa__loadingPanel{text-align:center}.water-sort-module__oX6rGa__loadingPanel p{margin:0 0 20px}.water-sort-module__oX6rGa__result{text-align:center;background:#fff;border:1px solid #ede3f5;border-radius:24px;width:100%;max-width:310px;max-height:100%;padding:16px;overflow-y:auto;box-shadow:0 10px 40px #4c30671c}.water-sort-module__oX6rGa__resultIcon{border-radius:20px;width:58px;height:58px;margin:0 auto 15px}.water-sort-module__oX6rGa__result h3,.water-sort-module__oX6rGa__dialog h3{letter-spacing:-.5px;margin:0 0 9px;font-size:23px;font-weight:800;line-height:1.3}.water-sort-module__oX6rGa__result p,.water-sort-module__oX6rGa__dialog p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.water-sort-module__oX6rGa__resultStats{justify-content:center;gap:18px;margin:18px 0;display:flex}.water-sort-module__oX6rGa__resultStats>span{color:var(--muted);min-width:75px;font-size:11px}.water-sort-module__oX6rGa__resultStats strong{color:var(--ink);margin-top:3px;font-size:26px;font-weight:800;display:block}.water-sort-module__oX6rGa__primary,.water-sort-module__oX6rGa__secondary{border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:11px 20px;font-size:13px;font-weight:700;display:inline-flex}.water-sort-module__oX6rGa__primary{color:#fff;background:#7958b4;box-shadow:0 4px #624392}.water-sort-module__oX6rGa__primary:hover{background:#6b49a4}.water-sort-module__oX6rGa__result .water-sort-module__oX6rGa__primary{width:100%}.water-sort-module__oX6rGa__secondary{color:#7a698b;background:#f2edf8}.water-sort-module__oX6rGa__textButton{color:#8f7aa7;background:0 0;border:0;min-height:40px;margin:13px auto 0;font-size:12px;display:block}.water-sort-module__oX6rGa__dialog{width:min(430px,100vw - 28px);max-height:calc(100dvh - 28px);color:var(--ink);background:#fff;border:1px solid #ede6f4;border-radius:25px;margin:auto;padding:0;position:fixed;inset:0;box-shadow:0 24px 90px #23173144}.water-sort-module__oX6rGa__dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#33234366}.water-sort-module__oX6rGa__dialogContent{text-align:center;max-height:min(85dvh,100dvh - 30px);padding:30px;position:relative;overflow-y:auto}.water-sort-module__oX6rGa__dialogClose{border:0;width:40px;height:40px;position:absolute;top:10px;right:10px}.water-sort-module__oX6rGa__dialogActions{justify-content:center;gap:10px;margin-top:23px;display:flex}.water-sort-module__oX6rGa__levelGrid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px;display:grid}.water-sort-module__oX6rGa__levelTile{color:#8e799f;background:#f8f5fc;border:1px solid #e8e0f2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:59px;display:flex}.water-sort-module__oX6rGa__levelTile strong{font-size:15px;font-weight:750}.water-sort-module__oX6rGa__levelTile:disabled{color:#c5bdce;background:#f9f8fa;border-color:#f1edf5}.water-sort-module__oX6rGa__levelTile.water-sort-module__oX6rGa__current{color:#fff;background:#7958b4;border-color:#7958b4}.water-sort-module__oX6rGa__tileDot{background:currentColor;border-radius:50%;width:4px;height:4px;margin:5px 0;display:inline-block}.water-sort-module__oX6rGa__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes water-sort-module__oX6rGa__flow{0%,12%{stroke-dashoffset:1px;opacity:0}25%{opacity:1}65%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes water-sort-module__oX6rGa__tilt{0%,to{transform:translateY(0)rotate(0)}35%,60%{transform:translateY(-14px) rotate(var(--pour-tilt,24deg))}}@keyframes water-sort-module__oX6rGa__drain{0%,20%{opacity:1;transform:scaleY(1)}85%,to{opacity:0;transform:scaleY(0)}}@keyframes water-sort-module__oX6rGa__fill{0%,18%{opacity:0;transform:scaleY(0)}85%,to{opacity:1;transform:scaleY(1)}}@keyframes water-sort-module__oX6rGa__reject{0%,to{translate:0}30%{translate:-3px}65%{translate:3px}}@media (max-width:600px){.water-sort-module__oX6rGa__game{padding:18px 14px 14px}.water-sort-module__oX6rGa__brand h2{font-size:21px}.water-sort-module__oX6rGa__brand p{font-size:11px}.water-sort-module__oX6rGa__brandIcon{border-radius:15px;width:44px;height:44px}.water-sort-module__oX6rGa__stats{gap:8px;margin-top:20px}.water-sort-module__oX6rGa__stats>div,.water-sort-module__oX6rGa__levelStat{border-radius:14px;padding:11px 10px}.water-sort-module__oX6rGa__stats strong,.water-sort-module__oX6rGa__levelStat strong{font-size:20px}.water-sort-module__oX6rGa__levelDots{display:none}.water-sort-module__oX6rGa__stage{border-radius:20px}.water-sort-module__oX6rGa__instruction{min-height:47px;padding:10px 12px 0}.water-sort-module__oX6rGa__instruction p{font-size:11px}.water-sort-module__oX6rGa__stageResult{min-height:370px}.water-sort-module__oX6rGa__board{gap:28px 8px;max-width:420px;padding:28px 10px 30px}.water-sort-module__oX6rGa__tubeButton{--tube-size:clamp(44px, calc((100vw - 100px) / 5), 58px);width:var(--tube-size);flex-basis:var(--tube-size);height:154px;padding:0}.water-sort-module__oX6rGa__glass{width:calc(var(--tube-size) - 4px);border-radius:4px 4px 19px 19px;height:130px}.water-sort-module__oX6rGa__liquids{border-radius:0 0 13px 13px}.water-sort-module__oX6rGa__tubeButton:after{width:calc(var(--tube-size) - 12px);bottom:22px}.water-sort-module__oX6rGa__tubeNumber{margin-top:5px}.water-sort-module__oX6rGa__symbol{font-size:11px}.water-sort-module__oX6rGa__footer{grid-template-columns:minmax(0,1fr);gap:12px;padding-top:18px}.water-sort-module__oX6rGa__tools{gap:8px}.water-sort-module__oX6rGa__displayTools{justify-content:flex-end;gap:8px}.water-sort-module__oX6rGa__toolButton{gap:6px;height:48px;padding:0 9px;font-size:12px}.water-sort-module__oX6rGa__iconButton{width:48px;height:48px}.water-sort-module__oX6rGa__displayTools>button:last-child{padding-left:14px;padding-right:14px}.water-sort-module__oX6rGa__dialogContent{padding:27px 23px}}@media (max-width:370px){.water-sort-module__oX6rGa__board{column-gap:6px}.water-sort-module__oX6rGa__toolButton{gap:5px;padding:0 7px;font-size:11px}.water-sort-module__oX6rGa__brand p{max-width:195px}.water-sort-module__oX6rGa__stats>div,.water-sort-module__oX6rGa__levelStat{padding-left:9px;padding-right:9px}.water-sort-module__oX6rGa__stats strong{font-size:18px}.water-sort-module__oX6rGa__levelStat strong{font-size:16px;line-height:1.35}}:is(:fullscreen .water-sort-module__oX6rGa__game,[data-pseudo-fullscreen] .water-sort-module__oX6rGa__game){max-height:100dvh;padding-bottom:max(16px, env(safe-area-inset-bottom));overflow-y:auto}@media (prefers-reduced-motion:reduce){.water-sort-module__oX6rGa__game *,.water-sort-module__oX6rGa__game :before,.water-sort-module__oX6rGa__game :after{transition:none!important;animation:none!important}}.water-sort-module__oX6rGa__result .water-sort-module__oX6rGa__resultIcon{border-radius:14px;width:42px;height:42px;margin-bottom:8px}.water-sort-module__oX6rGa__result h3{margin-bottom:6px;font-size:21px}.water-sort-module__oX6rGa__result p{font-size:12px;line-height:1.5}.water-sort-module__oX6rGa__resultStats{margin-block:10px}.water-sort-module__oX6rGa__resultStats strong{font-size:24px;line-height:1.1}.water-sort-module__oX6rGa__result .water-sort-module__oX6rGa__textButton{min-height:44px;margin-top:8px}