Try to simplify trooper counter

public/assets/css/map.css

@@ -47,10 +47,6 @@ polyline.move-trace {
   /* fill: #bacae3; */
 }
 
-#counter-base {
-  r: inherit;
-}
-
 g.troop-counter, g.counter, g.troop-counter use {
   r: inherit;
 }
@@ -59,7 +55,7 @@ g.troop-counter-template, g.troop-counter-template use {
   r: inherit;
 }
 
-g.weapon-symbol {
+g.weapon-symbol :not(use[href="#counter-base"]) {
   stroke: white;
   stroke-width: 0.5px;
 }
@@ -107,18 +103,27 @@ g[data-allegiance="attacker"].clone {
   fill: rgb(126, 126, 255);
 }
 
-text.counter, #troop-counter text {
+.counter, #troop-counter text {
+  /* transform: translateY(4px); */
+}
+
+g.counter use.troop-number, g.counter use.squad-number {
   font-size: 12px;
   font-weight: bold;
-  fill: white;
-  font-family: sans-serif;
+  font-family: monospace;
   cursor: default;
   text-anchor: middle;
-  transform: translateY(4px);
   pointer-events: none;
   user-select: none;
+  --text-fill: white;
+  --translateY: 4px;
 }
 
+/* .primary-weapon {
+  stroke: white;
+  stroke-width: 0.5px;
+} */
+
 polygon.firing-arc[data-allegiance="defender"] {
   fill: red;
 }
@@ -167,17 +172,6 @@ g.counter use {
   r: 5px;
 }
 
-g.counter text.troop-number, g.counter text.squad-number {
-  fill: black;
-  font-size: 6px;
-  font-family: monospace;
-  font-weight: bold;
-  cursor: default;
-  text-anchor: middle;
-  pointer-events: none;
-  user-select: none;
-}
-
 g.counter use.troop-number, g.counter use.squad-number {
   --scale: 0.4;
 }
@@ -194,7 +188,7 @@ g.counter .troop-number, g.counter .squad-number {
   transform: translate(var(--translateX), 0) scale(var(--scale));
 }
 
-g.selected use[href="#counter-base"] {
+g.selected use.primary-weapon {
   animation: 1s selected 0.25s linear infinite;
   stroke-width: 2px;
   stroke: yellow;

public/assets/css/style.css

@@ -181,11 +181,18 @@ polygon.firing-arc[data-allegiance="attacker"] {
   fill: blue;
 }
 
-.weapon-icon {
+.soldier-record svg use {
+  r: 5px;
+  stroke: none;
+}
+
+
+.soldier-record svg.weapon-icon use {
   stroke: white;
   stroke-width: 0.5px;
 }
 
+
 .soldier-record svg {
   width: 20px;
   height: 20px;
@@ -210,12 +217,6 @@ polygon.firing-arc[data-allegiance="attacker"] {
   font-family: monospace;
 }
 
-.weapon-symbol :not(use[href="#counter-base"]) {
-  stroke: white;
-  stroke-width: 0.5;
-  fill: none;
-}
-
 .soldier-record.selected {
   background-color: khaki;
 }