Update pages/4_Mini_Game.py

pages/4_Mini_Game.py

@@ -167,16 +167,38 @@ if st.session_state.game_finished:
     st.markdown("## Game Over")
     st.write(f"Your score: **{score}/{total}**")
 
-    if percentage >= 75:
-        st.markdown(
-            f"<h3 style='color: green;'>Percentage Score: {percentage:.2f}%</h3>",
-            unsafe_allow_html=True
-        )
-    else:
-        st.markdown(
-            f"<h3 style='color: red;'>Percentage Score: {percentage:.2f}%</h3>",
-            unsafe_allow_html=True
-        )
+if percentage >= 75:
+    st.markdown(
+        f"""
+        <div style="
+            background-color: rgba(0, 128, 0, 0.15);
+            border-left: 6px solid green;
+            padding: 15px;
+            border-radius: 8px;
+            font-size: 20px;
+            font-weight: bold;
+        ">
+            🎉 Percentage Score: {percentage:.2f}%
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
+else:
+    st.markdown(
+        f"""
+        <div style="
+            background-color: rgba(255, 0, 0, 0.15);
+            border-left: 6px solid red;
+            padding: 15px;
+            border-radius: 8px;
+            font-size: 20px;
+            font-weight: bold;
+        ">
+            ❌ Percentage Score: {percentage:.2f}%
+        </div>
+        """,
+        unsafe_allow_html=True
+    )
 
     if st.button("Play Again"):
         restart_game()