wall sound on soft drop

app.js

@@ -331,13 +331,12 @@ class Tetromino {
             matrix.drawPiece()
             return true
         } else {
+            wallSound.play()
             if (translation == TRANSLATION.DOWN) {
                 this.locked = true
                 if (!scheduler.timeoutTasks.has(lockDown))
                     scheduler.setTimeout(lockDown, stats.lockDelay)
                 matrix.drawPiece()
-            } else {
-                wallSound.play()
             }
         }
     }
@@ -970,6 +969,7 @@ function fall() {
 function lockDown() {
     scheduler.clearTimeout(lockDown)
     scheduler.clearInterval(fall)
+    wallSound.pause()
 
     if (matrix.lock()) {
         let tSpin = matrix.piece.tSpin

css/classic.css

@@ -51,16 +51,6 @@
     border-bottom-color: #ca9501;
 }
 
-.T.mino {
-    --background-color: #B000FE;
-    --frontier-color:  #c541fc;
-    --light-color: #edb2ff;
-    border-top-color: #d380ff;
-    border-left-color: #b42deb;
-    border-right-color: #8000cd;
-    border-bottom-color: #6e019a;
-}
-
 .S.mino {
     --background-color: #67EE12;
     --frontier-color:  #93f85a;
@@ -71,6 +61,16 @@
     border-bottom-color: #1cbc02;
 }
 
+.T.mino {
+    --background-color: #B000FE;
+    --frontier-color:  #c541fc;
+    --light-color: #edb2ff;
+    border-top-color: #d380ff;
+    border-left-color: #b42deb;
+    border-right-color: #8000cd;
+    border-bottom-color: #6e019a;
+}
+
 .Z.mino {
     --background-color: #ed2939;
     --frontier-color:  #fe6483;

css/retro.css

@@ -124,7 +124,7 @@ td {
 }
 
 .ghost.mino {
-    background: rgba(0, 0, 0, 20%);
+    opacity: 50%;
 }
 
 .locked.mino {