Added a countdown timer

site/mental-arithmatic/style.css

@@ -3,14 +3,35 @@
 }
 
 body {
-    min-height: 100dvh;
     --pico-form-element-disabled-opacity: 1.0;
 }
 
 .game-card {
     display: flex;
     flex-direction: column;
-    min-height: 80dvh;
+    min-height: 50vh;
+}
+
+.welcome-card .game-variant footer {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.welcome-card .game-variant .high-scores {
+    display: flex;
+    gap: 10px;
+}
+
+.countdown-timer {
+    font-size: 3em;
+    text-align: center;
+    width: 100%;
+}
+
+input.fake {
+    position: fixed;
+    top: -600px;
 }
 
 .game-card header,
@@ -29,6 +50,8 @@ body {
 
     display: flex;
     align-items: center;
+
+    padding-block-start: 40px;
 }
 
 .game-card .question {
@@ -46,13 +69,13 @@ body {
 }
 
 .game-card .answer.right {
-    border-color: green;
-    color: green;
+    border-color: #4EB31B;
+    color: #4EB31B;
 }
 
 .game-card .answer.wrong {
-    border-color: red;
-    color: red;
+    border-color: #EE402E;
+    color: #EE402E;
 }
 
 .game-card .answer .indicator {