feat: improved ops-strip with faction and stations

apps/viewer/src/style.css

@@ -87,7 +87,7 @@ canvas {
 .info-panel,
 .network-panel,
 .performance-panel,
-.ship-strip {
+.ops-strip {
   backdrop-filter: blur(18px);
   background: var(--panel);
   border: 1px solid var(--panel-border);
@@ -413,7 +413,7 @@ canvas {
   pointer-events: none;
 }
 
-.ship-strip {
+.ops-strip {
   position: absolute;
   left: 0;
   right: 0;
@@ -536,6 +536,24 @@ canvas {
   line-height: 1;
 }
 
+.faction-card {
+  border-top-color: rgba(180, 130, 255, 0.3);
+  cursor: default;
+}
+
+.faction-card:hover {
+  transform: none;
+  border-color: rgba(180, 130, 255, 0.5);
+}
+
+.station-card {
+  border-top-color: rgba(127, 255, 180, 0.22);
+}
+
+.station-card:hover {
+  border-color: rgba(127, 255, 180, 0.5);
+}
+
 .swatch {
   width: 14px;
   height: 48px;
@@ -544,7 +562,7 @@ canvas {
 }
 
 @media (max-width: 1080px) {
-  .ship-strip {
+  .ops-strip {
     width: 100vw;
   }
 }
@@ -584,7 +602,7 @@ canvas {
     width: auto;
   }
 
-  .ship-strip {
+  .ops-strip {
     left: 0;
     right: 0;
     bottom: 0;