/* NOMAD card expansion motion — presentation only.
   Runs only on a user-opened/focused card so live DOM refreshes do not replay it.
   No feed, engine, signal, odds, graph data, layout order or click logic is changed. */

@keyframes nomad-card-expand-reveal {
  from {
    opacity:.56;
    transform:translateY(-5px);
    clip-path:inset(0 0 28% 0);
  }
  to {
    opacity:1;
    transform:translateY(0);
    clip-path:inset(0);
  }
}

/* Native <details> card: summary owns focus when the user opens it. */
.match-wrap[open] > .match-row:focus + .match-detail {
  transform-origin:top center;
  animation:nomad-card-expand-reveal 140ms cubic-bezier(.2,.75,.2,1) both;
  will-change:transform,opacity,clip-path;
}

@media (prefers-reduced-motion: reduce) {
  .match-wrap[open] > .match-row:focus + .match-detail {
    animation:none;
    will-change:auto;
  }
}