.ps-wrap{display:grid;justify-items:center;gap:10px}.ps-banner{font-weight:600;text-align:center;min-height:1.5em;color:var(--muted)}.ps-solved~.ps-banner,.ps-wrap:has(.ps-solved) .ps-banner{color:var(--good)}.ps-board{--ps-cols: 7;--ps-water: #1e88e5;--ps-pipe: color-mix(in srgb, var(--cell-strong) 80%, var(--text));display:grid;grid-template-columns:repeat(var(--ps-cols),1fr);gap:0;width:min(100%,calc(var(--ps-cols) * 64px));padding:6px;border-radius:12px;background:var(--cell-alt);border:2px solid var(--cell-line);touch-action:manipulation}:root[data-theme=dark] .ps-board{--ps-water: #4fb3ff}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .ps-board{--ps-water: #4fb3ff}}.ps-board.ps-wrapmode{border-style:dashed;border-color:var(--accent)}.ps-cell{aspect-ratio:1;padding:0;margin:0;border:0;background:var(--cell);cursor:pointer;box-shadow:inset 0 0 0 .5px var(--cell-line);display:block;position:relative;color:inherit}.ps-cell:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.ps-cell.ps-cursor{outline:3px solid var(--focus);outline-offset:-3px;z-index:1}.ps-cell svg{width:100%;height:100%;display:block;overflow:visible}.ps-rot{transform-box:view-box;transform-origin:50% 50%;transition:transform .16s ease-out}.ps-noanim .ps-rot,.reduce-motion .ps-rot{transition:none}.ps-pipe-bg{stroke:color-mix(in srgb,var(--ps-pipe) 45%,transparent);stroke-width:26;fill:none;stroke-linecap:butt}.ps-pipe{stroke:var(--ps-pipe);stroke-width:16;fill:none;stroke-linecap:butt;transition:stroke .2s}.ps-flowline{stroke:transparent;stroke-width:5;fill:none;stroke-dasharray:8 12}.ps-hub{fill:var(--ps-pipe);transition:fill .2s}.ps-end{fill:var(--cell);stroke:var(--ps-pipe);stroke-width:6}.ps-end-dot{fill:var(--ps-pipe)}.ps-source{fill:var(--ps-water);stroke:color-mix(in srgb,var(--ps-water) 60%,#000);stroke-width:4}.ps-source-mark{fill:#fff}.ps-on .ps-pipe,.ps-on .ps-hub{stroke:var(--ps-water)}.ps-on .ps-hub,.ps-on .ps-end-dot{fill:var(--ps-water)}.ps-on .ps-end{stroke:var(--ps-water);fill:color-mix(in srgb,var(--ps-water) 18%,var(--cell))}.ps-on .ps-flowline{stroke:#ffffff8c;animation:ps-flow .9s linear infinite}@keyframes ps-flow{to{stroke-dashoffset:-20}}.reduce-motion .ps-on .ps-flowline{animation:none;stroke:transparent}.ps-locked{background:color-mix(in srgb,var(--accent) 12%,var(--cell))}.ps-locked:after{content:"";position:absolute;right:6%;top:6%;width:16%;height:16%;border-radius:3px;background:var(--accent);opacity:.8}.ps-solved{border-color:var(--good)}.ps-solved .ps-cell{animation:ps-pop .5s ease-out both;animation-delay:calc(var(--ps-d, 0) * 60ms)}.ps-solved .ps-flowline{stroke:#ffffffbf}@keyframes ps-pop{40%{background:color-mix(in srgb,var(--ps-water) 22%,var(--cell))}}.reduce-motion .ps-solved .ps-cell{animation:none}