From a4117b782ab74d82c7c36467a5f0a3bcd3073d36 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Fri, 16 Jan 2026 21:16:05 +0100
Subject: [PATCH] locked-animation

---
 css/classic.css |  5 -----
 css/common.css  | 11 +++++++++++
 css/electro.css |  5 -----
 css/opera.css   | 11 -----------
 css/stereo.css  | 13 +++++++++++++
 5 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/css/classic.css b/css/classic.css
index 94426f4..8c5472a 100644
--- a/css/classic.css
+++ b/css/classic.css
@@ -116,8 +116,3 @@
              1px  1px 4px #FFF2;
     }
 }
-
-.locked.mino {
-    animation: locked-animation;
-    animation-duration: 0.2s;
-}
\ No newline at end of file
diff --git a/css/common.css b/css/common.css
index 993d958..d43286d 100644
--- a/css/common.css
+++ b/css/common.css
@@ -101,6 +101,17 @@ td {
     }
 }
 
+@keyframes locked-animation {
+    from {
+        filter: saturate(50%) brightness(400%);
+    }
+}
+
+.locked.mino {
+    animation: locked-animation;
+    animation-duration: 0.2s;
+}
+
 td.trail-animation {
     animation: trail-animation ease-out .3s;
 }
diff --git a/css/electro.css b/css/electro.css
index 3a357ae..a4882f6 100644
--- a/css/electro.css
+++ b/css/electro.css
@@ -92,8 +92,3 @@ tr.matrix td:not(.mino) {
         border-color: white;
     }
 }
-
-.locked.mino {
-    animation: locked-animation;
-    animation-duration: 0.2s;
-}
\ No newline at end of file
diff --git a/css/opera.css b/css/opera.css
index cb1aa1e..6a7897b 100644
--- a/css/opera.css
+++ b/css/opera.css
@@ -146,14 +146,3 @@ td#timeCell {
     filter: brightness(50%) contrast(80%);
     opacity: 70%;
 }
-
-@keyframes locked-animation {
-    from {
-        filter: saturate(50%) brightness(400%);
-    }
-}
-
-.locked.mino {
-    animation: locked-animation;
-    animation-duration: 0.2s;
-}
\ No newline at end of file
diff --git a/css/stereo.css b/css/stereo.css
index e5f683a..ddae8e4 100644
--- a/css/stereo.css
+++ b/css/stereo.css
@@ -257,6 +257,19 @@ td.trail-animation { --h: 180deg; --s: 50%; --l: 90%; --a: 0.4; }
     }
 }
 
+@keyframes locked-animation {
+    from {
+        --h: 0deg; --s: 0%; --l: 100%; --a: 1;
+        box-shadow: 0 0 10px  hsla(180, 100%, 100%, 0.2);
+    }
+}
+
+.locked.mino::before,
+.locked.mino::after {
+    animation: locked-animation;
+    animation-duration: .2s;
+}
+
 @keyframes cleared-line-animation {
   from {
     background-color: white !important;