fix: correct mobile FAB chevron direction and reposition to left side

- Fix inverted chevron logic: show left arrow when panel open, right arrow when closed
- Move FAB button from right to left side of screen (12px from left edge)
- Adjust vertical position down by 30px for better placement
- Update console logging to reflect correct icon states

index.js

@@ -1686,14 +1686,14 @@ function updateCollapseToggleIcon() {
         console.log('[RPG Mobile] updateCollapseToggleIcon:', {
             isMobile: true,
             isOpen,
-            settingIcon: isOpen ? 'chevron-right' : 'chevron-left'
+            settingIcon: isOpen ? 'chevron-left' : 'chevron-right'
         });
         if (isOpen) {
-            // Panel open - chevron points right (to close/slide right)
-            $icon.removeClass('fa-chevron-down fa-chevron-up fa-chevron-left').addClass('fa-chevron-right');
-        } else {
-            // Panel closed - chevron points left (to open/slide left)
+            // Panel open - chevron points left (to close/slide back right)
             $icon.removeClass('fa-chevron-down fa-chevron-up fa-chevron-right').addClass('fa-chevron-left');
+        } else {
+            // Panel closed - chevron points right (to open/slide in from right)
+            $icon.removeClass('fa-chevron-down fa-chevron-up fa-chevron-left').addClass('fa-chevron-right');
         }
     } else {
         // Desktop: icon direction based on panel position and collapsed state

style.css

@@ -3068,9 +3068,9 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         align-items: center;
         justify-content: center;
         position: fixed !important;
-        top: calc(var(--topBarBlockSize) + 60px) !important;
-        right: 12px !important;
-        left: auto !important;
+        top: calc(var(--topBarBlockSize) + 120px) !important;
+        left: 12px !important;
+        right: auto !important;
         width: 44px;
         height: 44px;
         min-width: 44px;