From bd41afbca8d47fdca14e0e3eedcc4ead1519146a Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sun, 22 Feb 2026 21:18:18 -0500
Subject: [PATCH] Fix mobile scroll on rules screen

overflow:hidden on body.mobile-portrait was blocking scroll on all
screens. Scope it to only when the game screen is active using :has().

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 client/style.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/style.css b/client/style.css
index f304c08..c1dc0f0 100644
--- a/client/style.css
+++ b/client/style.css
@@ -5002,14 +5002,21 @@ body.screen-shake {
 }
 
 body.mobile-portrait {
-    height: var(--app-height, 100vh);
-    overflow: hidden;
     overscroll-behavior: contain;
     touch-action: manipulation;
 }
 
 body.mobile-portrait #app {
     padding: 0;
+}
+
+/* Lock viewport only when game screen is active (allow scrolling on rules, lobby, etc.) */
+body.mobile-portrait:has(#game-screen.active) {
+    height: var(--app-height, 100vh);
+    overflow: hidden;
+}
+
+body.mobile-portrait:has(#game-screen.active) #app {
     height: var(--app-height, 100vh);
     overflow: hidden;
 }