Refactor and enhance cat glow styling

index.html

@@ -164,8 +164,22 @@
 
 
     /*maybe move this into the cat later*/
-    #cat-sprite.glow {
-      transition: filter 0.6s cubic-bezier(.8,.2,.2,1);
+    #cat-glow {
+      position: absolute;
+      left: 50%; top: 50%;
+      transform: translate(-50%, -60%); /* feinjustieren */
+      width: 120px; height: 80px;
+      pointer-events: none;
+      z-index: 1; /* Katze muss drüber sein */
+      opacity: 1;
+      transition:
+        box-shadow 0.5s cubic-bezier(.8,.2,.2,1),
+        background 0.5s cubic-bezier(.8,.2,.2,1),
+        opacity 0.4s;
+    }
+    #cat-sprite {
+      position: relative;
+      z-index: 
     }
   </style>
 </head>
@@ -223,7 +237,7 @@
 
     <!-- Cat -->
     <div id="cat-glow"></div>
-    <div id="catSlot" class="absolute bottom-2 left-2"></div>
+    <div id="catSlot" class="relative bottom-2 left-2"></div>
 
     <!-- Interaction Bar -->
     <div class="w-full h-16 flex items-center p-4 interaction-bar"