/* Nebula — CrazyGames-style card extras (added by scripts/crazy.js):
   a hover "▶ Play" overlay on the thumbnail + a rating / play-count row. */

.card__thumb { position: relative; }

/* Hover play overlay — non-interactive (the whole card is the link). */
.card__play {
  position: absolute; inset: 0; z-index: 1;
  display: grid; place-items: center;
  background: rgba(8, 10, 18, 0.42);
  opacity: 0; transition: opacity 0.16s ease;
  pointer-events: none;
}
.card:hover .card__play,
.card:focus-within .card__play { opacity: 1; }
.card__play-btn {
  width: 50px; height: 50px; border-radius: 50%;
  display: grid; place-items: center;
  font-size: 1.2rem; color: #0a0c14; padding-left: 3px; /* optically center ▶ */
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  box-shadow: 0 8px 22px rgba(var(--accent-rgb), 0.55);
  transform: scale(0.82); transition: transform 0.16s ease;
}
.card:hover .card__play-btn,
.card:focus-within .card__play-btn { transform: scale(1); }

/* Rating + plays row in the card body. */
.card__meta {
  display: flex; align-items: center; gap: 8px;
  margin-top: 7px; font-size: 0.74rem; color: var(--muted);
}
.card__rating { color: #58d68a; font-weight: 700; white-space: nowrap; }
.card__plays { margin-left: auto; white-space: nowrap; }