changes

run.py

@@ -42,6 +42,7 @@ with gr.Blocks(css="style.css") as app:
                     placeholder="Answer any clue here...",
                     elem_id="guess",
                 )
+                submit_guess = gr.Button("Guess")
                 prev_answers = gr.DataFrame(
                     headers=None, row_count=1, col_count=3, label="Previous Answers"
                 )
@@ -75,6 +76,14 @@ with gr.Blocks(css="style.css") as app:
         _js="""() => {document.querySelector("gradio-app").shadowRoot.querySelector("#guess textarea").setSelectionRange(0, 9999)}""",
         status_tracker=None,
     )
+    submit_guess.click(submit_guess, {room_name, player, guess}, None)
+    submit_guess.click(
+        None,
+        None,
+        None,
+        _js="""() => {document.querySelector("gradio-app").shadowRoot.querySelector("#guess textarea").setSelectionRange(0, 9999)}""",
+        status_tracker=None,
+    )
 
     def update_game(data):
         if data[room_name] is None or data[room_name] not in games:

style.css

@@ -58,6 +58,7 @@
 }
 #clue-1 textarea, #clue-2 textarea, #clue-3 textarea {
     font-size: 1.4em;
+    color: black;
 }
 .dark .clue-1.clue-2 {
     background: linear-gradient(45deg, darkred 50%, darkgreen 50%);