improve jstris skin

css/jstris-skin.css

@@ -11,6 +11,7 @@
     background-image: var(--skin-url);
     background-size: cover;
     background-repeat: no-repeat;
+    vertical-align: middle;
 }
 
 .result {
@@ -20,7 +21,7 @@
 .selection {
     background-position-x: calc(-1 * var(--sprite-pos) * var(--cell-size));
     --nb-sprites: 4;
-    --sprite-pos: 3;
+    --sprite-pos: 4;
 }
 
 .minoes-table {
@@ -30,8 +31,7 @@
 #matrixCard {
     background-image: url(jstris-skin/jstris-grid.png);
     background-position: bottom;
-    background-repeat: no-repeat;
-    background-blend-mode: screen;
+    background-repeat: no-repeat; 
 }
 
 tr.matrix td:not(.mino) {
@@ -76,13 +76,19 @@ tr.matrix td:not(.mino) {
 }
 
 .ghost {
-    --sprite-pos: 0;
+    --sprite-pos: 1;
+    opacity: 50%;
 }
 
 .disabled {
-    --sprite-pos: 1;
+    --sprite-pos: 0;
 }
 
 .locking.mino {
     filter: saturate(60%) brightness(180%);
 }
+
+#holdTable .mino,
+#nextTable .mino {
+    box-shadow: 4px 4px 10px #0002;
+}