/* ============================================================
   OLDEN PALACE SPORTS — cartes de jeux casino & machines à sous
   ============================================================ */

.gamegrid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.gamecard {
  overflow: hidden;
  background: var(--c-panel);
  border: 1px solid var(--c-line);
  border-radius: 6px;
  cursor: pointer;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}
.gamecard:hover {
  border-color: var(--c-gold);
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(0, 0, 0, .4);
}

.gamecard__art {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 10;
  background:
    radial-gradient(220px 130px at 50% 35%, rgba(255, 215, 0, .16), transparent 75%),
    linear-gradient(150deg, #2c2818, #1e1e1e 70%);
  border-bottom: 1px solid var(--c-line);
}
.gamecard__art .icon { width: 56px; height: 56px; }

.gamecard--alt .gamecard__art {
  background:
    radial-gradient(220px 130px at 50% 35%, rgba(192, 192, 192, .14), transparent 75%),
    linear-gradient(150deg, #26262b, #1c1c1e 70%);
}

/* Variantes d'ambiance pour différencier les tables voisines */
.gamecard--v1 .gamecard__art {
  background:
    radial-gradient(220px 130px at 32% 30%, rgba(255, 215, 0, .2), transparent 75%),
    linear-gradient(165deg, #2e2a16, #1e1e1e 72%);
}
.gamecard--v2 .gamecard__art {
  background:
    radial-gradient(220px 130px at 68% 32%, rgba(205, 127, 50, .2), transparent 75%),
    linear-gradient(140deg, #2c2418, #1e1d1c 70%);
}
.gamecard--v2 .gamecard__art .icon { stroke: #E0A458; }
.gamecard--v3 .gamecard__art {
  background:
    radial-gradient(220px 130px at 50% 60%, rgba(192, 192, 192, .16), transparent 75%),
    linear-gradient(155deg, #26262b, #1b1b1d 70%);
}
.gamecard--v3 .gamecard__art .icon { stroke: var(--c-silver); }

.gamecard__body { padding: 14px 16px 16px; }

.gamecard__name {
  font-family: var(--f-display);
  font-size: 1.02rem;
  font-weight: 700;
  margin: 0 0 4px;
  color: var(--c-text);
}

.gamecard__meta {
  font-size: .76rem;
  color: var(--c-muted);
  margin: 0;
}

.gamecard__jackpot {
  display: block;
  margin-top: 8px;
  font-size: .82rem;
  font-weight: 700;
  color: var(--c-gold);
  letter-spacing: .04em;
}
.gamecard__jackpotlabel {
  display: block;
  margin-top: 8px;
  font-size: .66rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--c-muted);
}
.gamecard__jackpotlabel + .gamecard__jackpot { margin-top: 2px; }

.gamecard__live {
  display: inline-block;
  margin-top: 8px;
  padding: 2px 8px;
  border: 1px solid var(--c-red);
  border-radius: 3px;
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .14em;
  color: #ff8f9d;
}

@media (min-width: 768px) {
  .gamegrid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1200px) {
  .gamegrid { grid-template-columns: repeat(4, 1fr); }
}