Add updated files

app.py

@@ -243,20 +243,25 @@ h1 { text-align: center; color: #38bdf8; text-shadow: 0 0 15px rgba(56, 189, 248
 .custom-dropdown { background: rgba(30, 41, 59, 0.8) !important; border: 1px solid #38bdf8 !important; border-radius: 12px !important; }
 """
 
+# ... (Keep all your CSS, HTML, and helper functions above exactly the same) ...
+
 with gr.Blocks(title="EcoQueryQuest") as demo:
+    # 1. Update the starting game state to 10.0 Liters
     game_state = gr.State({
-        "water": 100.0, "energy": 0.0, "co2": 0.0, "points": 0, "queries": 0, 
+        "water": 10.0, "energy": 0.0, "co2": 0.0, "points": 0, "queries": 0, 
         "history": [], "game_over": False, "current_best_alt": None, "current_shuffled_alts": []
     })
 
     gr.Markdown("<h1>🌍 EcoQueryQuest</h1>")
     gr.Markdown("<div class='subtitle'>Select a model, type a query, and watch Drip react. Reach 500 points to win!</div>")
 
-    stats_html = gr.HTML(get_stats_html(100.0, 0.0, 0.0, 0))
+    # 2. Update the initial stats HTML render to 10.0 Liters
+    stats_html = gr.HTML(get_stats_html(10.0, 0.0, 0.0, 0))
 
     with gr.Row():
         with gr.Column(scale=1, elem_classes=["drip-pod"]):
-            drip_html = gr.HTML(get_drip_visuals(100))
+            # 3. Update the initial Drip visual render to 10.0 Liters
+            drip_html = gr.HTML(get_drip_visuals(10.0))
             drip_audio = gr.Audio(label="Drip's Voice", autoplay=True, interactive=False, elem_classes=["drip-audio"])
             drip_feedback = gr.HTML("<div class='feedback-box'>Waiting for your first query...</div>")
         
@@ -277,7 +282,6 @@ with gr.Blocks(title="EcoQueryQuest") as demo:
             alt_btn_3 = gr.Button("", elem_classes=["alt-card"])
         alt_feedback = gr.Markdown()
 
-    # NOTE: Added user_input to the outputs list so we can update/clear it
     submit_btn.click(
         fn=process_query,
         inputs=[user_input, model_selector, game_state],