Update app.py

app.py

@@ -126,7 +126,7 @@ def toggle_hint_mode():
         gr.update(visible=True)
     )
 with gr.Blocks(title="Kasoti", theme=gr.themes.Soft(primary_hue="pink", secondary_hue="blue")) as demo:
-    # Custom font and background
+    # Fonts & CSS
     gr.Markdown(
         """
         <link href="https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap" rel="stylesheet">
@@ -156,7 +156,7 @@ with gr.Blocks(title="Kasoti", theme=gr.themes.Soft(primary_hue="pink", secondar
         </style>
         <div class='title-text'>🧠 Kasoti - The Mind Reading Game</div>
         <p class='subtitle-text'>Think of something and answer my yes/no questions — let's see if I can guess it in 20 tries! 🕵️‍♀️</p>
-        """,
+        """
     )
 
     with gr.Row():
@@ -180,11 +180,20 @@ with gr.Blocks(title="Kasoti", theme=gr.themes.Soft(primary_hue="pink", secondar
             game_history = gr.Textbox(label="📜 Game Updates", interactive=False, lines=3)
             final_answer_box = gr.Textbox(label="🎯 Final Guess", visible=False, lines=2, interactive=False)
 
-    # Button functionality
-    start.click(fn=begin_game, outputs=[game_q_box, game_history, final_answer_box, submit, final_answer_box])
+    # Button logic
+    start.click(
+        fn=begin_game,
+        outputs=[game_q_box, game_history, final_answer_box, submit, final_answer_box, question_progress]
+    )
+
     hint_toggle.click(fn=toggle_hint_mode, outputs=[hint_status, game_history])
     hint_toggle.click(fn=hint_response, outputs=[game_history])
     transcribe.click(fn=convert_audio_to_text, inputs=[mic_input, lang_sel], outputs=[typed_ans])
-    submit.click(fn=interpret_answer, inputs=[typed_ans], outputs=[game_q_box, typed_ans, final_answer_box, game_history, final_answer_box])
+
+    submit.click(
+        fn=interpret_answer,
+        inputs=[typed_ans],
+        outputs=[game_q_box, typed_ans, final_answer_box, game_history, final_answer_box, question_progress]
+    )
 
 demo.launch()