.app--pipes{grid-template-rows:auto 1fr auto}.board{place-items:center;min-height:0;padding:4px 10px 8px;display:grid}.pipe-grid{grid-template-columns:repeat(var(--cols), var(--cell));grid-template-rows:repeat(var(--rows), var(--cell));isolation:isolate;background:var(--surface);box-shadow:0 6px 18px var(--shadow);touch-action:manipulation;border-radius:14px;padding:6px;display:grid}.pipe-grid[data-empty]{visibility:hidden}.pipe-cell{width:var(--cell);height:var(--cell);border-radius:6px;place-items:center;padding:0;transition:background .15s;display:grid;position:relative}.pipe-cell:active:not(:disabled){background:var(--glass)}.pipe-grid.is-over .pipe-cell{pointer-events:none}.pipe{width:100%;height:100%;transform:rotate(var(--spin,0deg));transition:transform .18s cubic-bezier(.3,1.3,.5,1);display:block}.pipe svg{width:100%;height:100%;display:block;overflow:visible}.pipe-line{fill:none;stroke:var(--text-dim);stroke-width:17px;stroke-linecap:round;transition:stroke .2s}.pipe-hub{fill:var(--text-dim);stroke:none;transition:fill .2s}.pipe-source{fill:var(--surface);stroke:none}.pipe-cell.is-wet .pipe-line{stroke:var(--accent)}.pipe-cell.is-wet .pipe-hub,.pipe-cell.is-source .pipe-hub{fill:var(--accent)}.pipe-cell.is-tap.is-wet .pipe-hub{fill:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 70%, transparent))}.pipe-cell.is-hinted{background:color-mix(in srgb, var(--accent) 26%, transparent);box-shadow:inset 0 0 0 2px var(--accent)}@media (prefers-reduced-motion:reduce){.pipe{transition:none}}