diff --git a/l4d2web/l4d2web/static/js/tabs.js b/l4d2web/l4d2web/static/js/tabs.js
index 00df844..9171027 100644
--- a/l4d2web/l4d2web/static/js/tabs.js
+++ b/l4d2web/l4d2web/static/js/tabs.js
@@ -54,8 +54,12 @@
           const name = strip.dataset.activeTab;
           if (!name) return;
           const dlg = document.getElementById(`${name}-modal`);
-          if (dlg && typeof dlg.showModal === "function" && !dlg.open) {
-            dlg.showModal();
+          if (dlg && !dlg.open) {
+            if (window.modals && typeof window.modals.openInline === "function") {
+              window.modals.openInline(dlg);
+            } else if (typeof dlg.showModal === "function") {
+              dlg.showModal();
+            }
           }
         });
       }
diff --git a/l4d2web/l4d2web/templates/server_detail.html b/l4d2web/l4d2web/templates/server_detail.html
index a8e95c9..2232f94 100644
--- a/l4d2web/l4d2web/templates/server_detail.html
+++ b/l4d2web/l4d2web/templates/server_detail.html
@@ -211,4 +211,25 @@
     </form>
   </div>
 </dialog>
+
+<script>
+  // Pin the Console modal transcript to its bottom each time the modal
+  // opens. While the <dialog> is closed, its descendants have scrollHeight=0,
+  // so neither the page-load autoscroll nor htmx:load can anchor them.
+  // The 'modal:opened' CustomEvent is dispatched by modals.js on
+  // dialog.showModal().
+  (() => {
+    const dlg = document.getElementById("console-modal");
+    if (!dlg) return;
+    dlg.addEventListener("modal:opened", () => {
+      // Defer one rAF so the browser commits the dialog layout before we
+      // read scrollHeight and set scrollTop (otherwise both are still 0).
+      requestAnimationFrame(() => {
+        if (window.scrollAutoscrollTargets) {
+          window.scrollAutoscrollTargets(dlg);
+        }
+      });
+    });
+  })();
+</script>
 {% endblock %}