diff --git a/static/index.html b/static/index.html
index 84b4cbea4..98a4bfd74 100644
--- a/static/index.html
+++ b/static/index.html
@@ -450,6 +450,43 @@
     max-height: 85vh; overflow-y: auto;
     box-shadow: 0 20px 60px rgba(0,0,0,0.5);
   }
+
+  /* ── Mobile Responsive ── */
+  @media (max-width: 768px) {
+    .header {
+      flex-wrap: wrap; gap: 6px;
+      padding: 8px 12px;
+    }
+    .header h1 { font-size: 14px; }
+    .header .round-info { font-size: 12px; }
+
+    .grid {
+      grid-template-columns: 1fr;
+      height: auto;
+    }
+    .panel {
+      padding: 10px;
+      overflow-y: visible;
+    }
+
+    .chairs { gap: 4px; }
+    .chair { padding: 8px 4px; }
+    .chair-bet { font-size: 15px; }
+    .chair-label { font-size: 11px; }
+
+    .bets-feed { max-height: 180px; }
+    .bet-user { max-width: 90px; }
+
+    .hc-grid { grid-template-columns: 1fr; }
+
+    .history-table { font-size: 11px; display: block; overflow-x: auto; white-space: nowrap; }
+    .history-table th, .history-table td { padding: 3px 4px; }
+
+    .modal { width: 95vw; max-height: 90vh; padding: 14px; border-radius: 8px; }
+    .modal-stats { grid-template-columns: repeat(2, 1fr); }
+    .modal-header { gap: 8px; }
+    .modal-name { font-size: 14px; }
+  }
   .modal-close {
     float: right; background: none; border: none; color: var(--text2);
     font-size: 20px; cursor: pointer; padding: 0 4px;