Fix mobile header overflow

Author: Amey-Thakur

Source Code/style.css

@@ -751,11 +751,21 @@ button:active {
 
   .header {
     height: 60px;
+    padding: 0 10px;
+    /* Add some padding */
   }
 
   .header h1 {
-    font-size: 28px;
-    /* Significantly reduced for mobile */
+    font-size: 20px;
+    /* Further reduced from 28px to prevent wrapping */
+    letter-spacing: 1px;
+    /* Reduce spacing */
+    width: 100%;
+    text-align: center;
+    white-space: nowrap;
+    /* Force single line if possible */
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   .countdown {