.prog-wow-flow{grid-template-columns:200px 1fr 320px 1fr 200px;align-items:center;gap:0;width:100%;min-height:380px;margin-bottom:50px;display:grid;position:relative}.prog-wow-supply{z-index:2;flex-direction:column;grid-column:1;gap:1.4rem;display:flex}.prog-wow-supply-item{background:var(--white-2);border:1px solid var(--white-8);border-radius:var(--radius-lg);opacity:0;align-items:center;gap:.7rem;width:100%;padding:.6rem .8rem;transition:border-color .3s,background .3s;display:flex}.prog-wow-supply-item:hover{border-color:var(--pink-border-light);background:var(--pink-10)}.prog-wow-supply-icon{background:var(--pink-20);border:1px solid var(--pink-60);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.prog-wow-supply-icon svg{width:22px;height:22px}.prog-wow-supply-name{font-size:var(--text-sm);color:var(--white);font-weight:600}.prog-wow-supply-meta{font-size:var(--text-xs);color:var(--white-40);margin-top:2px}.prog-wow-exchange{z-index:2;opacity:0;flex-direction:column;grid-column:3;justify-self:center;align-items:center;display:flex;position:relative}.prog-wow-exchange-glow{background:radial-gradient(circle, var(--pink-40) 0%, transparent 70%);border-radius:var(--radius-full);z-index:-1;width:320px;height:320px;animation:4s ease-in-out infinite prog-pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes prog-pulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}}.prog-wow-exchange-icon{border:1px solid var(--pink);background:var(--pink-20);width:56px;height:56px;box-shadow:var(--glow-pink-inset);border-radius:var(--radius-lg);justify-content:center;align-items:center;margin-bottom:.6rem;display:flex}.prog-wow-exchange-icon svg{width:28px;height:28px}.prog-wow-exchange-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-normal);color:var(--white-50);margin-bottom:.8rem}.prog-wow-exchange-card{background:var(--code-bg);border:1px solid var(--pink-60);border-radius:var(--radius-lg);text-align:center;width:280px;padding:1.2rem}.prog-wow-exchange-title{font-size:var(--text-lg);color:var(--white);margin-bottom:.8rem;font-weight:700}.prog-wow-bid-line{font-size:var(--text-xl);color:var(--pink);margin-bottom:.4rem;font-weight:700}.prog-wow-bid-cursor{background:var(--pink);vertical-align:text-bottom;width:2px;height:1.2em;margin-left:4px;animation:1s step-end infinite prog-cursor-blink;display:inline-block}@keyframes prog-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.prog-wow-auction-result{font-size:var(--text-xs);color:var(--green);margin-top:.4rem}.prog-wow-demand{z-index:2;flex-direction:column;grid-column:5;gap:1.4rem;display:flex}.prog-wow-demand-item{background:var(--white-2);border:1px solid var(--white-8);border-radius:var(--radius-lg);opacity:0;align-items:center;gap:.7rem;width:100%;padding:.6rem .8rem;transition:border-color .3s,background .3s;display:flex}.prog-wow-demand-item:hover{border-color:var(--pink-border-light);background:var(--pink-10)}.prog-wow-demand-icon{background:var(--pink-20);border:1px solid var(--pink-60);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.prog-wow-demand-icon svg{width:22px;height:22px}.prog-wow-demand-name{font-size:var(--text-sm);color:var(--white);font-weight:600}.prog-wow-demand-meta{font-size:var(--text-xs);color:var(--white-40);margin-top:2px}.prog-wow-paths{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.prog-wow-path{fill:none;stroke:var(--pink-60);stroke-width:1.5px;stroke-dasharray:6 4}.prog-wow-packets{z-index:1;pointer-events:none;position:absolute;inset:0}.prog-wow-packet{background:var(--pink);border-radius:var(--radius-full);width:6px;height:6px;box-shadow:var(--glow-pink-dual);opacity:0;position:absolute;transform:translate(-50%,-50%)}.prog-wow-packet--green{background:var(--green);box-shadow:var(--glow-green-dual)}@media (width<=1100px){.prog-wow-flow{grid-template-rows:auto auto auto;grid-template-columns:1fr;justify-items:center;gap:2.5rem}.prog-wow-supply{flex-flow:wrap;grid-column:auto;justify-content:center;position:relative}.prog-wow-exchange{grid-column:auto}.prog-wow-demand{flex-flow:wrap;grid-column:auto;justify-content:center}.prog-wow-paths,.prog-wow-packets{display:none}.prog-wow-supply:after,.prog-wow-exchange:after{content:"";background:repeating-linear-gradient(to bottom, var(--pink-60) 0px, var(--pink-60) 6px, transparent 6px, transparent 10px);width:2px;height:2.5rem;position:absolute;bottom:-2.5rem;left:50%;transform:translate(-50%)}.prog-wow-supply:before,.prog-wow-exchange:before{content:"";border-radius:var(--radius-full);background:var(--pink);width:6px;height:6px;box-shadow:var(--glow-pink-md);z-index:3;animation:2s ease-in-out infinite prog-dot-travel;position:absolute;left:50%}.prog-wow-exchange:before{background:var(--green);box-shadow:var(--glow-green-md);animation-delay:.8s}}@keyframes prog-dot-travel{0%{opacity:0;bottom:-1px;transform:translate(-50%)}15%{opacity:1}85%{opacity:1}to{opacity:0;bottom:-2.5rem;transform:translate(-50%)}}@media (width<=768px){.prog-wow-exchange-card{width:100%;max-width:280px}}@media (width<=600px){.prog-wow-supply-item,.prog-wow-demand-item{padding:.5rem .6rem}}@media (prefers-reduced-motion:reduce){.prog-wow-exchange-glow,.prog-wow-bid-cursor,.prog-wow-supply:before,.prog-wow-exchange:before{animation:none!important}}