Migration complete

resources/css/components/hovercard.css

@@ -1,9 +1,10 @@
 .hovercard-overlay {
-    position: absolute;
-    z-index: 2000;
+    position: fixed;
+    z-index: 3500;
     background-color: var(--bg2);
     border: 1px solid var(--border);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
+    pointer-events: auto;
 }
 
 .hovercard-overlay-loading {
@@ -117,3 +118,35 @@
     justify-content: center;
     font-size: 0.82rem;
 }
+
+@media (max-width: 768px) {
+    .hovercard {
+        width: 260px;
+    }
+
+    .hovercard-actions {
+        gap: 6px;
+    }
+
+    .hovercard-actions .btn {
+        font-size: 0.75rem;
+        padding: 6px 8px;
+    }
+}
+
+@media (max-width: 600px) {
+    .hovercard {
+        width: calc(100vw - 40px);
+        max-width: 280px;
+    }
+
+    .hovercard-actions {
+        flex-direction: column;
+        gap: 6px;
+    }
+
+    .hovercard-actions .btn {
+        width: 100%;
+        justify-content: center;
+    }
+}