fix(mobile): move refresh button to top-right icon, fix tiny text issue

- Add compact 36px circular icon button in user stats header (mobile only)
- Hide full-width bottom button on mobile (<=1000px)
- Fixes 1.1vw font-size being ~4px on mobile viewports
- Fixes button blocking attributes at bottom
- Desktop unchanged: keeps full-width button at bottom

Mobile: [Avatar] [Name] | LVL [5] [🔄]
Desktop: [🔄 Refresh RPG Info] at bottom

src/systems/rendering/userStats.js

@@ -61,6 +61,9 @@ export function renderUserStats() {
                     <span style="opacity: 0.5;">|</span>
                     <span class="rpg-level-label">LVL</span>
                     <span class="rpg-level-value rpg-editable" contenteditable="true" data-field="level" title="Click to edit level">${extensionSettings.level}</span>
+                    <button id="rpg-manual-update-mobile" class="rpg-refresh-icon-btn" title="Refresh RPG Info">
+                        <i class="fa-solid fa-sync"></i>
+                    </button>
                 </div>
                 <div class="rpg-stats-grid">
                     <div class="rpg-stat-row">

src/systems/ui/layout.js

@@ -267,10 +267,13 @@ export function applyPanelPosition() {
  */
 export function updateGenerationModeUI() {
     if (extensionSettings.generationMode === 'together') {
-        // In "together" mode, manual update button is hidden
+        // In "together" mode, both update buttons are hidden
         $('#rpg-manual-update').hide();
+        $('#rpg-manual-update-mobile').hide();
     } else {
-        // In "separate" mode, manual update button is visible
+        // In "separate" mode, both update buttons are visible
+        // (CSS media queries will control which one is displayed)
         $('#rpg-manual-update').show();
+        $('#rpg-manual-update-mobile').show();
     }
 }