@media (width>=1024px){:root .game-shell[data-slug=water-sort]{--shell-chrome:350px}}.ws{position:absolute;inset:0}.ws-board{grid-template-columns:repeat(var(--cols,5), var(--bw,48px));place-content:center;gap:10px;padding:18px 10px 10px;display:grid;position:absolute;inset:0}.ws-bottle{--tilt:18deg;width:var(--bw,48px);height:calc(var(--bw,48px) * 2.55);padding:calc(var(--bw,48px) * .3) 0 0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:12px;transition:transform .15s;position:relative}.ws-bottle:disabled{cursor:default}.ws-bottle:focus-visible{outline:3px solid var(--focus,#1f2430);outline-offset:2px}.ws-num{color:var(--text-muted);font-size:.72rem;font-weight:700;line-height:1;position:absolute;top:0;left:0;right:0}.ws-glass{border-radius:6px 6px calc(var(--bw,48px) * .45) calc(var(--bw,48px) * .45);background:#ffffffb3;border:3px solid #9aa6bd;border-top-width:2px;flex-direction:column-reverse;height:100%;padding:3px 3px 4px;display:flex;position:relative;overflow:hidden}.ws-layer{background:var(--c);flex:0 0 25%;place-items:center;display:grid;box-shadow:inset 0 -2px #0000001f}.ws-layer:first-child{border-radius:0 0 calc(var(--bw,48px) * .38) calc(var(--bw,48px) * .38)}.ws-sym{fill:#ffffffd9;stroke:#00000038;stroke-width:1px;width:46%;height:auto;max-height:80%}.ws-done{top:calc(var(--bw,48px) * .08);color:#fff;background:#157f60;border-radius:50%;width:20px;height:20px;font-size:.75rem;font-weight:800;line-height:20px;display:none;position:absolute;right:-4px}.ws-bottle.is-done .ws-done{display:block}.ws-bottle.is-done .ws-glass{border-color:#157f60}.ws-bottle.is-selected{transform:translateY(-14px)}.ws-bottle.is-selected .ws-glass{border-color:var(--game);box-shadow:0 0 0 3px color-mix(in srgb, var(--game) 35%, transparent)}.ws-bottle.is-pouring{transform:translateY(-18px) rotate(var(--tilt));transition:transform .2s}.ws-bottle.is-hint-from .ws-glass{border-color:#d29a00;animation:.9s ease-in-out infinite ws-blink;box-shadow:0 0 0 3px #f2c12e}.ws-bottle.is-hint-to .ws-glass{border-style:dashed;border-color:#d29a00}@keyframes ws-blink{50%{box-shadow:0 0 0 3px #f2c12e40}}.ws-bottle.is-bad{animation:.35s ws-shake}@keyframes ws-shake{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}@media (prefers-reduced-motion:reduce){.ws-bottle,.ws-bottle.is-pouring{transition:none}.ws-bottle.is-hint-from .ws-glass{animation:none}}.ws-notice{z-index:2;text-align:center;background:#fff8e6f5;border:1px solid #f0d58a;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;padding:8px 10px;display:flex;position:absolute;top:8px;left:8px;right:8px}.ws-notice[hidden]{display:none}.ws-notice-text{margin:0;font-size:.9rem;font-weight:700}.ws-ad{min-height:40px;font-size:.85rem}.ws-panel{z-index:3;background:#fbf7f0f7;padding:14px 16px 18px;position:absolute;inset:0;overflow-y:auto}.ws-panel[hidden]{display:none}.ws-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.ws-panel-title{margin:0;font-size:1.2rem}.ws-group-title{color:var(--text-muted);margin:12px 0 6px;font-size:.9rem}.ws-level-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.ws-level-btn{border:2px solid var(--border);background:var(--surface);min-height:48px;font:inherit;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:2px;font-weight:800;line-height:1.1;display:flex}.ws-level-btn:disabled{color:var(--text-muted);background:var(--surface-2);cursor:not-allowed}.ws-level-btn.is-done{border-color:var(--game);background:var(--game-soft)}.ws-level-btn.is-current{box-shadow:0 0 0 3px var(--game)}.ws-level-mark{min-height:1em;font-size:.72rem}.ws-clear{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.ws-clear[hidden]{display:none}.ws-clear-text{color:var(--text-muted);margin:0}.ws-clear-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.ws-primary{background:var(--game)}.ws-tray{gap:6px;width:100%;display:grid}.ws-status{text-align:center;min-height:1.6em;color:var(--text-muted);margin:0;font-size:.92rem}.ws-status.is-warn{color:#9a1c1c;font-weight:700}.ws-actions{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.ws-actions .btn{white-space:nowrap;padding:0 4px;font-size:.95rem}.ws-actions .btn.is-hint{box-shadow:0 0 0 3px #f2c12e}@media (width<=359px){.ws-actions .btn{font-size:.85rem}}@media (orientation:landscape) and (height<=540px){.ws-actions .btn{font-size:.85rem}}