fix: prevent mobile hero clipping

src/index.css

@@ -1093,3 +1093,28 @@ body {
     font-size: 1.35rem;
   }
 }
+
+/* Narrow-phone polish: stack hero stats so the cockpit never clips at the right edge. */
+@media (max-width: 520px) {
+  .hero-card {
+    overflow: visible;
+  }
+
+  .hero-stats {
+    grid-template-columns: 1fr;
+  }
+
+  .hero-stats div {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    align-items: center;
+  }
+
+  .hero-stats strong {
+    margin-top: 0;
+  }
+
+  .tab-bar {
+    max-width: 100%;
+  }
+}