UI: Submenu eingerueckt + Punkte deutlich groesser

SUBMENU (Schiffstypen etc.):
- Links eingerueckt (28px padding-left + 12px margin)
- Gruene Linie am linken Rand zur Abgrenzung
- Leicht dunklerer Hintergrund
- Klar als Untermenue erkennbar

PUNKTGROESSEN (alle Layer nochmals ~60% groesser):
- Flugzeuge: 5/6/8px (war 3/4/5)
- Schiffe: 4/5/7px (war 3/4/5)
- Militaer: 8px (war 6)
- Katastrophen: 14px (war 10)
- Erdbeben: 8-20px (war 6-15)
- GDELT: 10px (war 7)
- ISS: 18px (war 14)
- AKWs: 10px (war 7)
- Satelliten: 3/5px (war 1.5/3)
- Cluster: +40% groesser

static/css/globe.css

@@ -581,8 +581,11 @@ html, body { height: 100%; overflow: hidden; background: var(--bg-primary); colo
 .dot-terminator { background: #ff8800; }
 .dot-timezones { background: #8888ff; }
 
-/* === Ship Filters === */
+/* === Ship Filters (Submenu) === */
 .ship-filters {
-    padding: 4px 12px 6px;
-    border-top: 1px solid rgba(255,255,255,0.04);
+    padding: 6px 8px 8px 28px;
+    margin-left: 12px;
+    border-left: 2px solid rgba(0, 255, 136, 0.2);
+    background: rgba(255,255,255,0.02);
+    border-radius: 0 4px 4px 0;
 }