From b3acbeb78d30529bb419c3e8b45f1eb55a2de88e Mon Sep 17 00:00:00 2001
From: ltadeu6 <ltadeu6@protonmail.com>
Date: Sun, 7 Jun 2026 13:29:32 -0300
Subject: [PATCH] =?UTF-8?q?perf:=20reduce=20fog=20from=205=20to=203=20wisp?=
 =?UTF-8?q?s,=20blur=2060px=E2=86=9245px?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fewer compositing layers speeds up WebEngine initialization after deploy.
will-change hint lets the browser pre-promote layers before animation starts.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 plugin/contents/ui/dancer.html | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/plugin/contents/ui/dancer.html b/plugin/contents/ui/dancer.html
index 475dc4d..2ca9504 100644
--- a/plugin/contents/ui/dancer.html
+++ b/plugin/contents/ui/dancer.html
@@ -739,13 +739,12 @@ html, body {
   position: absolute;
   bottom: -10px;
   border-radius: 50%;
-  filter: blur(60px);
+  filter: blur(45px);
+  will-change: transform, opacity;
 }
-.fog-w1 { width: 70%; height: 140px; left: -8%;  animation: fogDrift1  9s ease-in-out infinite alternate; }
-.fog-w2 { width: 55%; height: 115px; left: 22%;  animation: fogDrift2 13s ease-in-out infinite alternate; animation-delay: -4s; }
-.fog-w3 { width: 48%; height: 105px; left: 52%;  animation: fogDrift3  8s ease-in-out infinite alternate; animation-delay: -2s; }
-.fog-w4 { width: 42%; height:  95px; left: 36%;  animation: fogDrift1 15s ease-in-out infinite alternate; animation-delay: -8s; }
-.fog-w5 { width: 52%; height: 125px; left:  8%;  animation: fogDrift2 11s ease-in-out infinite alternate; animation-delay: -5s; }
+.fog-w1 { width: 75%; height: 140px; left: -8%;  animation: fogDrift1  9s ease-in-out infinite alternate; }
+.fog-w2 { width: 60%; height: 120px; left: 25%;  animation: fogDrift2 13s ease-in-out infinite alternate; animation-delay: -4s; }
+.fog-w3 { width: 55%; height: 110px; left: 48%;  animation: fogDrift3  8s ease-in-out infinite alternate; animation-delay: -2s; }
 
 @keyframes fogDrift1 {
   from { transform: translateY(0)     scaleX(1);     opacity: 0.32; }
@@ -785,8 +784,6 @@ html, body {
     <div class="fog-wisp fog-w1"></div>
     <div class="fog-wisp fog-w2"></div>
     <div class="fog-wisp fog-w3"></div>
-    <div class="fog-wisp fog-w4"></div>
-    <div class="fog-wisp fog-w5"></div>
   </div>
 
   <!-- Meteor layer (masked at horizon) -->