.bj-bank { display: flex; gap: 10px; }
.bj-bank > span { padding: 6px 14px; border-radius: 999px; background: var(--chip); border: 1px solid var(--card-line); color: var(--dim); font-size: 14px; }
.bj-bank b { color: var(--text); font-weight: 500; }
.bj-table { display: flex; flex-direction: column; gap: 16px; width: min(100%, 460px); }
.bj-hand { display: flex; flex-direction: column; gap: 8px; }
.bj-total { background: var(--chip); border-radius: 999px; padding: 1px 9px; font-size: 12.5px; color: var(--text); }
.bj-cards { display: flex; flex-wrap: wrap; gap: 8px; min-height: 92px; }
.bj-card {
  width: 62px; height: 88px; border-radius: 9px; background: #fbfbf9; color: #161616; border: 1px solid rgba(0, 0, 0, .12);
  display: flex; flex-direction: column; justify-content: space-between; padding: 6px 8px; box-shadow: 0 4px 12px var(--shadow);
}
.bj-card b { font-weight: 500; font-size: 19px; line-height: 1; }
.bj-card i { font-style: normal; font-size: 26px; line-height: 1; align-self: flex-end; }
.bj-card.red { color: #d33a32; }
.bj-card.back { background: #2c4f86; border: 4px solid #fbfbf9; box-shadow: inset 0 0 0 2px #24426f, 0 4px 12px var(--shadow); }
.bj-bets { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; }
@media (max-width: 640px) { .bj-card { width: 54px; height: 78px; } .bj-card b { font-size: 17px; } .bj-card i { font-size: 22px; } }