Better mobile support

src/lib/WalksProgress.svelte

@@ -45,4 +45,31 @@
     article:nth-child(1) {
         grid-column: 1;
     }
+
+    .red {
+        padding: 0.75em;
+        overflow: hidden;
+        font-size: 0.66em;
+        word-break: break-all;
+    }
+
+    article:has(.red) {
+        pointer-events: none;
+        opacity: 0.33 !important;
+    }
+
+    article {
+        > * {
+            padding: 0.75em 0.5em;
+            font-size: 0.9em;
+            text-align: center;
+
+            &:first-word {
+                font-size: 2em;
+                display: block;
+            }
+
+        }
+    }
+
 </style>