/* Blackjack — solo contre le croupier */

/* Tuile du hub */
.game-tile.bj { background: linear-gradient(150deg, #0c5b3a, #0a3d2a); }
.game-tile.bj .gt-mark { filter: drop-shadow(0 2px 6px rgba(0,0,0,.4)); }

/* Bandeau jetons + mise */
.bj-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 4px 0 14px; }
.bj-bank { font-size: .95rem; color: #cdd3f5; font-weight: 600; }
.bj-bank b { color: #ffd23f; font-size: 1.25rem; font-weight: 800; margin-left: 4px; }
.bj-betwrap { display: flex; align-items: center; gap: 10px; }
.bj-betlabel { font-size: .8rem; color: #9aa0c8; font-weight: 600; }
.bj-bets { width: clamp(180px, 46vw, 240px); }
.bj-betwrap.locked { opacity: .45; pointer-events: none; }

/* Tapis */
.bj-felt {
  background: radial-gradient(130% 100% at 50% -10%, #137a51, #0a4a32 75%);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px; padding: 18px 14px; margin-bottom: 16px;
  box-shadow: inset 0 2px 20px rgba(0,0,0,.35);
}
.bj-row { min-height: 92px; display: flex; flex-direction: column; gap: 8px; }
.bj-side { font-size: .8rem; color: #d7e6dd; font-weight: 700; letter-spacing: .02em; }
.bj-side b { color: #fff; font-size: 1.05rem; margin-left: 5px; }
.bj-hand { display: flex; gap: 8px; flex-wrap: wrap; min-height: 66px; }

/* Cartes */
.bj-card {
  width: 46px; height: 66px; border-radius: 8px; background: #fbfdff; color: #16203a;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  font-family: 'Inter', system-ui, sans-serif; font-weight: 800;
  box-shadow: 0 4px 10px rgba(0,0,0,.3); animation: bjDeal .28s cubic-bezier(.2,.9,.3,1.3) both;
}
.bj-card.red { color: #d8273b; }
.bj-card .bj-cr { font-size: 1.05rem; line-height: 1; }
.bj-card .bj-cs { font-size: 1.1rem; line-height: 1; }
.bj-card.back {
  background: repeating-linear-gradient(45deg, #3a4ea8 0 7px, #2c3c86 7px 14px);
  border: 2px solid rgba(255,255,255,.3); box-shadow: 0 4px 10px rgba(0,0,0,.3) inset, 0 4px 10px rgba(0,0,0,.3);
}
@keyframes bjDeal { from { transform: translateY(-14px) rotate(-6deg); opacity: 0; } to { transform: none; opacity: 1; } }

/* Message central */
.bj-msg { text-align: center; font-weight: 700; font-size: .98rem; color: #e9eefc; padding: 10px 0; min-height: 22px; }
.bj-msg.you { color: #ffd23f; }
.bj-msg.win { color: #5ce6a0; }
.bj-msg.lose { color: #ff7a8c; }
.bj-msg.push { color: #b9c2e6; }

/* Actions */
.bj-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.bj-actions .btn { flex: 1; min-width: 110px; }
#bj-reset { margin-top: 10px; width: 100%; }

.bj-bethint { text-align: center; font-size: .76rem; color: #9aa0c8; margin: -4px 0 12px; }