fix: themesong visualizer compat

dist/BetterYTM.css

@@ -1743,12 +1743,15 @@ yt-multi-page-menu-section-renderer.ytd-multi-page-menu-renderer {
   display: none;
   background-color: #030303;
   z-index: 0;
+  border-radius: var(--ts-songimg-border-radius, initial);
 }
 
 #bytm-thumbnail-overlay-img {
   position: relative;
   width: 100%;
   height: 100%;
+  border-radius: inherit;
+  box-shadow: var(--ts-songimg-box-shadow, initial);
 }
 
 #bytm-thumbnail-overlay-indicator {
@@ -1963,6 +1966,11 @@ body.bytm-dom-ytm
   color: var(--ytmusic-subscribe-button-color, rgba(255, 255, 255, 0.7));
 }
 
+#ts-visualizer-container #ThemeSong-Visualizer canvas {
+  /* Fix for the thumbnail overlay */
+  z-index: 1;
+}
+
 /* #region queue buttons */
 
 #side-panel ytmusic-player-queue-item .song-info.ytmusic-player-queue-item {

src/features/behavior.ts

@@ -169,6 +169,7 @@ async function remTimeStartUpdateLoop() {
       return;
     lastSongTime = songTime;
 
+    // TODO:FIXME: stops looping after a while
     dbg("># looped, different songTime:", songTime);
 
     const watchID = getWatchId();

src/features/integrations.css

@@ -0,0 +1,4 @@
+#ts-visualizer-container #ThemeSong-Visualizer canvas {
+  /* Fix for the thumbnail overlay */
+  z-index: 1;
+}

src/features/integrations.ts

@@ -2,6 +2,7 @@ import { getDomain } from "../utils/misc.js";
 import { addStyleFromResource } from "../utils/dom.js";
 import { error, info } from "../utils/logging.js";
 import { getFeature } from "../config.js";
+import "./integrations.css";
 
 //#region Dark Reader
 

src/features/layout.css

@@ -368,12 +368,15 @@ yt-multi-page-menu-section-renderer.ytd-multi-page-menu-renderer {
   display: none;
   background-color: #030303;
   z-index: 0;
+  border-radius: var(--ts-songimg-border-radius, initial);
 }
 
 #bytm-thumbnail-overlay-img {
   position: relative;
   width: 100%;
   height: 100%;
+  border-radius: inherit;
+  box-shadow: var(--ts-songimg-box-shadow, initial);
 }
 
 #bytm-thumbnail-overlay-indicator {