Fix stat-card light-theme leak, scope hover lift to dark; rating row hover gradient

web/src/assets/main.css

@@ -248,6 +248,18 @@
     background-color: #1b1728;
     border: 1px solid #ffffff1a;
     border-radius: 1.5rem;
+    transition: transform 0.3s ease;
+  }
+  .dark .card-flat:hover {
+    transform: translateY(-4px);
+  }
+  .dark .card-flat {
+    border-color: transparent;
+    box-shadow: 0 0 0 1px oklch(0.65 0.15 30 / 35%) inset;
+    background-image:
+      radial-gradient(54.44% 97.4% at 54.44% 2.66%, oklch(0.6 0.06 25 / 29%) 0%, oklch(0.45 0.08 25 / 8%) 100%),
+      radial-gradient(120% 145% at 50% 100%, oklch(0.65 0.2 35 / 30%) 0%, oklch(0.55 0.2 35 / 4%) 50%);
+    background-repeat: no-repeat;
   }
   .card-purple-hover {
     transition: background-color 0.2s ease, border-color 0.2s ease;
@@ -256,4 +268,12 @@
     background-color: oklch(0.268 0.03 295.8);
     border-color: oklch(0.85 0.05 300 / 20%);
   }
+  .rating-row-hover {
+    transition: background-image 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
+  }
+  .rating-row-hover:hover {
+    background-image: linear-gradient(141deg, #077ac71a, #6b21ef1a);
+    border-color: transparent;
+    box-shadow: 0 0 0 1.5px #6b21ef99;
+  }
 }

web/src/components/RatingsOrderList.vue

@@ -31,7 +31,7 @@ function getRatingSource(key: string) {
     <div
       v-for="(key, index) in model"
       :key="key"
-      class="flex items-center gap-2 rounded-md border bg-muted/30 card-purple-hover transition-colors"
+      class="flex items-center gap-2 rounded-md border bg-muted/30 rating-row-hover transition-colors"
       :class="[compact ? 'px-1.5 py-1' : 'px-2 py-1.5', { 'opacity-40': isExcluded(key) }]"
     >
       <span class="text-muted-foreground text-xs select-none w-4 text-right">{{ index + 1 }}</span>