fix(assets): revise health cross icon and careful stance silhouette

Health icon: replaced overlapping outlined rects (railroad crossing
effect) with a single solid polygon path. Careful stance: redesigned
from diagonal-arm to horizontal T-shape for clear differentiation
from walk at 20px.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

client/assets/icons/icon_stance_careful.svg

@@ -1,9 +1,12 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
   <!--
     Stance: CAREFUL
-    Design: upright, arms spread wide (checking environment, lateral awareness),
-    legs closer together (deliberate slow placement).
-    Differentiator vs WALK: arms extend outward rather than swinging forward/back.
+    Design: arms spread horizontally at full width (shoulder-height lateral awareness),
+    legs narrow and close together (deliberate, controlled foot placement).
+    Silhouette reads as a wide T with narrow base — unmistakably different from
+    WALK's diagonal arm-swing and wide stride at 20px.
+    Differentiator vs WALK: arms point sideways (not fore/aft), legs almost together
+    (not striding). The wide-arm / narrow-leg ratio inverts WALK's geometry.
     D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
   -->
   <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
@@ -11,11 +14,11 @@
     <circle cx="10" cy="4" r="2.5"/>
     <!-- Torso (upright) -->
     <line x1="10" y1="6.5" x2="10" y2="13"/>
-    <!-- Arms spread laterally (alert posture) -->
-    <line x1="10" y1="9" x2="4" y2="12"/>
-    <line x1="10" y1="9" x2="16" y2="12"/>
-    <!-- Legs closer together (cautious, controlled placement) -->
-    <line x1="10" y1="13" x2="7" y2="19"/>
-    <line x1="10" y1="13" x2="13" y2="19"/>
+    <!-- Arms horizontal at shoulder height — full-width spread (T-shape) -->
+    <line x1="10" y1="9" x2="3" y2="9"/>
+    <line x1="10" y1="9" x2="17" y2="9"/>
+    <!-- Legs narrow — deliberate, almost no stride (controlled placement) -->
+    <line x1="10" y1="13" x2="8" y2="19"/>
+    <line x1="10" y1="13" x2="12" y2="19"/>
   </g>
 </svg>

client/assets/icons/icon_status_health.svg

@@ -1,15 +1,13 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
   <!--
     Status badge: HEALTH
-    Design: medical cross — two overlapping rectangles forming a plus symbol.
-    Universally understood health indicator. Geometric, no curves.
-    The live health value is displayed separately; this icon represents the concept.
-    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+    Design: medical cross — single polygon path tracing the outer edge of the plus shape.
+    Solid fill: no internal crossing lines, reads clearly at 20px.
+    D-086: fill=#c8d0e0 (explicit solid element), no stroke required.
+    Runtime recolor: shader replaces fill color via tint_color parameter.
   -->
-  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
-    <!-- Vertical bar of cross -->
-    <rect x="8.5" y="3" width="3" height="14"/>
-    <!-- Horizontal bar of cross -->
-    <rect x="3" y="8.5" width="14" height="3"/>
-  </g>
+  <path
+    d="M8.5,3 L11.5,3 L11.5,8.5 L17,8.5 L17,11.5 L11.5,11.5 L11.5,17 L8.5,17 L8.5,11.5 L3,11.5 L3,8.5 L8.5,8.5 Z"
+    fill="#c8d0e0"
+    stroke="none"/>
 </svg>