Fixes for mobile

Author: Luke

index.html

@@ -220,10 +220,10 @@ <h1 class="text-base sm:text-lg font-bold text-blue-400 truncate">Bible Cross-Re
                        class="w-20 sm:w-24 h-2 bg-gray-700 rounded-lg cursor-pointer">
                 <span id="arc-value" class="text-xs w-8">500</span>
             </div>
-            <button onclick="openPresentation('creed')" class="text-xs bg-gray-700 hover:bg-blue-600 px-2 sm:px-3 py-1.5 rounded border border-gray-600 hover:border-blue-500 text-blue-400 hover:text-white transition-colors whitespace-nowrap">
-                Nicene Creed
+            <button onclick="openPresentation('creed')" class="text-xs sm:text-xs bg-gray-700 hover:bg-blue-600 px-1.5 py-1 sm:px-2 sm:py-1.5 rounded border border-gray-600 hover:border-blue-500 text-blue-400 hover:text-white transition-colors whitespace-nowrap">
+                Creed
             </button>
-            <button onclick="openPresentation('prophecy')" class="text-xs bg-gray-700 hover:bg-blue-600 px-2 sm:px-3 py-1.5 rounded border border-gray-600 hover:border-blue-500 text-blue-400 hover:text-white transition-colors whitespace-nowrap">
+            <button onclick="openPresentation('prophecy')" class="text-xs sm:text-xs bg-gray-700 hover:bg-blue-600 px-1.5 py-1 sm:px-2 sm:py-1.5 rounded border border-gray-600 hover:border-blue-500 text-blue-400 hover:text-white transition-colors whitespace-nowrap">
                 Prophecies
             </button>
             <input type="text" id="search-input" placeholder="Search... "

presentation_data.js

@@ -152,10 +152,23 @@ const PRESENTATION_STYLES = `
     font-weight: 700;
     margin-bottom: 0.75rem;
     line-height: 1.2;
+    /* Fallback color for browsers that don't support background-clip */
+    color: var(--accent-primary);
+    text-shadow: 0 0 20px var(--accent-glow);
     background: linear-gradient(135deg, #ffffff 0%, var(--accent-primary) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
+    position: relative;
+  }
+
+  /* Mobile override - use solid color for better compatibility */
+  @media (max-width: 768px) {
+    .slide-line {
+      -webkit-text-fill-color: var(--accent-primary);
+      background: none;
+      color: var(--accent-primary);
+    }
   }
 
   .slide-subline {