make front page mobile friendly, disable leaderboard on mobile

src/client/graphics/layers/Leaderboard.ts

@@ -129,6 +129,11 @@ export class Leaderboard extends LitElement implements Layer {
     .hidden {
       display: none !important;
     }
+    @media (max-width: 1000px) {
+      .leaderboard {
+        display: none !important;
+      }
+    }
   `;
 
   @property({type: Array})

src/client/graphics/layers/radial/EmojiTable.ts

@@ -66,6 +66,28 @@ export class EmojiTable extends LitElement {
         .hidden {
             display: none !important;
         }
+            
+        @media (max-width: 600px) {
+            .emoji-button {
+                font-size: 32px;
+                /* Slightly smaller font size for mobile */
+                width: 60px;
+                /* Smaller width for mobile */
+                height: 60px;
+                /* Smaller height for mobile */
+                margin: 5px;
+                /* Smaller margin for mobile */
+            }
+        }
+
+        @media (max-width: 400px) {
+            .emoji-button {
+                font-size: 28px;
+                width: 50px;
+                height: 50px;
+                margin: 3px;
+            }
+        }
     `;
 
     @state()