More APRS enhancements

ui/src/pages/APRS.scss

@@ -104,4 +104,35 @@
   .leaflet-container {
     background: rgba(13, 36, 82, 0.95);
   }
+
+  .leaflet-tile-pane {
+    filter: invert(1) hue-rotate(180deg) saturate(0.8) brightness(0.95);
+  }
+}
+
+// APRS symbol markers on the map
+.aprs-marker-icon {
+  border: none;
+  background: transparent;
+
+  .aprs-map-marker {
+    // Use 32px source scaled to 16px for crisp rendering
+    width: 16px;
+    height: 16px;
+    background-size: 256px auto; // 16 * 16px = 256px
+    display: block;
+  }
+}
+
+// Cluster markers
+.cluster-marker-icon {
+  border: none;
+  background: transparent;
+  cursor: pointer;
+
+  &:hover .cluster-marker {
+    background: rgba(0, 102, 204, 0.95) !important;
+    transform: scale(1.1);
+    transition: all 0.2s ease;
+  }
 }