fix bug fingers in reachability page

Author: guyjuniorcalvet

assets/css/heatmap3d/dataviz.css

@@ -322,6 +322,17 @@ button:hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0, 0, 0,
 .finger-middle-right { top: -10px; left: 50%; transform: translateX(-50%); }
 .finger-ring-right { top: 4%; right: 4px; }
 .finger-little-right { top: 42%; right: -12px; }
+
+/* Fix: Middle fingers need combined transform to keep centering on hover/active */
+.finger-middle-left:hover,
+.finger-middle-right:hover {
+  transform: translateX(-50%) scale(1.2);
+}
+.finger-middle-left.active,
+.finger-middle-right.active {
+  transform: translateX(-50%) scale(1.15);
+}
+
 .finger-dot[data-tooltip]:hover::after { bottom: 115%; font-size: 10px; }
 
 /* Hand divider & actions */