Update src/streamlit_app.py

src/streamlit_app.py

@@ -16,7 +16,7 @@ st.set_page_config(
     initial_sidebar_state="expanded"
 )
 
-# COMPLETELY CLEAN CSS - NO ANIMATIONS AT ALL
+# COMPLETELY CLEAN CSS - NO ANIMATIONS, NO SHAKING, NO MOVEMENT
 st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Comic+Neue:wght@700&display=swap');
@@ -113,20 +113,24 @@ st.markdown("""
         text-align: center;
         margin: 10px 0;
     }
+    
+    /* REMOVED ALL ANIMATION KEYFRAMES */
+    /* REMOVED ALL TRANSFORM PROPERTIES */
+    /* REMOVED ALL ANIMATION PROPERTIES */
     </style>
 """, unsafe_allow_html=True)
 
 # NO JAVASCRIPT FOR ANIMATIONS - completely removed
 st.markdown("""
 <script>
-// Auto progression after completion - ONLY FUNCTIONAL CODE
+// Simple auto progression - NO ANIMATIONS
 function startAutoProgression(seconds) {
     let timeLeft = seconds;
     const countdownElement = document.getElementById('countdown-timer');
     
     const timer = setInterval(() => {
         if (countdownElement) {
-            countdownElement.textContent = `Next adventure in: ${timeLeft} seconds`;
+            countdownElement.textContent = 'Next adventure in: ' + timeLeft + ' seconds';
         }
         timeLeft--;
         
@@ -155,7 +159,7 @@ def initialize_session_state():
 
 initialize_session_state()
 
-# COMPLETELY STABLE WELCOME - NO MOVEMENT
+# COMPLETELY STABLE WELCOME - NO MOVEMENT AT ALL
 st.markdown("""
 <div class="main-container">
     <div class="animal-characters">
@@ -331,9 +335,9 @@ with col1:
             if st.button("🎯 Submit Answer", key=f"submit_{st.session_state.question_index}", use_container_width=True):
                 st.session_state.last_activity = time.time()
                 if str(user_ans).strip().lower() == str(question['answer']).strip().lower():
-                    # SIMPLE CELEBRATION - just Streamlit balloons, no CSS animations
+                    # SIMPLE CELEBRATION - just Streamlit balloons and message
                     st.success("🎉✨ CORRECT! Amazing work! ✨🎉")
-                    st.balloons()  # This is the ONLY animation - controlled by Streamlit
+                    st.balloons()  # Only Streamlit balloons - no CSS animations
                     
                     success_messages = [
                         "🌟 You're a math superstar!",
@@ -395,10 +399,10 @@ with col1:
         st.markdown("""
         <div class="completion-celebration">
             <div style="font-size: 60px; margin-bottom: 20px;">
-                🏆🎉
+                🏆
             </div>
             <h1 style="font-family: 'Comic Neue', cursive;">
-                CONGRATULATIONS! 🏅
+                CONGRATULATIONS! 🎉
             </h1>
             <p style="font-size: 24px;">
                 You've completed all challenges in this category!