Add ability to hover pets in event log.

web/src/styles.css

@@ -601,6 +601,21 @@ h3 {
   word-break: break-word;
 }
 
+/* Card names embedded in a log line: a subtle dotted underline hints they can
+   be hovered to preview the card. */
+.log-card-ref {
+  text-decoration: underline dotted rgba(253, 243, 220, 0.45);
+  text-underline-offset: 2px;
+  cursor: help;
+  font-weight: 600;
+  color: var(--cream);
+}
+
+.log-card-ref:hover {
+  text-decoration-color: var(--gold);
+  color: var(--gold);
+}
+
 .log-line.log-you {
   border-left-color: var(--gold);
 }
@@ -2456,6 +2471,12 @@ h3 {
   animation: magnify-in 90ms ease-out;
 }
 
+/* Right-anchored variant: scale outward from the top-right so the preview
+   grows leftward and stays on-screen when hovered near the right edge. */
+.card-magnify-flip {
+  transform-origin: top right;
+}
+
 /* The magnifier exists to be read, so let the preview card grow to fit its
    full effect text instead of clipping like a fixed-height card. */
 .card-magnify .card {