.water-sort-preview{--preview-state:paused;aspect-ratio:260/190;isolation:isolate;background:#0b172b;border-radius:6px;width:100%;max-width:390px;margin:0 auto;overflow:hidden}.water-sort-preview[data-running=true]{--preview-state:running}.water-sort-preview__scene{width:100%;height:100%;display:block;overflow:hidden}.water-sort-preview__animated{animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:var(--preview-state);transform-origin:0 0}.water-sort-preview__loop{animation-name:water-sort-preview-loop}.water-sort-preview__source--two{animation-name:preview-source-two}.water-sort-preview__source--one{animation-name:preview-source-one}.water-sort-preview__liquid--two{animation-name:preview-liquid-two}.water-sort-preview__liquid--one{animation-name:preview-liquid-one}.water-sort-preview__base{animation-name:preview-base}.water-sort-preview__destination{animation-name:preview-destination}.water-sort-preview__surface{animation-name:preview-surface}.water-sort-preview__stream-clip{animation-name:preview-stream}.water-sort-preview__cork{opacity:0;animation-name:preview-cork}.water-sort-preview__source-surface{animation-name:water-sort-preview-source-surface}.water-sort-preview__remaining-surface{opacity:0;animation-name:water-sort-preview-remaining-surface}.water-sort-preview__floor{fill:var(--preview-fill);opacity:.08}.water-sort-preview__magic{fill:color-mix(in srgb, var(--preview-fill) 18%, white)}.water-sort-preview__trail,.water-sort-preview__trail-halo{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.water-sort-preview__trail{stroke:color-mix(in srgb, var(--preview-fill) 18%, white);stroke-width:1.1px}.water-sort-preview__trail-halo{stroke:var(--preview-light);stroke-width:3px;opacity:.22}.water-sort-preview__spark{fill:#fff1ce}.water-sort-preview__seal{fill:none;stroke:#ffedb8;stroke-width:.8px;animation-name:water-sort-preview-seal}.water-sort-preview__selection{opacity:0;filter:brightness(1.8)}.water-sort-preview__selection--source{animation-name:water-sort-preview-source-selection}.water-sort-preview__selection--destination{animation-name:water-sort-preview-destination-selection}.water-sort-preview__tap{fill:none;stroke:#eee7d4;stroke-width:1.3px;opacity:0;transform-box:fill-box;transform-origin:50%}.water-sort-preview__tap--source{animation-name:water-sort-preview-source-tap}.water-sort-preview__tap--destination{animation-name:water-sort-preview-destination-tap}.water-sort-preview__impact{fill:none;stroke:var(--preview-light);stroke-width:.8px;opacity:0;transform-origin:19.5px 0;animation-name:water-sort-preview-impact}.water-sort-preview__instruction{opacity:0;pointer-events:none}.water-sort-preview__instruction rect{fill:#08111f;fill-opacity:.96;stroke:#ded7c5;stroke-opacity:.3;stroke-width:.7px}.water-sort-preview__instruction text{fill:#f6f1e6;font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:.02em;font-size:14px;font-weight:600}.water-sort-preview__instruction--select{animation-name:water-sort-preview-instruction-select}.water-sort-preview__instruction--pour{animation-name:water-sort-preview-instruction-pour}.water-sort-preview__instruction--complete{animation-name:water-sort-preview-instruction-complete}.water-sort-preview__instruction--static{display:none}@keyframes water-sort-preview-instruction-select{0%,22.5%,37.5%,to{opacity:0}25%,36%{opacity:1}}@keyframes water-sort-preview-instruction-pour{0%,38%,62.5%,to{opacity:0}40%,60%{opacity:1}}@keyframes water-sort-preview-instruction-complete{0%,62.5%,97%,to{opacity:0}65%,92%{opacity:1}}@keyframes water-sort-preview-loop{0%,92%{opacity:1}97%,98%{opacity:0}to{opacity:1}}@keyframes water-sort-preview-source-surface{0%,37.5%,to{opacity:.85}41%,97.75%{opacity:0}98%{opacity:.85}}@keyframes water-sort-preview-remaining-surface{0%,59%,98%,to{opacity:0}62.5%,97.7%{opacity:.85}}@keyframes water-sort-preview-source-selection{0%,24%,38%,to{opacity:0}27%,35%{opacity:.28}}@keyframes water-sort-preview-destination-selection{0%,32%,46%,to{opacity:0}35%,42%{opacity:.16}}@keyframes water-sort-preview-source-tap{0%,24%,34%,to{opacity:0;transform:scale(.7)}26%{opacity:.8;transform:scale(.7)}33%{opacity:0;transform:scale(1.5)}}@keyframes water-sort-preview-destination-tap{0%,31%,41%,to{opacity:0;transform:scale(.7)}33%{opacity:.8;transform:scale(.7)}40%{opacity:0;transform:scale(1.5)}}@keyframes water-sort-preview-impact{0%,44%,61%,to{opacity:0;transform:scale(.7)}46%,51%,56%{opacity:.7;transform:scale(.8)}49%,54%,59%{opacity:0;transform:scale(1.7)}}@keyframes water-sort-preview-seal{0%,71.5%,81%,to{opacity:0}73%{opacity:.85}79%{opacity:0}}.water-sort-preview[data-empty] .water-sort-preview__loop{animation:none}.water-sort-preview[data-empty] :is(.water-sort-preview__magic,.water-sort-preview__cork,.water-sort-preview__tap){display:none}@media (prefers-reduced-motion:reduce){.water-sort-preview__animated{animation:none!important}.water-sort-preview__loop{opacity:1}.water-sort-preview__source{transform:none}.water-sort-preview__base,.water-sort-preview__destination,.water-sort-preview__liquid--one{clip-path:inset(57.624% 0 0)}.water-sort-preview__liquid--two{clip-path:inset(20.625% 0 42.376%)}.water-sort-preview__surface{transform:translateY(57.624px)}.water-sort-preview__source-surface{opacity:.85}.water-sort-preview__remaining-surface,.water-sort-preview__selection{opacity:0}.water-sort-preview__instruction{display:none}.water-sort-preview__instruction--static{opacity:1;display:inline}.water-sort-preview :is(.water-sort-preview__magic,.water-sort-preview__cork,.water-sort-preview__tap,.water-sort-preview__stream,.water-sort-preview__impact){display:none}}
.CompletionOverlay-module__8K6L1G__overlay{z-index:50;color:#fff3d9;background:#020514e0;justify-content:center;align-items:center;padding:24px 20px;animation:.25s ease-out CompletionOverlay-module__8K6L1G__dim;display:flex;position:absolute;inset:0;overflow:auto}.CompletionOverlay-module__8K6L1G__content{z-index:1;text-align:center;width:100%;max-width:350px;margin:auto;animation:.4s ease-out CompletionOverlay-module__8K6L1G__arrive;position:relative}.CompletionOverlay-module__8K6L1G__content h2{letter-spacing:-1px;text-shadow:0 3px #342940;margin:0 0 10px;font-size:clamp(32px,8vw,44px);font-weight:900;line-height:1.1}.CompletionOverlay-module__8K6L1G__content header p{margin:0;font-size:20px;font-weight:750}.CompletionOverlay-module__8K6L1G__reward{filter:drop-shadow(0 0 20px #eec54f55);width:clamp(92px,20vh,150px);height:auto;margin:22px auto 0;animation:.65s ease-out CompletionOverlay-module__8K6L1G__reward}.CompletionOverlay-module__8K6L1G__rank{color:#f6d782;margin:28px 0 20px;font-size:24px;font-weight:800}.CompletionOverlay-module__8K6L1G__path{justify-content:center;align-items:center;gap:0;display:flex}.CompletionOverlay-module__8K6L1G__node{color:#fff;background:#071126;border:2px solid #a4b9e1;border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;height:34px;font-size:23px;font-weight:800;display:flex;position:relative}.CompletionOverlay-module__8K6L1G__node+.CompletionOverlay-module__8K6L1G__node{margin-left:18px}.CompletionOverlay-module__8K6L1G__node+.CompletionOverlay-module__8K6L1G__node:before{content:"";z-index:-1;background:#8098bc;width:20px;height:4px;position:absolute;right:100%}.CompletionOverlay-module__8K6L1G__filled{background:linear-gradient(#5cebb0,#08a56b);border-color:#99f6d0;box-shadow:0 0 10px #39db9560}.CompletionOverlay-module__8K6L1G__filled:before{background:#52d7a2!important}.CompletionOverlay-module__8K6L1G__newNode{animation:.8s .3s both CompletionOverlay-module__8K6L1G__node}.CompletionOverlay-module__8K6L1G__path img{object-fit:contain;width:48px;height:48px;margin-left:10px}.CompletionOverlay-module__8K6L1G__caption{margin:18px 0 28px}.CompletionOverlay-module__8K6L1G__caption p{margin:0 0 8px;font-size:18px;font-weight:700}.CompletionOverlay-module__8K6L1G__caption small{color:#c1cbe3;font-size:14px}.CompletionOverlay-module__8K6L1G__next{color:#fff;cursor:pointer;background:linear-gradient(#46ddab,#08a578);border:2px solid #77e9bb;border-radius:32px;width:100%;min-height:58px;font-size:24px;font-weight:850;box-shadow:inset 0 3px 3px #d6fff466,0 4px #06583f}.CompletionOverlay-module__8K6L1G__next span{margin-left:12px}.CompletionOverlay-module__8K6L1G__content button:focus-visible{outline-offset:5px;outline:3px solid #fff}@keyframes CompletionOverlay-module__8K6L1G__dim{0%{background:0 0}}@keyframes CompletionOverlay-module__8K6L1G__arrive{0%{opacity:0;transform:translateY(14px)scale(.96)}}@keyframes CompletionOverlay-module__8K6L1G__reward{0%{opacity:0;transform:scale(.5)}65%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes CompletionOverlay-module__8K6L1G__node{0%{filter:brightness(.55);transform:scale(.85)}65%{transform:scale(1.15)}to{transform:scale(1)}}@media (max-height:650px){.CompletionOverlay-module__8K6L1G__overlay{padding:16px}.CompletionOverlay-module__8K6L1G__content h2{font-size:32px}.CompletionOverlay-module__8K6L1G__reward{width:90px;margin-top:14px}.CompletionOverlay-module__8K6L1G__rank{margin:18px 0 14px;font-size:22px}.CompletionOverlay-module__8K6L1G__caption{margin:14px 0 18px}}@media (prefers-reduced-motion:reduce){.CompletionOverlay-module__8K6L1G__overlay,.CompletionOverlay-module__8K6L1G__content,.CompletionOverlay-module__8K6L1G__reward,.CompletionOverlay-module__8K6L1G__newNode{animation:none}}.CompletionOverlay-module__8K6L1G__backgroundReward{text-align:left;align-items:center;gap:12px;margin:0 0 16px;font-size:15px;display:flex}.CompletionOverlay-module__8K6L1G__backgroundReward img{object-fit:cover;object-position:top;border:1px solid #859cbd;border-radius:10px;width:76px;height:60px}.CompletionOverlay-module__8K6L1G__backgroundReward small{color:#c1cbe3}.CompletionOverlay-module__8K6L1G__unlockedReward{margin-bottom:28px}.CompletionOverlay-module__8K6L1G__unlockedReward img{flex-shrink:0}.CompletionOverlay-module__8K6L1G__rewardAction{flex:1;min-width:0}.CompletionOverlay-module__8K6L1G__rewardAction p{color:#c1cbe3;margin:5px 0 0;font-size:12px;line-height:1.35}.CompletionOverlay-module__8K6L1G__keep{color:#fff;cursor:pointer;background:0 0;border:1px solid #859cbd;border-radius:14px;min-height:44px;margin:0;padding:9px 14px;font-size:14px;line-height:1.25}.CompletionOverlay-module__8K6L1G__keep:disabled{opacity:.7;cursor:default}