Updated animations.

public/css/style.css

@@ -580,6 +580,10 @@ ol.choice {
     scrollbar-color: #8b7765 rgba(255, 255, 255, 0.1);
 }
 
+body:not([data-game-running="true"]) #command_history {
+    display: none;
+}
+
 #command_history .history-item {
     margin-bottom: 0.25rem;
     color: rgba(0, 0, 0, 0.82);
@@ -616,7 +620,7 @@ ol.choice {
 
 /* Fade out command input when loading */
 #command_input.fading {
-    opacity: 0.3;
+    opacity: 0;
     pointer-events: none; /* Prevent interaction while faded out */
 }
 
@@ -749,6 +753,20 @@ html[data-process-state="playing-ready"] * {
   position: absolute;
   opacity: 0;
   visibility: hidden;
+  overflow: hidden;
+  clip-path: inset(0 100% 0 0);
+  will-change: clip-path, opacity;
+}
+
+@keyframes wordReveal {
+  0% {
+    opacity: 1;
+    clip-path: inset(0 100% 0 0);
+  }
+  100% {
+    opacity: 1;
+    clip-path: inset(0 0 0 0);
+  }
 }
 
 strong {