.circuit-pattern{--circuit-node-size:6px;--circuit-node-size-sm:4px;--circuit-node-size-lg:8px;--circuit-glow-spread:2px;--circuit-glow-spread-outer:4px;--circuit-glow-spread-lg:3px;--circuit-glow-spread-lg-outer:6px;z-index:-1;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.circuit-svg{opacity:.3;width:100%;height:100%;position:absolute;inset:0}.circuit-gradient{background:linear-gradient(to bottom, transparent 0%, transparent 60%, var(--brand-surface-base) 100%);pointer-events:none;position:absolute;inset:0}.circuit-nodes{position:absolute;inset:0;overflow:hidden}.circuit-node{transform:translate(var(--node-tx,0), var(--node-ty,0)) translate(-50%, -50%);width:var(--circuit-node-size);height:var(--circuit-node-size);--glow-color:var(--stats-mesh-color-2,#329d9c);--glow-color-dim:color-mix(in srgb, var(--glow-color) 50%, transparent);background:var(--glow-color);box-shadow:0 0 8px var(--circuit-glow-spread) var(--glow-color), 0 0 16px var(--circuit-glow-spread-outer) var(--glow-color-dim);animation:circuit-pulse var(--pulse-duration,3s) ease-in-out infinite;animation-delay:var(--pulse-delay,0s);opacity:.7;will-change:transform, opacity;contain:layout style;border-radius:50%;position:absolute;top:0;left:0}.circuit-node[data-size=sm]{width:var(--circuit-node-size-sm);height:var(--circuit-node-size-sm)}.circuit-node[data-size=lg]{width:var(--circuit-node-size-lg);height:var(--circuit-node-size-lg);--glow-color:var(--stats-mesh-color-3,#56c596);--glow-color-dim:color-mix(in srgb, var(--glow-color) 40%, transparent);box-shadow:0 0 12px var(--circuit-glow-spread-lg) var(--glow-color), 0 0 24px var(--circuit-glow-spread-lg-outer) var(--glow-color-dim)}.circuit-node[data-color=teal]{--glow-color:var(--stats-mesh-color-1,#205072)}.circuit-node[data-color=mint]{--glow-color:var(--stats-mesh-color-3,#56c596)}.circuit-node--traveling{opacity:.85;animation:none;transform:translate(0)translate(-50%,-50%)}.circuit-node[data-depth=far]{opacity:.35;z-index:1}.circuit-node[data-depth=mid]{opacity:.6;z-index:2}.circuit-node[data-depth=near]{opacity:.9;z-index:3}.circuit-node--trail{pointer-events:none;width:calc(var(--circuit-node-size) * .7);height:calc(var(--circuit-node-size) * .7);box-shadow:0 0 4px var(--circuit-glow-spread) var(--glow-color), 0 0 8px var(--circuit-glow-spread-outer) var(--glow-color-dim);animation:none;transform:translate(0)translate(-50%,-50%)}.circuit-node--trail[data-trail-index="0"]{opacity:.5}.circuit-node--trail[data-trail-index="1"]{opacity:.35;width:calc(var(--circuit-node-size) * .55);height:calc(var(--circuit-node-size) * .55)}.circuit-node--trail[data-trail-index="2"]{opacity:.2;width:calc(var(--circuit-node-size) * .4);height:calc(var(--circuit-node-size) * .4)}.circuit-node--trail[data-trail-index="3"]{opacity:.1;width:calc(var(--circuit-node-size) * .3);height:calc(var(--circuit-node-size) * .3)}.circuit-node--trail[data-trail-index="0"][data-depth=far]{opacity:.2}.circuit-node--trail[data-trail-index="0"][data-depth=mid]{opacity:.35}.circuit-node--trail[data-trail-index="0"][data-depth=near]{opacity:.5}.circuit-node--trail[data-trail-index="1"][data-depth=far]{opacity:.14}.circuit-node--trail[data-trail-index="1"][data-depth=mid]{opacity:.25}.circuit-node--trail[data-trail-index="1"][data-depth=near]{opacity:.35}.circuit-node--trail[data-trail-index="2"][data-depth=far]{opacity:.08}.circuit-node--trail[data-trail-index="2"][data-depth=mid]{opacity:.14}.circuit-node--trail[data-trail-index="2"][data-depth=near]{opacity:.2}.circuit-node--trail[data-trail-index="3"][data-depth=far]{opacity:.04}.circuit-node--trail[data-trail-index="3"][data-depth=mid]{opacity:.07}.circuit-node--trail[data-trail-index="3"][data-depth=near]{opacity:.1}@keyframes circuit-pulse{0%,to{opacity:.4;transform:translate(var(--node-tx,0), var(--node-ty,0)) translate(-50%, -50%) scale(1)}50%{opacity:.9;transform:translate(var(--node-tx,0), var(--node-ty,0)) translate(-50%, -50%) scale(1.3)}}@media (prefers-reduced-motion:reduce){.circuit-node{transform:translate(var(--node-tx,0), var(--node-ty,0)) translate(-50%, -50%);opacity:.6;will-change:auto;animation:none}.circuit-node--trail{visibility:hidden}}:root[data-theme=dark] .circuit-svg{opacity:.4}:root[data-theme=dark] .circuit-gradient{background:linear-gradient(to bottom, transparent 0%, transparent 50%, var(--brand-surface-base) 100%)}:root[data-theme=dark] .circuit-node{opacity:.8}@media (width<=640px){.circuit-svg{opacity:.15}}
