mobile support

2026-06-16 09:45:49 -04:00
parent 9c7d1e2c6a
commit 12a102a3ca
9 changed files with 125 additions and 24 deletions
@@ -148,6 +148,21 @@
      box-shadow: 0 0 20px rgba(74,74,138,0.3);
      transform: scale(1.03);
    }
+
+    @media (max-width: 600px) {
+      #statusText { font-size: 1.1rem; }
+      #statusText .sub { font-size: 0.7rem; }
+      .results { gap: 1rem; margin-top: 1.5rem; }
+      .result-box .value { font-size: 1.4rem; }
+      .result-box .label { font-size: 0.5rem; }
+      .play-again-btn { padding: 0.7rem 1.8rem; font-size: 0.75rem; }
+    }
+    @media (max-width: 400px) {
+      #statusText { font-size: 0.95rem; }
+      #statusText .sub { font-size: 0.6rem; }
+      .results { gap: 0.75rem; }
+      .result-box .value { font-size: 1.1rem; }
+    }
  </style>
 </head>
 <body>