Update style/defaults/style.css

style/defaults/style.css

@@ -336,3 +336,22 @@ html, body {
   margin: 0;
   padding: 5px;
 }
+
+/* --------------------------------------------------------------------------- */
+/* NEW MOBILE RULES — ensure instructions panel fits on phones                 */
+/* --------------------------------------------------------------------------- */
+@media (max-width: 600px) {
+  .menu-content {
+    width: 85vw;            /* 80-90 % of viewport width */
+    max-height: 55vh;       /* keep it within ~half the screen */
+    overflow-y: auto;       /* scroll internally if content is long */
+    padding: 14px 18px;     /* slightly tighter padding on small screens */
+    font-size: 14px;        /* minor font-size tweak so lines wrap cleaner */
+  }
+
+  /* keep the close button inside the panel’s bounds */
+  .menu-content .help-close {
+    top: 6px;
+    right: 6px;
+  }
+}