ghost

css/classic.css

@@ -21,7 +21,7 @@
       var(--color) 55%,
       #00000066 95%
     );
-  border: 3px ridge var(--color);
+  border: 4px ridge var(--color);
   border-top-color: var(--light);
   border-radius: 3px;
   box-shadow:
@@ -66,7 +66,9 @@
 }
 
 .ghost {
-  --color: hsl(var(--hue), calc(0.50 * var(--saturation)), 32%);
-  --light: hsl(var(--hue), calc(0.33 * var(--saturation)), 64%);
-  opacity: 35%;
+  border: 3px solid #fff2;
+  padding: 2px;
+  background-color: #fff2;
+  background-clip: content-box;
+  background-image: none;
 }

css/common.css

@@ -1,5 +1,5 @@
 :root {
-    --cell-side: 24px;
+    --cell-side: 25px;
     --rX: -15;
     --rY: 0;
     --tZ: 25px;
@@ -95,7 +95,6 @@ td {
 @keyframes trail-animation {
     from {
         background-color: #ceffff40;
-        filter: saturate(50%) brightness(300%);
     }
     to {
         background-color: transparent;
@@ -133,7 +132,7 @@ td.trail-animation {
 }
 
 tr.cleared-line-animation {
-    animation: cleared-line-animation ease-out .15s;
+    animation: cleared-line-animation ease-out .3s;
 }
 
 #holdTable .J,