I think you messed up the controls take another look

index.html

@@ -479,7 +479,7 @@
         document.addEventListener('keydown', (e) => {
             switch (e.key) {
                 case 'ArrowUp':
-                    if (direction !== 'up') nextDirection = 'down';
+                    if (direction !== 'down') nextDirection = 'up';
                     break;
                 case 'ArrowLeft':
                     if (direction !== 'right') nextDirection = 'left';
@@ -487,7 +487,10 @@
                 case 'ArrowRight':
                     if (direction !== 'left') nextDirection = 'right';
                     break;
-                case ' ':
+                case 'ArrowDown':
+                    if (direction !== 'up') nextDirection = 'down';
+                    break;
+case ' ':
                     isPaused = !isPaused;
                     if (isPaused) {
                         bgMusic.pause();
@@ -522,11 +525,11 @@
                 }
             } else {
                 // Vertical swipe
-                if (diffY > 0 && direction !== 'down') {
-                    nextDirection = 'up';
-                } else if (diffY < 0 && direction !== 'up') {
-                    nextDirection = 'down';
-                }
+                    if (diffY > 0 && direction !== 'down') {
+                        nextDirection = 'up';
+                    } else if (diffY < 0 && direction !== 'up') {
+                        nextDirection = 'down';
+}
             }
             
             touchStartX = 0;
@@ -581,9 +584,5 @@
             }, { once: true });
         });
     </script>
-'down') nextDirection = 'up';
-                    break;
-                case 'ArrowDown':
-                    if (direction !==
 </body>
 </html>