fix(theme): dark note and reduced-motion not replacing letters with circles (@fehmer) (monkeytypegame#6589)

Author: fehmer

frontend/static/themes/dark_note.css

@@ -142,6 +142,18 @@ hint {
   opacity: 0;
 }
 
+@media (prefers-reduced-motion) {
+  #words .word:has(~ .active) letter {
+    animation: none !important;
+    transform: scale(0.4);
+    color: transparent;
+  }
+  #words .word:has(~ .active) letter::after {
+    animation: none !important;
+    opacity: 1;
+  }
+}
+
 @keyframes fadeIn {
   0% {
     opacity: 0;