fix(mobile): center avatar without breaking mood layout

Changed selector from .rpg-stats-left > div to :first-child to only
target the avatar wrapper, preventing the mood emoji from stretching
into the attributes column.

The previous fix made all direct children of .rpg-stats-left span the
full width, which incorrectly affected the mood div. Now only the
first child (avatar wrapper) spans both columns and is centered.

style.css

@@ -3593,6 +3593,12 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         display: contents !important;
     }
 
+    /* Center the avatar wrapper on mobile */
+    .rpg-stats-left > div:first-child {
+        grid-column: 1 / 3;
+        justify-content: center !important;
+    }
+
     .rpg-stats-grid {
         grid-column: 1 / 3;
         grid-row: 2;