.game-art--pipe{position:relative;overflow-x:clip;container-type:inline-size;--art-text: var(--sketch-ink, #3d403a);--art-muted: var(--sketch-muted, #6d7464);--art-focus: #456f73;--pad: 10px;--frame: 3px;--gw: min(calc(100cqw - 2 * (var(--pad) + var(--frame))), 30rem);color:var(--sketch-ink, #3d403a);background-color:var(--sketch-paper, #fafafa);background-image:var( --sketch-grid, repeating-linear-gradient( to bottom, transparent 0 21px, rgb(61 61 61 / 7%) 21px 22px ) )}@media(min-width:1024px){.game-art--pipe{--gw: min( calc((100cqw + 3rem)*.3825 - 72px) , calc(100cqw - 2 * (var(--pad) + var(--frame))) )}}.game-art--pipe .pp-panel{position:relative;box-sizing:content-box;display:flex;flex-direction:column;align-items:center;gap:8px;width:var(--gw);padding:var(--pad);border:1px solid var(--sketch-ink, #3d403a);border-radius:4px;background-color:var(--sketch-paper, #fafafa);background-image:var( --sketch-grid, repeating-linear-gradient( to bottom, transparent 0 21px, rgb(61 61 61 / 7%) 21px 22px ) );transition:border-color .42s ease var(--wd, 0ms)}.game-art--pipe .pp-panel[data-won]{border-color:#456f73}.game-art--pipe .pp-head{display:flex;align-items:center;gap:12px;align-self:stretch;height:38px;padding-inline:14px}.game-art--pipe .pp-gauge{flex:none;width:62px;height:35px;overflow:visible}.game-art--pipe .pp-gauge-face{fill:var(--sketch-paper, #fafafa);stroke:var(--sketch-ink, #3d403a);stroke-width:1.8;stroke-linejoin:round}.game-art--pipe .pp-gauge-low,.game-art--pipe .pp-gauge-mid,.game-art--pipe .pp-gauge-high{fill:none;stroke-width:4}.game-art--pipe .pp-gauge-low{stroke:#bd765d}.game-art--pipe .pp-gauge-mid{stroke:#c1a460}.game-art--pipe .pp-gauge-high{stroke:#769077}.game-art--pipe .pp-needle{transform:rotate(var(--a, -62deg));transform-origin:32px 32px;transition:transform .7s cubic-bezier(.3,1.45,.5,1)}.game-art--pipe .pp-needle path{fill:none;stroke:var(--sketch-ink, #3d403a);stroke-width:2.4;stroke-linecap:round}.game-art--pipe .pp-gauge-hub{fill:#bd765d;stroke:var(--sketch-ink, #3d403a);stroke-width:1}.game-art--pipe .pp-bar{display:flex;flex:1;gap:3px;min-width:0}.game-art--pipe .pp-bar i{flex:1;height:9px;box-sizing:border-box;border:1px solid var(--sketch-ink, #3d403a);border-radius:1px;background:var(--sketch-paper, #fafafa);transition:background-color .2s ease,border-color .2s ease}.game-art--pipe .pp-bar i[data-on]{background:#769077;border-color:#456f73}.game-art--pipe .pp-lamp{flex:none;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:1.5px solid var(--sketch-ink, #3d403a);background:#e2e3e0;transition:background-color .16s ease,border-color .16s ease}.game-art--pipe .pp-lamp[data-on]{background:#769077;border-color:#456f73;transition-delay:var(--wd, 0ms)}.game-art--pipe .pp-grid{display:grid;width:var(--gw);aspect-ratio:1;border-radius:2px;background-color:var(--sketch-paper, #fafafa);background-image:var( --sketch-grid, repeating-linear-gradient( to bottom, transparent 0 21px, rgb(61 61 61 / 7%) 21px 22px ) );outline:1px solid var(--sketch-ink, #3d403a);overflow:hidden}.game-art--pipe .pp-cell{position:relative;display:block;min-width:0;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;opacity:1;-webkit-tap-highlight-color:transparent;transition:background-color .2s ease}.game-art--pipe .pp-cell:before{content:"";position:absolute;inset:0 -1px -1px 0;border-right:1px solid rgb(61 64 58 / 14%);border-bottom:1px solid rgb(61 64 58 / 14%);pointer-events:none}.game-art--pipe .pp-cell:disabled{cursor:default}.game-art--pipe .pp-cell:hover:not(:disabled){background:var(--sketch-ground)}.game-art--pipe .pp-cell[data-connected=true]{background:#e1e9e3;transition-delay:calc(var(--turn, .24s) + var(--d, 0) * var(--step, 55ms))}.game-art--pipe .pp-cell[data-connected=true]:hover:not(:disabled){background:#d7e5df;transition-delay:0ms}.game-art--pipe .pp-cell:focus-visible{z-index:3;outline-offset:-4px}.game-art--pipe .pp-pipe,.game-art--pipe .pp-fixture,.game-art--pipe .pp-drips{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}.game-art--pipe .pp-pipe{transform:rotate(calc(var(--q, 0) * 90deg));transition:transform var(--turn, .24s) cubic-bezier(.3,1.4,.5,1)}.game-art--pipe .pp-cell:active:not(:disabled) .pp-pipe{opacity:.86}.game-art--pipe .pp-pipe path{stroke-linecap:round;stroke-linejoin:round}.game-art--pipe .pp-casing{stroke:var(--sketch-ink, #3d403a);stroke-width:18.5}.game-art--pipe .pp-body{stroke:#b8cdd3;stroke-width:14.5}.game-art--pipe .pp-channel{stroke:#aebfc0;stroke-width:5.6;transition:stroke .22s ease}.game-art--pipe .pp-cell[data-connected=true] .pp-channel{stroke:#456f73;transition-delay:calc(var(--turn, .24s) + var(--d, 0) * var(--step, 55ms))}.game-art--pipe .pp-flow{stroke:#fafafa;stroke-width:1.7;stroke-dasharray:3 7;opacity:0;transition:opacity .2s ease}.game-art--pipe .pp-cell[data-connected=true] .pp-flow{opacity:.9;transition-delay:calc(var(--turn, .24s) + var(--d, 0) * var(--step, 55ms) + .12s);animation:pp-flow .9s linear infinite}@keyframes pp-flow{to{stroke-dashoffset:-10}}.game-art--pipe .pp-valve-base{fill:var(--sketch-paper, #fafafa);stroke:var(--sketch-ink, #3d403a);stroke-width:2}.game-art--pipe .pp-valve-ring{fill:#f2e4df;stroke:#bd765d;stroke-width:1.4}.game-art--pipe .pp-wheel{transform-origin:30px 30px;animation:pp-spin 16s linear infinite}.game-art--pipe .pp-wheel-rim{fill:none;stroke:#bd765d;stroke-width:2.8}.game-art--pipe .pp-wheel-spoke{fill:none;stroke:#bd765d;stroke-width:2.6;stroke-linecap:round}.game-art--pipe .pp-valve-hub{fill:#bd765d;stroke:var(--sketch-ink, #3d403a);stroke-width:1.2}@keyframes pp-spin{to{transform:rotate(360deg)}}.game-art--pipe .pp-drain-ring{fill:var(--sketch-paper, #fafafa);stroke:var(--sketch-ink, #3d403a);stroke-width:2}.game-art--pipe .pp-drain-well{fill:#d9e4e6;transition:fill .22s ease}.game-art--pipe .pp-drain-bar{fill:none;stroke:var(--sketch-ink, #3d403a);stroke-width:2.2;stroke-linecap:round}.game-art--pipe .pp-cell[data-connected=true] .pp-drain-bar{stroke:#456f73}.game-art--pipe .pp-ripple{fill:none;stroke:#648993;stroke-width:1.4;opacity:0}.game-art--pipe .pp-cell[data-connected=true] .pp-drain-well{fill:#769077;transition-delay:calc(var(--turn, .24s) + var(--d, 0) * var(--step, 55ms))}.game-art--pipe .pp-cell[data-connected=true] .pp-ripple{animation:pp-ripple 1.6s ease-out calc(var(--turn, .24s) + var(--d, 0) * var(--step, 55ms)) infinite}@keyframes pp-ripple{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.35)}}.game-art--pipe .pp-ripple{transform-origin:30px 30px}.game-art--pipe .pp-drips{animation:pp-drip-in .2s ease-out calc(var(--turn, .24s) + var(--d, 0) * var(--step, 55ms)) backwards}@keyframes pp-drip-in{0%{opacity:0;transform:scale(.5)}}.game-art--pipe .pp-drop-body{fill:#d9e4e6;stroke:#648993;stroke-width:1.3}.game-art--pipe .pp-drips .pp-drop{animation:pp-drip 1.1s ease-in infinite}@keyframes pp-drip{0%,35%{transform:translateY(0);opacity:1}to{transform:translateY(4px);opacity:.25}}.game-art--pipe .pp-dock{display:grid;justify-items:center;align-items:center;width:100%;margin-top:clamp(10px,1.8cqw,18px)}.game-art--pipe .pp-dock>*{grid-area:1 / 1}.game-art--pipe .pp-info{display:flex;flex-direction:column;align-items:center;gap:4px;max-width:100%;text-align:center}.game-art--pipe .pp-progress{margin:0;font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;font-variant-numeric:tabular-nums;color:var(--art-muted)}.game-art--pipe .pp-status{display:block;max-width:36rem;font-family:var(--font-sans);font-size:var(--art-fs-body);font-weight:400;line-height:1.5;color:var(--art-text)}.game-art--pipe .pp-win{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:16px;background:#fafafad6;animation:pp-win-fade .38s ease-out var(--wd, .9s) both}.game-art--pipe .pp-win-card{min-width:240px;max-width:320px;padding:20px 24px 22px;border:1px solid var(--sketch-ink, #3d403a);border-radius:3px;background:var(--sketch-paper, #fafafa);color:var(--sketch-ink, #3d403a);text-align:center;animation:pp-win-pop .48s cubic-bezier(.3,1.5,.5,1) var(--wd, .9s) both}@keyframes pp-win-fade{0%{opacity:0}}@keyframes pp-win-pop{0%{opacity:0;transform:translateY(14px) scale(.92)}}.game-art--pipe .pp-win-title{margin:0;font-family:var(--font-sans);font-size:var(--art-fs-title);font-weight:600;line-height:1.2;color:var(--art-text)}.game-art--pipe .pp-win-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0;padding:10px 0;border-block:1px solid rgb(61 64 58 / 34%)}.game-art--pipe .pp-win-stats dt{font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:500;line-height:1.35;color:var(--art-muted)}.game-art--pipe .pp-win-stats dd{margin:2px 0 0;font-family:var(--font-mono);font-size:var(--art-fs-value);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;color:var(--art-text)}.game-art--pipe .pp-win-badge{display:inline-block;margin:10px 0 0;padding:2px 10px;border:1px solid #c1a460;border-radius:2px;background:#f3eddf;color:var(--sketch-ink, #3d403a);font-family:var(--font-sans);font-size:var(--art-fs-label);font-weight:600;line-height:1.35}.game-art--pipe .pp-win-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}.game-art--pipe .pp-win-actions button{border:1px solid var(--sketch-ink, #3d403a);border-radius:2px;background:var(--sketch-ink, #3d403a);color:var(--sketch-paper, #fafafa);font-family:var(--font-sans);font-size:var(--art-fs-action);font-weight:600;line-height:1.2}.game-art--pipe .pp-win-actions button:hover:not(:disabled){background:#6d7464}.game-art--pipe .pp-win-actions button+button{border-color:var(--sketch-ink, #3d403a);background:var(--sketch-paper, #fafafa);color:var(--sketch-ink, #3d403a)}.game-art--pipe .pp-win-actions button+button:hover:not(:disabled){background:var(--sketch-ground)}@media(min-width:1024px){.game-art--pipe .pp-dock[data-won] .pp-info{visibility:hidden}.game-art--pipe .pp-win{position:static;padding:0;background:none}.game-art--pipe .pp-win-card{display:flex;align-items:center;gap:22px;min-width:0;max-width:none;padding:10px 12px 10px 24px}.game-art--pipe .pp-win-stats{display:flex;gap:22px;margin:0;padding:0 22px;border-block:0;border-inline:1px solid rgb(61 64 58 / 34%)}.game-art--pipe .pp-win-badge{margin:0}.game-art--pipe .pp-win-actions{flex-wrap:nowrap;margin:0}}@media(prefers-reduced-motion:reduce){.game-art--pipe .pp-panel,.game-art--pipe .pp-lamp,.game-art--pipe .pp-needle,.game-art--pipe .pp-bar i,.game-art--pipe .pp-cell,.game-art--pipe .pp-pipe,.game-art--pipe .pp-channel,.game-art--pipe .pp-flow,.game-art--pipe .pp-drain-well,.game-art--pipe .pp-ripple,.game-art--pipe .pp-wheel,.game-art--pipe .pp-drips,.game-art--pipe .pp-drips .pp-drop,.game-art--pipe .pp-cell[data-connected=true] .pp-channel,.game-art--pipe .pp-cell[data-connected=true] .pp-flow,.game-art--pipe .pp-cell[data-connected=true] .pp-drain-well,.game-art--pipe .pp-cell[data-connected=true] .pp-ripple,.game-art--pipe .pp-win,.game-art--pipe .pp-win-card{animation:none!important;transition:none!important}.game-art--pipe .pp-cell[data-connected=true] .pp-ripple{opacity:0}}