From 6e6a3218c800b33d44271a0dba3e4a95ccc64ee6 Mon Sep 17 00:00:00 2001
From: Johnny322 <sipoperle@hotmail.com>
Date: Sun, 8 Feb 2026 15:44:29 +0100
Subject: [PATCH] Stop rays from spinning

---
 src/styles.css | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index 040a9db..4234567 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -462,15 +462,21 @@ audio.hidden-audio {
       transparent 340deg
     );
   opacity: calc(0.1 + var(--ray, 0) * 0.9);
-  filter: blur(6px);
-  transform: scale(calc(0.9 + var(--ray, 0) * 0.6));
-  transition: opacity 0.1s ease-out, transform 0.1s ease-out;
+  filter: blur(4px);
+  transform: scale(calc(0.85 + var(--ray, 0) * 0.7));
+  transition: opacity 0.12s ease-out, transform 0.12s ease-out;
+  mask-image: radial-gradient(
+    circle,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.9) calc(40% + var(--ray, 0) * 20%),
+    rgba(0, 0, 0, 1) calc(65% + var(--ray, 0) * 25%),
+    rgba(0, 0, 0, 0) 100%
+  );
+  mask-size: 100% 100%;
+  mask-repeat: no-repeat;
   z-index: 1;
 }
 
-.pulse-rays.active {
-  animation: raySpin 6s linear infinite;
-}
 
 @keyframes pulseGlow {
   0%,
@@ -494,14 +500,6 @@ audio.hidden-audio {
   }
 }
 
-@keyframes raySpin {
-  from {
-    transform: scale(calc(0.9 + var(--ray, 0) * 0.6)) rotate(0deg);
-  }
-  to {
-    transform: scale(calc(0.9 + var(--ray, 0) * 0.6)) rotate(360deg);
-  }
-}
 
 .player-empty {
   color: rgba(255, 255, 255, 0.6);