diff --git a/CLAUDE.md b/CLAUDE.md
index bf879cf3..ffbd8c20 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -35,7 +35,7 @@ When user says "COM":
 1. Increment version in BOTH `package.json` AND `CLAUDE.md` (verify they match with `grep version package.json && grep Version CLAUDE.md`)
 2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
 
-**Version**: 0.1517 (must match `package.json` for npm publish)
+**Version**: 0.1518 (must match `package.json` for npm publish)
 
 ## Project Overview
 
diff --git a/package.json b/package.json
index 4c5eddb5..14dbd129 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "claudeman",
-  "version": "0.1517",
+  "version": "0.1518",
   "description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
   "type": "module",
   "main": "dist/index.js",
diff --git a/src/web/public/app.js b/src/web/public/app.js
index 8c245e71..6dbe0945 100644
--- a/src/web/public/app.js
+++ b/src/web/public/app.js
@@ -1468,6 +1468,9 @@ class ClaudemanApp {
     this.loadFontSize();
     this.applyHeaderVisibilitySettings();
     this.applyMonitorVisibility();
+    // Remove mobile-init class now that JS has applied visibility settings.
+    // The inline <script> in <head> added this to prevent flash-of-content on mobile.
+    document.documentElement.classList.remove('mobile-init');
     this.connectSSE();
     this.loadState();
     this.loadQuickStartCases();
diff --git a/src/web/public/index.html b/src/web/public/index.html
index 22c15de6..4941f407 100644
--- a/src/web/public/index.html
+++ b/src/web/public/index.html
@@ -17,6 +17,8 @@
        'defer' preserves execution order (xterm loads before fit addon). -->
   <script defer src="https://cdn.jsdelivr.net/npm/xterm@5.3.0/lib/xterm.min.js"></script>
   <script defer src="https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/lib/xterm-addon-fit.min.js"></script>
+  <!-- Synchronous mobile detection — runs before first paint to prevent panel flash -->
+  <script>if(window.innerWidth<768||(('ontouchstart' in window||navigator.maxTouchPoints>0)&&window.innerWidth<1024))document.documentElement.classList.add('mobile-init');</script>
 </head>
 <body>
   <!-- Skip link for keyboard users -->
diff --git a/src/web/public/mobile.css b/src/web/public/mobile.css
index abbe50ee..3043e9c7 100644
--- a/src/web/public/mobile.css
+++ b/src/web/public/mobile.css
@@ -4,6 +4,22 @@
    Loaded only on small/medium screens via media attribute in index.html.
    ============================================================================ */
 
+/* ============================================================================
+   Mobile Init Flash Prevention
+   Hides elements that are off by default on mobile BEFORE JS runs.
+   The inline <script> in <head> adds .mobile-init to <html> synchronously.
+   app.init() removes .mobile-init after applying visibility settings.
+   ============================================================================ */
+html.mobile-init .header-font-controls,
+html.mobile-init .header-system-stats,
+html.mobile-init .header-tokens,
+html.mobile-init .monitor-panel,
+html.mobile-init .subagents-panel,
+html.mobile-init .project-insights-panel,
+html.mobile-init .file-browser-panel {
+  display: none !important;
+}
+
 /* ============================================================================
    Tablet Breakpoint (430px - 768px)
    ============================================================================ */