fix height

app.py

@@ -451,13 +451,45 @@ def start_game_from_ui(case_name, mode, voice):
 
 css = """
 #bridge-input, #bridge-output, #log-input { display: none !important; }
-.gradio-container { padding: 0 !important; max-width: 100% !important; display: flex; flex-direction: column; }
-#game-frame-container { flex-grow: 1; height: 100% !important; border: none; overflow: hidden; padding: 0; }
-#game-frame-container > .html-container { height: 100% !important; display: flex; flex-direction: column; }
-#game-frame-container .prose { flex-grow: 1; height: 100% !important; max-width: 100% !important; }
-footer { display: none !important; } 
-/* Allow scrolling for logs */
-.gradio-container { overflow-y: auto !important; }
+
+/* Remove viewport-based height constraints */
+.gradio-container { 
+    padding: 0 !important; 
+    max-width: 100% !important; 
+    display: flex; 
+    flex-direction: column;
+}
+
+/* Fixed height for game container */
+#game-frame-container { 
+    height: 70vh !important; 
+    min-height: 500px;
+    max-height: 800px;
+    border: none; 
+    overflow: hidden; 
+    padding: 0;
+    margin-bottom: 2rem;
+}
+
+#game-frame-container > .html-container { 
+    height: 100% !important; 
+    display: flex; 
+    flex-direction: column; 
+}
+
+#game-frame-container .prose { 
+    height: 100% !important; 
+    max-width: 100% !important; 
+}
+
+/* Setup screen styling */
+#setup-container {
+    max-width: 800px;
+    margin: 2rem auto;
+    padding: 2rem;
+}
+
+footer { display: none !important; }
 """
 
 with gr.Blocks(title="Murder.Ai") as demo: