.gold { color: var(--brass); font-variant-numeric: tabular-nums; }

.felt.bj {
  display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 18px;
  min-height: 420px; padding: 26px 20px; border-radius: 120px / 90px;
  --cw: clamp(56px, 16vw, 84px);
}
.hand-area { display: flex; flex-direction: column; align-items: center; gap: 10px; min-width: 0; }
.hand-label { display: flex; gap: 12px; align-items: baseline; font-weight: 800; letter-spacing: .04em; }
.total { font-family: var(--display); font-size: 20px; color: var(--paper); font-variant-numeric: tabular-nums; }
.hand-area .cards { min-height: calc(var(--cw) * 1.4); flex-wrap: wrap; justify-content: center; }
.hand-area .card { margin-left: calc(var(--cw) * -0.28); }
.hand-area .card:first-child { margin-left: 0; }
.banner { font-family: var(--display); font-weight: 800; font-size: clamp(22px, 5vw, 32px); text-align: center; min-height: 1.3em; text-wrap: balance; }
.banner.win { color: var(--brass); }
.banner.lose { color: #e9a3a8; }
.bet { font-size: 12px; font-weight: 800; font-variant-numeric: tabular-nums; background: rgba(0, 0, 0, .35); border: 1px dashed var(--brass-dim); border-radius: 99px; padding: 1px 10px; }
.bet:empty { display: none; }

.bjc .btns { grid-template-columns: repeat(3, 1fr); }
.chips { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }
.chip {
  width: 58px; height: 58px; border-radius: 50%; border: 3px dashed rgba(255, 255, 255, .7);
  font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .5), inset 0 0 0 4px var(--c);
  background: var(--c);
}
.chip:disabled { opacity: .35; }
.chip[data-v="5"] { --c: #8a2d3b; }
.chip[data-v="25"] { --c: #2c6b52; }
.chip[data-v="100"] { --c: #2b3f6b; }
.chip[data-v="500"] { --c: #4a2b6b; }
.betrow { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; }
.betnow { font-family: var(--display); font-size: 22px; font-weight: 600; font-variant-numeric: tabular-nums; }
.betrow .ghost:disabled { opacity: .4; }