diff --git a/bullseye/page.py b/bullseye/page.py
index 7be5397..675d956 100644
--- a/bullseye/page.py
+++ b/bullseye/page.py
@@ -31,10 +31,16 @@ button {{ background: #0c5; color: #001; border: none; padding: 4px 12px; cursor
 #controls {{ margin-bottom: 6px; font-size: 0.85em; opacity: 0.9; }}
 #controls input[type=range] {{ vertical-align: middle; }}
 #compose {{ display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: 0; }}
-#compose #msg {{ flex: 1 1 20em; }}
-/* mobile: double the base font for readability (relies on the viewport meta above) + taller dock clearance */
+#compose #msg {{ flex: 1 1 20em; min-width: 0; }}
+/* long tokens (urls, sic commands, code) must wrap, not force the page wider than the viewport */
+#transcript {{ overflow-wrap: break-word; word-break: break-word; }}
+#transcript pre {{ white-space: pre-wrap; overflow-x: auto; max-width: 100%; }}
+/* mobile: double the base font (relies on the viewport meta above); stack the compose so the
+   wide inputs never overflow (which was pinning the transcript into a narrow left column) */
 @media (max-width: 768px) {{
-  body {{ font-size: 200%; padding-bottom: 220px; }}
+  body {{ font-size: 200%; padding-bottom: 260px; }}
+  #compose #to {{ width: 6em; }}
+  #compose #msg {{ flex-basis: 100%; }}
 }}
 </style>
 </head>