Add viewer network statistics panel

apps/viewer/src/style.css

@@ -39,6 +39,7 @@ canvas {
 
 .topbar,
 .details-panel,
+.network-panel,
 .faction-strip {
   position: absolute;
   backdrop-filter: blur(18px);
@@ -118,6 +119,16 @@ canvas {
   overflow: auto;
 }
 
+.network-panel {
+  top: 110px;
+  left: 20px;
+  width: min(360px, calc(100vw - 40px));
+  border-radius: 24px;
+  padding: 18px;
+  color: var(--text);
+  pointer-events: auto;
+}
+
 .details-panel h2 {
   color: var(--accent);
   letter-spacing: 0.16em;
@@ -125,6 +136,23 @@ canvas {
   text-transform: uppercase;
 }
 
+.network-panel h2 {
+  margin: 0;
+  color: var(--accent);
+  letter-spacing: 0.16em;
+  font-size: 0.72rem;
+  text-transform: uppercase;
+}
+
+.network-body {
+  margin-top: 14px;
+  color: var(--muted);
+  font-family: "IBM Plex Mono", "SFMono-Regular", monospace;
+  font-size: 0.8rem;
+  line-height: 1.6;
+  white-space: pre-wrap;
+}
+
 .detail-title {
   margin-top: 12px;
   font-size: 1.05rem;
@@ -214,6 +242,13 @@ canvas {
     max-height: 38vh;
   }
 
+  .network-panel {
+    top: 110px;
+    right: 20px;
+    left: 20px;
+    width: auto;
+  }
+
   .faction-strip {
     left: 20px;
     right: 20px;