.pipe-stage{width:100%;container-type:inline-size}.pipe-scene{width:52em;height:50em;margin:auto;font-size:clamp(4.2px,1.88cqw,9.8px);position:relative}.pipe-ground{background:linear-gradient(90deg,#0000,#2be0d080 25%,#2be0d029 70%,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.pipe-ground:after{content:"";background:radial-gradient(at 50% 100%,#2be0d021,#0000 70%);height:5em;position:absolute;bottom:0;left:6%;right:6%}.pipe-slab{background:linear-gradient(90deg,#0000,#64cceb57 12%,#64cceb24 78%,#0000);height:.28em;position:absolute;left:1.5em;right:1.5em}.pipe-riser{z-index:2;background:linear-gradient(90deg,#06141ef2,#103442bf,#06141ef2);border:1px solid #2be0d06b;border-radius:.35em;width:1.7em;height:32.8em;position:absolute;bottom:4.2em;left:9em}.pipe-branch{z-index:1;background:linear-gradient(#06141ef2,#103442b3);border:1px solid #2be0d04d;border-radius:.3em;width:28.6em;height:1.1em;position:absolute;left:10.4em}.pipe-flow-y,.pipe-flow-x{border-radius:.25em;position:absolute;inset:.22em}.pipe-flow-y{background:repeating-linear-gradient(#2be0d0b8 0 .8em,#2be0d01a .8em 2.6em);animation:1.4s linear infinite pipeFlowY,14s ease-in-out infinite pipePower}.pipe-flow-x{background:repeating-linear-gradient(90deg,#2be0d09e 0 .8em,#2be0d014 .8em 2.6em);animation:1.9s linear infinite pipeFlowX,14s ease-in-out infinite pipePower}.pipe-consumer{z-index:1;background:linear-gradient(160deg,#1842554d,#040b12d9);border:1px solid #64cceb42;border-radius:.3em;grid-template-columns:repeat(3,1fr);align-content:center;gap:.7em;width:8.2em;height:5.6em;padding:.9em;display:grid;position:absolute;left:39em}.pipe-consumer i{height:3.2em;animation:14s ease-out infinite pipeConsumer;animation-delay:calc(var(--i,0) * .55s);background:#2be0d00f;border:1px solid #2be0d029;border-radius:.15em;display:block}.pipe-pump{z-index:2;background:linear-gradient(160deg,#1e5c6e80,#06121ceb);border:1px solid #2be0d052;border-bottom:0;border-radius:.45em .45em 0 0;place-items:center;width:11.4em;height:4.2em;display:grid;position:absolute;bottom:0;left:4.2em;box-shadow:0 0 2em #2be0d024}.pipe-rotor{background:conic-gradient(#2be0d08c 0 14deg, transparent 14deg 90deg, #2be0d08c 90deg 104deg, transparent 104deg 180deg, #2be0d08c 180deg 194deg, transparent 194deg 270deg, #2be0d08c 270deg 284deg, transparent 284deg 360deg);border:1px solid #2be0d073;border-radius:50%;width:2.9em;height:2.9em;animation:2.6s linear infinite pipeSpin}.pipe-gauge{z-index:4;background:repeating-conic-gradient(from 205deg at 50% 50%, #2be0d073 0 1.2deg, transparent 1.2deg 13deg);border:1px solid #2be0d066;border-radius:50%;width:7.6em;height:7.6em;position:absolute;bottom:36.4em;left:6.05em;box-shadow:0 0 2.2em #2be0d02e}.pipe-gauge:before{content:"";background:radial-gradient(circle at 50% 32%,#0e2a38fa,#040c14fa);border:1px solid #2be0d029;border-radius:50%;position:absolute;inset:.85em}.pipe-gauge:after{content:"";background:var(--cyan);border-radius:50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;position:absolute;top:50%;left:50%;box-shadow:0 0 .9em #2be0d0a6}.pipe-needle{transform-origin:50% 100%;background:linear-gradient(180deg, var(--cyan), #2be0d040);border-radius:.11em;width:.22em;height:2.5em;margin-left:-.11em;animation:14s ease-in-out infinite pipeNeedle;position:absolute;bottom:50%;left:50%}.pipe-joint{z-index:3;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background-color:#f0a94a;background-image:linear-gradient(155deg,#ffffff4d,#0006);width:2.7em;height:2.9em;animation:14s ease-in-out infinite pipeJoint;position:absolute;bottom:24.05em;left:8.5em}.pipe-drip{z-index:3;width:.5em;height:5.2em;animation:14s linear infinite pipeDripStop;position:absolute;bottom:19.2em;left:9.6em}.pipe-drip i{background:linear-gradient(#9df6ee,#2be0d0);border-radius:50% 50% 60% 60%/40% 40% 70% 70%;width:.62em;height:.88em;animation:1.7s linear infinite pipeDrop;position:absolute;top:0;left:-.06em;box-shadow:0 0 .9em #2be0d0bf}.pipe-drip i:nth-child(2){animation-delay:.57s}.pipe-drip i:nth-child(3){animation-delay:1.14s}.pipe-puddle{z-index:3;background:radial-gradient(#2be0d073,#0000 70%);border-radius:50%;width:4.9em;height:.55em;animation:14s ease-in-out infinite pipePuddle;position:absolute;bottom:18.9em;left:7.4em}.pipe-wrench{z-index:4;transform-origin:0 0;width:0;height:0;animation:14s cubic-bezier(.4,0,.3,1) infinite pipeWrench;position:absolute;bottom:25.5em;left:9.85em}.pipe-wrench svg{filter:drop-shadow(0 .2em .8em #00000080)drop-shadow(0 0 .7em #2be0d04d);width:17.55em;height:5.94em;position:absolute;top:-2.97em;left:-3.51em}.pipe-seal{z-index:5;width:3.2em;height:3.2em;color:var(--cyan);opacity:0;background:#061c24fa;border:.12em solid #2be0d0bf;border-radius:50%;place-items:center;animation:14s ease-out infinite pipeSeal;display:grid;position:absolute;bottom:28.2em;left:8.25em;box-shadow:0 0 1.4em #2be0d066}.pipe-seal b{font-size:1.7em;font-weight:400;line-height:1}.pipe-chip{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#08121de6;border:1px solid #ffffff1c;border-radius:1em;align-items:center;gap:.9em;padding:1em 1.3em;display:flex;position:absolute;box-shadow:0 1.4em 3.4em #00000073}.pipe-chip small{color:#708091;letter-spacing:.04em;font-size:1em;display:block}.pipe-chip b{margin-top:.28em;font-size:1.25em;font-weight:700;display:block}.pipe-chip>span{width:2.2em;height:2.2em;color:var(--cyan);background:#2be0d026;border:1px solid #2be0d061;border-radius:50%;flex:none;place-items:center;font-size:1.1em;display:grid}.chip-plan{animation:7.5s ease-in-out infinite pipeFloatChip;bottom:44.8em;left:.5em}.chip-fix{animation:7.5s ease-in-out 2.6s infinite pipeFloatChip;bottom:3.6em;right:.5em}@keyframes pipeFlowY{0%{background-position:50% 0}to{background-position:50% -2.6em}}@keyframes pipeFlowX{0%{background-position:0}to{background-position:2.6em}}@keyframes pipePower{0%,52%{opacity:.42}66%,92%{opacity:1}to{opacity:.42}}@keyframes pipeSpin{to{transform:rotate(360deg)}}@keyframes pipeNeedle{0%,10%{transform:rotate(-62deg)}15%{transform:rotate(-46deg)}20%,44%{transform:rotate(-60deg)}50%{transform:rotate(-42deg)}56%{transform:rotate(-58deg)}64%{transform:rotate(33deg)}70%{transform:rotate(17deg)}76%,92%{transform:rotate(24deg)}to{transform:rotate(-62deg)}}@keyframes pipeJoint{0%,54%{filter:drop-shadow(0 0 .9em #ffa848b3);background-color:#f0a94a}60%{filter:drop-shadow(0 0 1.6em #2be0d0f2);background-color:#aefff6}68%,92%{filter:drop-shadow(0 0 .6em #2be0d080);background-color:#2be0d0}to{filter:drop-shadow(0 0 .9em #ffa848b3);background-color:#f0a94a}}@keyframes pipeDrop{0%{opacity:0;transform:translateY(0)scale(.45)}12%{opacity:1;transform:translateY(0)scale(1)}84%{opacity:1;transform:translateY(4.5em)scale(1)}to{opacity:0;transform:translateY(4.8em)scale(1.7,.25)}}@keyframes pipeDripStop{0%,40%{opacity:1}46%,92%{opacity:0}to{opacity:1}}@keyframes pipePuddle{0%,42%{opacity:.9;transform:scaleX(1)}64%,92%{opacity:0;transform:scaleX(.35)}to{opacity:.9;transform:scaleX(1)}}@keyframes pipeWrench{0%,12%{opacity:0;transform:translate(26em)rotate(0)}17%{opacity:1}30%,36%{opacity:1;transform:translate(0)rotate(0)}41%{transform:translate(0)rotate(-34deg)}46%{transform:translate(0)rotate(0)}51%{transform:translate(0)rotate(-34deg)}56%,64%{opacity:1;transform:translate(0)rotate(0)}78%{opacity:1}90%,to{opacity:0;transform:translate(26em)rotate(0)}}@keyframes pipeSeal{0%,57%{opacity:0;transform:scale(.4)}63%,90%{opacity:1;transform:scale(1)}97%,to{opacity:0;transform:scale(.4)}}@keyframes pipeConsumer{0%,60%{box-shadow:none;background:#2be0d00f}67%,90%{background:#2be0d04d;box-shadow:0 0 1.2em #2be0d03d}to{box-shadow:none;background:#2be0d00f}}@keyframes pipeFloatChip{0%,to{transform:translateY(0)}50%{transform:translateY(-1em)}}@media (max-width:1050px){.pipe-stage{max-width:540px;margin-inline:auto}}@media (max-width:760px){.pipe-chip{display:none}}@media (prefers-reduced-motion:reduce){.pipe-flow-y,.pipe-flow-x,.pipe-rotor,.pipe-needle,.pipe-joint,.pipe-drip,.pipe-drip i,.pipe-puddle,.pipe-wrench,.pipe-seal,.pipe-consumer i,.pipe-chip{animation:none}.pipe-needle{transform:rotate(24deg)}.pipe-drip,.pipe-puddle,.pipe-wrench{opacity:0}.pipe-joint{background-color:#2be0d0}.pipe-seal{opacity:1}.pipe-consumer i{background:#2be0d04d}}