Working on final screen close bug

battlewords/ui.py

@@ -892,7 +892,7 @@ def _render_correct_try_again(state: GameState):
 
 
 def _render_guess_form(state: GameState):    
-    with st.form("guess_form",width=300,clear_on_submit=False):
+    with st.form("guess_form",width=300,clear_on_submit=True):
         col1, col2 = st.columns([2, 1], vertical_alignment="bottom")
         with col1:
             guess_text = st.text_input("Your Guess", value="", max_chars=10, width=200, key="guess_input")
@@ -934,9 +934,9 @@ def _render_score_panel(state: GameState):
                 extra_pts = max(0, pts - letters_display)
                 row_html = (
                     "<tr>"
-                    f"<td class=\"blue-background \"'>{{{{{word_display}}}}}</td>"
-                    f"<td class=\"blue-background \"'>{{{{{letters_display}}}}}</td>"
-                    f"<td class=\"blue-background \"'>{{{{{extra_pts}}}}}</td>"
+                    f"<td class=\"blue-background \"'>{word_display}</td>"
+                    f"<td class=\"blue-background \"'>{letters_display}</td>"
+                    f"<td class=\"blue-background \"'>{extra_pts}</td>"
                     "</tr>"
                 )
                 rows_html.append(row_html)
@@ -971,15 +971,15 @@ def _render_game_over(state: GameState):
         f"<tr class='blue-background'><td colspan='3'><h3 class='bold-text'>Total: {state.score}</h3></td></tr>"
         "</table>"
     )
-    # Overlay HTML with close link (sets ?overlay=0)
+    # Overlay HTML with close link (forces navigation in same tab)
     st.markdown(
         f'''
         <div id="bw-modal-overlay" style="position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:rgba(20,80,180,0.95);display:flex;flex-direction:column;justify-content:center;align-items:center;">
             <div class="shiny-border" style="position:relative;background: linear-gradient(-45deg, #1d64c8, #ffffff, #1d64c8, #666666);padding:2rem 3rem;box-shadow:0 0 32px #1d64c8;min-width:340px;max-width:90vw; margin:8vh auto 5vh;">
-                <a href="?overlay=0" title="Close" style="position:absolute;top:12px;right:12px;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.25);color:#fff;text-decoration:none;font-size:1.6rem;font-weight:700;">&times;</a>
+                <a href="?overlay=0" target="_self" title="Close" style="position:absolute;top:12px;right:12px;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,0.25);color:#fff;text-decoration:none;font-size:1.6rem;font-weight:700;">&times;</a>
                 <h1 style="color:#fff;font-size:2.5rem;margin-bottom:0.5rem;">Congratulations!</h1>
                 <h2 style="color:#fff;font-size:2rem;margin-bottom:1rem;">Game Over</h2>
-                <div style="font-size:1.5rem;color:#1d64c8;margin-bottom:1rem;">Final score: <span style="color:#1ca41c;font-weight:800;">{state.score}</span></div>
+                <div style="font-size:1.5rem;color:#fff;margin-bottom:1rem;">Final score: <span style="color:#1ca41c;font-weight:800;">{state.score}</span></div>
                 <div style="font-size:1.2rem;color:#fff;margin-bottom:2rem;">Tier: <strong>{compute_tier(state.score)}</strong></div>
                 <div style="margin-bottom:2rem;">{table_html}</div>
                 <div style="color:#fff;opacity:0.7;font-size:1rem;margin-bottom:2rem;background:#1d64c8;text-align:center;">Thank you for playing BattleWords!</div>