:root{--bg:#0b0b0b;--bg-2:#0f0f10;--panel:#151517;--steel-1:#34343a;--steel-2:#1c1c20;--steel-3:#0f0f12;--yellow:#ffd400;--yellow-deep:#d8b200;--green:#3ddc84;--clog:#5b4220;--clog-2:#37281380;--red:#cf3b3b;--text:#ededed;--muted:#8a8a8a;--line:#242424;--f-display:"Saira Stencil One",system-ui,sans-serif;--f-body:"Work Sans",system-ui,sans-serif;--f-mono:"Fragment Mono",ui-monospace,monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-family:var(--f-body);-webkit-font-smoothing:antialiased;background:radial-gradient(120% 90% at 50% -10%, #161616 0%, var(--bg) 55%);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.hazard{background:repeating-linear-gradient(-45deg,var(--yellow) 0 16px,#0b0b0b 16px 32px);opacity:.92;width:100%;height:10px}.hazard.thin{opacity:.8;height:6px}.shell{max-width:1180px;margin:0 auto;padding:0 22px}.topstrip{font-family:var(--f-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 22px;font-size:12px;display:flex}.topstrip .unit b{color:var(--yellow);font-weight:400}.mutebtn{border:1px solid var(--line);color:var(--muted);font-family:var(--f-mono);letter-spacing:.12em;background:0 0;border-radius:2px;padding:5px 10px;font-size:11px}.mutebtn:hover{border-color:var(--yellow);color:var(--yellow)}.head{text-align:center;padding:34px 0 6px}.kicker{font-family:var(--f-mono);letter-spacing:.34em;color:var(--yellow);text-transform:uppercase;margin:0 0 14px;font-size:12.5px}.title{font-family:var(--f-display);letter-spacing:.01em;color:var(--text);text-transform:uppercase;margin:0;font-size:clamp(46px,9vw,118px);line-height:.92}.title .lo{color:var(--yellow);display:block}.sub{max-width:560px;color:var(--muted);margin:18px auto 0;font-size:16px;line-height:1.55}.rig{grid-template-columns:1fr auto 1fr;align-items:end;gap:30px;min-height:520px;padding:30px 0 10px;display:grid;position:relative}.rig.shake{animation:.26s rigshake}@keyframes rigshake{0%{transform:translateY(0)}25%{transform:translateY(10px)}50%{transform:translateY(2px)}75%{transform:translateY(7px)}to{transform:translateY(0)}}.col-left{flex-direction:column;align-items:flex-end;gap:26px;padding-bottom:24px;display:flex}.col-right{flex-direction:column;align-items:flex-start;gap:22px;padding-bottom:24px;display:flex}.stack{flex-direction:column;align-items:center;display:flex;position:relative}.readout-top{font-family:var(--f-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;text-align:center;margin-bottom:10px;font-size:12px}.readout-top b{color:var(--yellow);font-weight:400}.plunger-zone{width:210px;height:300px;position:relative}.plunger{cursor:grab;touch-action:none;z-index:6;filter:drop-shadow(0 14px 14px #0000008c);width:140px;height:280px;transition:transform .14s cubic-bezier(.3,1.4,.5,1);position:absolute;top:0;left:50%;transform:translate(-50%)}.plunger:active{cursor:grabbing}.plunger.is-down{transition:transform 90ms ease-in;transform:translate(-50%)translateY(74px)}.grab-hint{font-family:var(--f-mono);letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;white-space:nowrap;font-size:11px;animation:1.8s ease-in-out infinite bob;position:absolute;top:-26px;left:50%;transform:translate(-50%)}@keyframes bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-5px)}}.pipe{width:188px;height:300px;margin-top:-58px;position:relative}.pipe-mouth{z-index:3;background:linear-gradient(#3a3a40,#17171a);border-radius:50%/60%;width:188px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 6px 10px #000000b3,0 2px #000}.pipe-mouth:after{content:"";background:#050505;border-radius:50%;width:150px;height:14px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:inset 0 4px 8px #000000e6}.pipe-body{width:150px;height:286px;box-shadow:inset 0 0 0 1px #000, 0 0 0 6px var(--steel-2), 0 0 0 7px #000;background:linear-gradient(90deg,#0c0c0e 0%,#3a3a42 18%,#17171b 42%,#26262c 60%,#0e0e10 100%);border-radius:6px;position:absolute;top:14px;left:50%;overflow:hidden;transform:translate(-50%)}.bore{background:repeating-linear-gradient(#3a2a12 0 14px,#2c2010 14px 28px),linear-gradient(#46340f,#2a1d09);border-radius:4px;position:absolute;inset:10px;overflow:hidden;box-shadow:inset 0 0 22px #000c}.bore .clog-bars{mix-blend-mode:screen;opacity:.7;background:repeating-linear-gradient(#0000 0 10px,#cf3b3b80 10px 13px,#0000 13px 22px,#cf3b3b47 22px 24px);position:absolute;inset:0}.bore .clean{background:linear-gradient(180deg,var(--green),var(--yellow));height:0%;transition:height .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 18px #3ddc8480}.bore .clean:before{content:"";background:radial-gradient(circle at 20% 0,var(--yellow) 0 3px,transparent 3px) repeat-x, radial-gradient(circle at 60% 0,var(--green) 0 3px,transparent 3px) repeat-x;opacity:.85;background-size:18px 10px,22px 10px;height:10px;position:absolute;top:-7px;left:0;right:0}.bore .clean.full{background:linear-gradient(180deg,var(--green),#2bbf6e)}.collar{z-index:4;text-align:center;cursor:pointer;background:linear-gradient(#3c3c42,#161618);border-top:1px solid #4a4a52;border-bottom:1px solid #000;width:174px;padding:7px 0;position:absolute;top:120px;left:50%;transform:translate(-50%);box-shadow:0 3px 7px #00000080}.collar .bolt{background:radial-gradient(circle at 35% 30%,#777,#111);border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.collar .bolt.l{left:7px}.collar .bolt.r{right:7px}.collar .cl-label{font-family:var(--f-mono);letter-spacing:.22em;color:var(--yellow);text-transform:uppercase;margin-bottom:2px;font-size:8.5px;display:block}.collar .cl-ca{font-family:var(--f-mono);color:#d6d6d6;letter-spacing:.02em;word-break:break-all;padding:0 16px;font-size:9.5px;line-height:1.25;display:block}.collar:hover{background:linear-gradient(#46464e,#1a1a1c)}.collar.copied{background:linear-gradient(180deg,var(--green),#1c7a45)}.collar.copied .cl-label,.collar.copied .cl-ca{color:#06210f}.flange{z-index:2;background:linear-gradient(#303036,#0d0d0f);border-radius:4px;width:200px;height:20px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 8px #0009}.glob{pointer-events:none;z-index:7;background:radial-gradient(circle at 35% 30%,#7a5a28,#3a2a12);border-radius:46% 54% 60% 40%;width:18px;height:18px;position:absolute;top:-4px;left:50%}.glob.r{background:radial-gradient(circle at 35% 30%,#d65555,#7a1f1f)}.meter{flex-direction:column;align-items:center;gap:8px;width:62px;display:flex}.meter .track{background:var(--steel-3);border:1px solid #2a2a2a;border-radius:3px;width:26px;height:240px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #000,inset 0 0 12px #000c}.meter .fill{background:linear-gradient(180deg,var(--yellow),var(--yellow-deep));height:0%;transition:height .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0}.meter .ticks{background:repeating-linear-gradient(#0000 0 23px,#000 23px 24px);position:absolute;inset:0}.meter .pct{font-family:var(--f-mono);color:var(--yellow);font-size:15px}.meter .cap{font-family:var(--f-mono);letter-spacing:.16em;color:var(--muted);text-transform:uppercase;font-size:9px}.fit-label{font-family:var(--f-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;text-align:center;margin-top:8px;font-size:10.5px;line-height:1.5}.fit-label b{color:var(--yellow);font-weight:400}.gauge{flex-direction:column;align-items:center;display:flex}.gauge .dial{width:88px;height:88px;transition:transform .2s}.gauge:hover .dial{transform:rotate(-4deg)}.flow{flex-direction:column;align-items:center;display:flex}.flow .screen{background:#07140d;border:1px solid #14361f;border-radius:3px;width:172px;padding:12px 14px;box-shadow:inset 0 0 14px #000c}.flow .num{font-family:var(--f-mono);color:var(--green);letter-spacing:.06em;font-size:24px}.flow .bars{align-items:flex-end;gap:3px;height:30px;margin-top:8px;display:flex}.flow .bars i{background:var(--green);opacity:.85;border-radius:1px 1px 0 0;flex:1}.flow:hover .screen{border-color:var(--green)}.valve{flex-direction:column;align-items:center;gap:14px;margin:2px auto 0;display:flex}.wheel{width:150px;height:150px;transition:transform .5s}.valve:hover .wheel{transform:rotate(80deg)}.valve .vlabel{font-family:var(--f-display);letter-spacing:.04em;color:#0b0b0b;background:var(--yellow);text-transform:uppercase;box-shadow:0 5px 0 var(--yellow-deep);border-radius:3px;padding:11px 22px;font-size:20px}.valve:hover .vlabel{box-shadow:0 3px 0 var(--yellow-deep);transform:translateY(2px)}.valve .vsub{font-family:var(--f-mono);letter-spacing:.18em;color:var(--muted);text-transform:uppercase;font-size:11px}.connect{background:linear-gradient(#1d1d20,#101012);border:1px solid #2c2c30;border-radius:4px;align-items:center;gap:11px;padding:9px 13px;display:inline-flex}.connect .sw{background:#000;border-radius:12px;width:42px;height:22px;transition:background .2s;position:relative;box-shadow:inset 0 0 0 2px #2c2c30}.connect .sw i{background:#555;border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.connect.on .sw{background:#3ddc8440}.connect.on .sw i{background:var(--green);transform:translate(20px)}.connect .ctxt{font-family:var(--f-mono);letter-spacing:.12em;color:var(--text);text-transform:uppercase;font-size:11px}.connect.on .ctxt{color:var(--green)}.connect:hover{border-color:var(--yellow)}.counter{font-family:var(--f-mono);letter-spacing:.14em;color:var(--muted);text-transform:uppercase;align-items:center;gap:9px;font-size:12px;display:inline-flex}.counter .digits{color:var(--yellow);letter-spacing:.18em;background:#000;border:1px solid #2a2a2a;border-radius:3px;padding:4px 10px;font-size:20px}.stamp{font-family:var(--f-display);letter-spacing:.03em;color:var(--green);border:5px solid var(--green);text-transform:uppercase;z-index:9;pointer-events:none;white-space:nowrap;background:#0b0b0b99;border-radius:6px;padding:10px 26px;font-size:54px;animation:.4s cubic-bezier(.2,1.5,.4,1) slam;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)rotate(-9deg);box-shadow:0 0 30px #3ddc8466}@keyframes slam{0%{opacity:0;transform:translate(-50%,-50%)rotate(-9deg)scale(2.4)}60%{opacity:1}to{transform:translate(-50%,-50%)rotate(-9deg)scale(1)}}.again{border:1px solid var(--green);color:var(--green);font-family:var(--f-mono);letter-spacing:.16em;text-transform:uppercase;background:0 0;border-radius:3px;margin:14px auto 0;padding:9px 18px;font-size:12px;display:block}.again:hover{background:var(--green);color:#06210f}.foot{border-top:1px solid var(--line);text-align:center;margin-top:26px;padding:22px}.foot .fx{color:var(--muted);font-family:var(--f-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;display:inline-flex}.foot .fx svg{width:18px;height:18px}.foot .fx:hover{color:var(--yellow)}.foot .disc{color:#5a5a5a;font-size:11.5px;font-family:var(--f-mono);letter-spacing:.04em;max-width:600px;margin-top:12px;margin-left:auto;margin-right:auto;line-height:1.6}@media (width<=880px){.rig{grid-template-columns:1fr;justify-items:center;gap:24px;min-height:0}.col-left,.col-right{flex-flow:wrap;justify-content:center;align-items:center;padding-bottom:0}.meter .track{height:170px}.plunger-zone{height:260px}}@media (prefers-reduced-motion:reduce){*{transition-duration:60ms!important;animation-duration:.001ms!important}}.machine{flex-direction:column;align-items:center;display:flex;position:relative}.stack-row{align-items:flex-end;gap:20px;display:flex}.x-ico-strokes{stroke:var(--yellow);stroke-width:3.4px;stroke-linecap:round}.head{padding:20px 0 4px}.title{font-size:clamp(42px,8vw,94px)}.rig{padding-top:14px}.stack-row{margin-top:22px}.readout-top{margin-bottom:6px}@media (width<=880px){.rig{flex-flow:wrap;justify-content:center;align-items:flex-start;gap:18px 26px;min-height:0;padding:14px 0 6px;display:flex}.col-left,.col-right{display:contents}.gauge{order:1}.flow{order:2}.valve{order:3;margin-top:0}.machine{flex-basis:100%;order:4;margin-top:6px}.connect{order:5}.counter{order:6}.valve .wheel{width:104px;height:104px}.valve .vlabel{padding:9px 16px;font-size:16px}.flow .screen{width:150px}.plunger-zone{height:220px}.plunger{width:118px;height:236px}.plunger.is-down{transform:translate(-50%)translateY(60px)}.pipe{width:160px;height:248px;margin-top:-48px}.pipe-mouth{width:160px}.pipe-body{width:128px;height:238px}.collar{width:150px;top:104px}.meter .track{height:150px}.title{font-size:clamp(38px,11vw,56px)}}.ca-mobile{display:none}@media (width<=880px){.ca-mobile{cursor:pointer;background:linear-gradient(#2a2a2e,#141416);border:1px solid #34343a;border-radius:4px;flex-direction:column;flex-basis:100%;order:4;align-items:center;gap:2px;max-width:300px;margin:0 auto;padding:8px 16px;display:flex}.ca-mobile .cm-label{font-family:var(--f-mono);letter-spacing:.2em;color:var(--yellow);text-transform:uppercase;font-size:9px}.ca-mobile .cm-ca{font-family:var(--f-mono);color:#d6d6d6;word-break:break-all;text-align:center;font-size:11px}.ca-mobile.copied{background:linear-gradient(180deg,var(--green),#1c7a45)}.ca-mobile.copied .cm-label,.ca-mobile.copied .cm-ca{color:#06210f}.machine{order:5}.connect{order:6}.counter{order:7}}.wm-scrim{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050505b8;justify-content:center;align-items:center;padding:20px;animation:.16s wmFade;display:flex;position:fixed;inset:0}@keyframes wmFade{0%{opacity:0}to{opacity:1}}.wm{border:1px solid #2c2c30;border-top:3px solid var(--yellow);background:linear-gradient(#1a1a1d,#111113);border-radius:6px;width:100%;max-width:360px;padding:18px 18px 16px;animation:.2s cubic-bezier(.2,1,.3,1) wmRise;box-shadow:0 24px 60px #000000b3,0 0 0 1px #000}@keyframes wmRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.wm-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.wm-title{font-family:var(--f-display);letter-spacing:.03em;color:var(--yellow);text-transform:uppercase;font-size:22px}.wm-x{color:var(--muted);background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.wm-x:hover{color:var(--yellow)}.wm-intro{font-family:var(--f-mono);color:var(--muted);letter-spacing:.03em;margin:0 0 14px;font-size:11.5px;line-height:1.55}.wm-rows{flex-direction:column;gap:8px;display:flex}.wm-row{text-align:left;background:linear-gradient(#202024,#141416);border:1px solid #2c2c30;border-radius:4px;align-items:center;gap:11px;width:100%;padding:11px 12px;transition:border-color .15s,transform 60ms;display:flex}.wm-row:hover{border-color:var(--yellow)}.wm-row:active{transform:translateY(1px)}.wm-ico{object-fit:cover;background:#000;border-radius:6px;flex:none;width:26px;height:26px}.wm-ico-dot{background:radial-gradient(circle at 35% 30%,var(--yellow),var(--yellow-deep))}.wm-name{font-family:var(--f-mono);color:var(--text);letter-spacing:.02em;flex:1;font-size:13px}.wm-go{font-family:var(--f-mono);letter-spacing:.18em;text-transform:uppercase;color:#06210f;background:var(--yellow);border-radius:3px;padding:5px 10px;font-size:10px}.wm-empty{font-family:var(--f-mono);color:var(--muted);border:1px dashed #34343a;border-radius:4px;padding:12px;font-size:11.5px;line-height:1.55}.wm-skip{width:100%;color:var(--muted);font-family:var(--f-mono);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:1px solid #2c2c30;border-radius:3px;margin-top:14px;padding:9px;font-size:11px;display:block}.wm-skip:hover{border-color:var(--yellow);color:var(--yellow)}.plunger{width:auto}.plunger-img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:auto;height:284px;display:block}.clear-splash{opacity:.92;z-index:8;pointer-events:none;width:280px;max-width:80%;animation:.5s slam;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.foot .spill{opacity:.9;width:min(300px,62%);margin:0 auto 16px;display:block}@media (width<=880px){.plunger-img{height:230px}}