/* network view */
.g5{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.graph{height:auto;aspect-ratio:960/540;min-height:380px;background:
  linear-gradient(rgba(9,30,60,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(9,30,60,.05) 1px,transparent 1px);background-size:40px 40px;border:1px solid var(--line2)}
.graph svg{width:100%;height:100%;display:block}
.graph .ringline{fill:none;stroke:var(--indigo);stroke-opacity:.22;stroke-dasharray:2 7}
.graph .ringlbl{font:9px var(--mono);letter-spacing:3px;fill:var(--indigo);opacity:.7}
.graph .lk{stroke:var(--indigo);stroke-width:1}
.graph .lk.live{stroke-width:1.6}.graph .lk.bridge,.graph .lk.community{stroke:#8a5cf6}
.graph .nd{cursor:pointer;transition:opacity .2s}
.graph .nd:hover circle:not(.pulse){filter:drop-shadow(0 0 6px rgba(73,81,183,.7))}
.graph .nd.sel circle:first-of-type{stroke-width:3.5}
.graph .nlbl{font:700 9px var(--mono);letter-spacing:1.5px;fill:var(--ink);pointer-events:none}
.graph .nlbl.sm{font-weight:400;font-size:8px;fill:var(--ink2)}
.graph .nlbl.you{font-size:10px;letter-spacing:2.5px}
.graph .pulse{fill:none;stroke:var(--indigo);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:nwp 2.4s ease-out infinite}
@keyframes nwp{from{transform:scale(1);opacity:.8}to{transform:scale(2.6);opacity:0}}
.graph .orbit{transform-box:fill-box;transform-origin:center;animation:orb 24s linear infinite}
@keyframes orb{to{transform:rotate(360deg)}}
.nw-tip{position:absolute;z-index:5;pointer-events:none;background:var(--ink);color:#fff;padding:9px 12px;font-size:11px;line-height:1.6;max-width:230px;box-shadow:0 6px 20px rgba(9,30,60,.3)}
.nw-tip .mut{color:rgba(255,255,255,.65)}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:9px;letter-spacing:2px;color:var(--dim)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.lg-you{background:var(--ink)}.lg-live{background:#fff;border:3px solid var(--indigo)}.lg-bridge{background:#fff;border:1.5px solid var(--ink)}.lg-comm{background:#8a5cf6}
.lg-flow{border-radius:0!important;height:3px!important;background:var(--indigo);vertical-align:2px!important;width:16px!important}