fix: loading overlay shimmer

composeApp/src/desktopMain/resources/player-ui/controls.html

@@ -481,11 +481,7 @@
       justify-content: center;
       padding: 24px;
       text-align: center;
-      opacity: 0;
-    }
-
-    .opening-overlay.visible .opening-content {
-      animation: opening-content-in 700ms linear 400ms forwards;
+      opacity: 1;
     }
 
     .opening-logo-slot {
@@ -501,21 +497,15 @@
       width: 100%;
       height: 100%;
       object-fit: contain;
-      animation: opening-logo-pulse 2000ms linear infinite alternate;
-    }
-
-    .opening-overlay.has-progress .opening-logo {
-      animation: none;
+      transform-origin: center;
+      will-change: transform;
+      animation: opening-logo-pulse 2000ms linear infinite alternate !important;
     }
 
     .opening-logo-base {
       opacity: 1;
     }
 
-    .opening-overlay.has-progress .opening-logo-base {
-      opacity: .25;
-    }
-
     .opening-logo-fill-clip {
       position: absolute;
       inset: 0 auto 0 0;
@@ -538,7 +528,12 @@
       line-height: 1.12;
       font-weight: 800;
       text-align: center;
-      animation: opening-logo-pulse 2000ms linear infinite alternate;
+      opacity: 1;
+      -webkit-text-fill-color: #fff;
+      text-shadow: 0 2px 22px rgba(0, 0, 0, .42);
+      transform-origin: center;
+      will-change: transform;
+      animation: opening-logo-pulse 2000ms linear infinite alternate !important;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
@@ -592,12 +587,6 @@
       transition: width 900ms cubic-bezier(.4, 0, .2, 1);
     }
 
-    @keyframes opening-content-in {
-      to {
-        opacity: 1;
-      }
-    }
-
     @keyframes opening-logo-pulse {
       to {
         transform: scale(1.04);
@@ -1420,9 +1409,6 @@
       .center-status,
       .progress,
       .opening-overlay,
-      .opening-content,
-      .opening-logo,
-      .opening-title,
       .opening-progress-bar,
       .modal-layer,
       .track-panel,