.pipeline{grid-template-rows:auto auto;grid-template-columns:400px auto 400px;justify-content:center;align-items:center;gap:18px clamp(24px,3vw,48px);margin:48px auto 0;padding:0 clamp(32px,5vw,80px);list-style:none;display:grid}.pipeline-step,.pipeline-body{display:contents}.pipeline-code{--gutter:2.7rem;--line-h:1.36rem;grid-area:1/1;width:400px;max-width:100%}.pipeline-code .code-window{aspect-ratio:auto;height:380px;min-height:380px}.pipeline-code .code-chrome{height:28px;font-size:10px}.pipeline-code .code-pane{height:calc(100% - 28px)}.pipeline-code .code-scroll{font-size:12px}.pipeline-path{grid-area:1/2;align-content:center;justify-items:center;gap:14px;min-width:180px;display:grid}.pipeline-file,.pipeline-host{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:520}.pipeline-file{color:#d5dcd6}.pipeline-host{color:#71829a}.pipeline-track{align-items:center;width:clamp(196px,18vw,248px);display:flex}.pipeline-shaft{background:#5b7190;border-radius:999px;flex:1;height:11px;position:relative}.pipeline-packet{background:#6c91ff;border-radius:50%;width:16px;height:16px;animation:2.8s ease-in-out infinite pipeline-packet;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #6c91ffb3}.pipeline-head{border:20px solid #0000;border-left:36px solid #89a6ff;border-right-width:0;flex:none;width:0;height:0;margin-left:-3px}.pipeline-match{grid-area:1/3;width:400px;max-width:100%}.pipeline-match .board-shell{grid-template-columns:minmax(0,1fr) 7px;gap:10px}.pipeline-match .agent-row{gap:12px;font-size:11px}.pipeline-match .match-foot{min-height:20px;font-size:10px}.pipeline-elo{color:#c9d4f0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:11px}.pipeline-label{color:#e8eef4;letter-spacing:-.03em;margin:0;font-size:17px;font-weight:520}#pipeline-write{grid-area:2/1}#pipeline-play{grid-area:2/3}@keyframes pipeline-packet{0%{opacity:0;left:0}14%{opacity:1}86%{opacity:1}to{opacity:0;left:100%}}@media (max-width:820px){.pipeline{grid-template-rows:none;grid-template-columns:minmax(0,400px);justify-items:center;row-gap:28px;padding:0}.pipeline-code,.pipeline-path,.pipeline-match,.pipeline-label,#pipeline-write,#pipeline-play{grid-area:auto/1;justify-self:center;width:min(100%,400px)}.pipeline-path{width:auto;min-width:0}.pipeline-code .code-window{height:300px;min-height:300px}.pipeline-track{flex-direction:column;width:11px;height:104px}.pipeline-shaft{flex:1;width:11px;height:auto}.pipeline-packet{animation-name:pipeline-packet-down;top:0;left:50%}.pipeline-head{margin:-1px 0 0;transform:rotate(90deg)}}@keyframes pipeline-packet-down{0%{opacity:0;top:0}14%{opacity:1}86%{opacity:1}to{opacity:0;top:100%}}@media (prefers-reduced-motion:reduce){.pipeline-packet{opacity:1;animation:none;top:50%;left:100%}}@media (max-width:820px) and (prefers-reduced-motion:reduce){.pipeline-packet{top:100%;left:50%}}
.stage-head-start,.stage-head-end{align-items:center;gap:16px;display:flex}.stage-view-toggle{background:#080c0bdb;border:1px solid #2a3330;border-radius:8px;padding:2px;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.stage-view-toggle button{color:#7f8b84;min-height:26px;font-family:var(--font-mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:10px;font-weight:560}.stage-view-toggle button[aria-pressed=true]{color:#e8ece6;background:#1a221e;box-shadow:inset 0 0 0 1px #334038}.code-shell{--gutter:3.15rem;--line-h:1.45rem;--code-bg:#070a09;grid-template-columns:minmax(0,1fr) 6px;gap:9px;display:grid;position:relative}.code-window{isolation:isolate;aspect-ratio:1;background:radial-gradient(circle at 12% 0%, #6c91ff12, transparent 36%), var(--code-bg);border:1px solid #303832;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff0b,inset 0 0 42px #6c91ff09}.code-window:after{content:"";z-index:5;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(#0000,#0000 2px,#ffffff03 2px 3px);position:absolute;inset:0;box-shadow:inset 0 0 22px #00000047}.code-chrome{color:#8b9690;height:26px;font-family:var(--font-mono);letter-spacing:.08em;background:linear-gradient(#121816f5,#0a0e0df5);border-bottom:1px solid #ffffff0d;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:8px;padding:0 10px 0 12px;font-size:9px;display:grid}.code-live-dot{background:#6c91ff;border-radius:50%;width:6px;height:6px;font-style:normal;display:block;box-shadow:0 0 8px #6c91ffb3}.code-chrome-file{color:#c9d0cb;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.code-pane{scrollbar-width:thin;scrollbar-color:#2f3a36 transparent;height:calc(100% - 26px);position:relative;overflow:auto}.code-pane::-webkit-scrollbar{width:6px}.code-pane::-webkit-scrollbar-thumb{background:#2f3a36;border-radius:99px}.code-scroll{min-height:100%;font-family:var(--font-mono);font-variant-ligatures:none;tab-size:4;padding:8px 0 18px;font-size:clamp(10px,.92vw,12px);position:relative}.code-scan{z-index:1;height:calc(var(--line-h) * 2.5);pointer-events:none;will-change:transform;background:linear-gradient(#0000,#6c91ff1a 26%,#e8b86d1c 50%,#6c91ff14 74%,#0000);position:absolute;top:0;left:0;right:0;box-shadow:inset 0 1px #6c91ff38,0 0 28px #6c91ff1f}.code-file,.code-line{z-index:2;grid-template-columns:var(--gutter) minmax(0, 1fr);min-height:var(--line-h);align-items:stretch;display:grid;position:relative}.code-file{background:#6c91ff0e;margin:4px 0 6px;box-shadow:inset 0 -1px #6c91ff1a}.code-file .code-gutter{color:#0000}.code-file-name{color:#8fa4e8;letter-spacing:.08em;font-size:.86em;line-height:var(--line-h);text-overflow:ellipsis;white-space:nowrap;padding:0 10px 0 12px;display:block;overflow:hidden}.code-gutter,.code-src{min-width:0;line-height:var(--line-h)}.code-gutter{box-sizing:border-box;width:var(--gutter);color:#5a6560;font-variant-numeric:tabular-nums;text-align:right;-webkit-user-select:none;user-select:none;white-space:nowrap;border-right:1px solid #8fa4e824;padding:0 .85rem 0 .45rem;display:block}.code-src{color:#9aa39d;text-overflow:ellipsis;white-space:pre;padding:0 12px 0 14px;display:block;overflow:hidden}.code-tok{display:inline}.tok-kw{color:#7d9bff}.tok-fn{color:#e6e2d0}.tok-hot{color:#c9a15a}.tok-str{color:#b8c4a6}.tok-num{color:#9eb0e8}.tok-cm{color:#5a6560;font-style:italic}.tok-id{color:#a8b2ac}.tok-op{color:#6e7a74}.code-line:before{content:"";width:2px;opacity:calc(var(--fire,0) * .95);box-shadow:0 0 10px rgba(108, 145, 255, calc(var(--fire,0) * .55));background:#6c91ff;border-radius:0 1px 1px 0;position:absolute;top:2px;bottom:2px;left:0}.code-line{background-color:rgba(108, 145, 255, calc(var(--fire,0) * .14))}.code-line.is-on .code-gutter{color:#8fa4e8}.code-line.is-on .tok-kw{color:#b4c6ff;text-shadow:0 0 8px #6c91ff59}.code-line.is-on .tok-fn{color:#f4f0de}.code-line.is-on .tok-hot{color:#f0c56e;text-shadow:0 0 12px #e8b86d80}.code-line.is-on .tok-str{color:#d3ddc4}.code-line.is-on .tok-id{color:#d5dcd6}.code-line.is-near .code-gutter{color:#6a7872}.code-line.is-near .tok-hot{color:#d4b06a}.code-rail{background:#1a1f1c;border:1px solid #303832;border-radius:99px;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #0000004d}.code-fill{background:linear-gradient(#8fa4e8,#6c91ff);height:8%;position:absolute;inset:0 0 auto;box-shadow:0 0 10px #6c91ff59}@media (prefers-reduced-motion:reduce){.code-live-dot{box-shadow:none}.code-scan{display:none}.code-line.is-on .tok-kw,.code-line.is-on .tok-hot{text-shadow:none}}