diff --git a/style.css b/style.css
index 46ebfe1..c62df5b 100644
--- a/style.css
+++ b/style.css
@@ -3824,6 +3824,55 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         width: clamp(28px, 7.2vw, 36px) !important;
         height: clamp(28px, 7.2vw, 36px) !important;
     }
+
+    /* ========================================
+       MOBILE UI BUTTONS
+       ======================================== */
+
+    /* Readable settings button on mobile */
+    .rpg-btn-settings {
+        font-size: clamp(14px, 3.6vw, 18px) !important;
+    }
+
+    /* Larger mobile toggle dice icon (button size is fine) */
+    .rpg-mobile-toggle {
+        font-size: clamp(20px, 5.1vw, 26px) !important;
+    }
+
+    /* ========================================
+       MOBILE SETTINGS POPUP
+       ======================================== */
+
+    /* Readable settings popup title */
+    .rpg-settings-popup-header h3 {
+        font-size: clamp(16px, 4.1vw, 20px) !important;
+    }
+
+    /* Readable settings group headers */
+    .rpg-settings-group h4 {
+        font-size: clamp(14px, 3.6vw, 18px) !important;
+    }
+
+    /* Readable setting labels */
+    .rpg-setting-row label {
+        font-size: clamp(12px, 3.1vw, 16px) !important;
+    }
+
+    /* Readable dropdowns and inputs */
+    .rpg-select,
+    .rpg-input {
+        font-size: clamp(13px, 3.3vw, 17px) !important;
+    }
+
+    /* Readable helper text */
+    .rpg-setting-row small {
+        font-size: clamp(10px, 2.6vw, 13px) !important;
+    }
+
+    /* Readable clear cache button */
+    .rpg-btn-clear-cache {
+        font-size: clamp(13px, 3.3vw, 17px) !important;
+    }
 }
 
 /* Extra small screens - adjust FAB position */