/* css/cards.css */
.card {
  width: 60px;
  height: 88px;
  border-radius: 8px;
  background: #FAFAFA;
  border: 1px solid #E0E0E0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  transform-style: preserve-3d;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(0,0,0,.5);
  user-select: none;
}

/* Coins (haut-gauche, bas-droite) */
.card__corner {
  position: absolute;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.card__corner--tl { top: 4px; left: 5px; }
.card__corner--br { bottom: 4px; right: 5px; transform: rotate(180deg); }
.card__center { font-size: 24px; }

/* Couleurs */
.card--black .card__corner,
.card--black .card__center { color: #111; }
.card--red .card__corner,
.card--red .card__center   { color: #CC0000; }

/* Dos damier */
.card--back { background: #1A1A2E; }
.card--back .card__back-inner {
  width: 100%;
  height: 100%;
  border-radius: 7px;
  background-image:
    repeating-conic-gradient(#111 0% 25%, #2A2A4A 0% 50%);
  background-size: 14px 14px;
}

/* Cartes du dealer / joueur en rangée */
.hand-cards {
  display: flex;
  gap: 6px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Score affiché sous la main */
.hand-score {
  font-size: 14px;
  font-weight: 700;
  color: var(--text);
  text-align: center;
  margin-top: 4px;
  min-height: 18px;
}
.hand-score--bust     { color: var(--danger); }
.hand-score--blackjack{ color: var(--gold); }