/* Online Blackjack table (multiplayer stage 2, js/olbj.js): replaces the solo table and dock while you sit online */
body.ol-bj #table,body.ol-bj #dock,body.ol-bj .ticker{display:none} /* toasts would cover the seats; the log keeps every line */
.ob-cards .card+.card{margin-left:calc(var(--cw)*-.25)}
.ol-table{grid-area:table;display:flex;flex-direction:column;gap:10px;min-height:380px;padding:10px 14px 16px;border:10px solid var(--rail);border-radius:26px;
  background:radial-gradient(ellipse at 50% 18%,var(--felt) 0%,var(--felt-deep) 82%);box-shadow:inset 0 0 0 2px var(--brass-dim),0 24px 44px var(--shade);color:var(--ivory)}
.ol-table[hidden]{display:none}
.ob-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.ob-ph{font-family:var(--f-label);color:var(--brass)}
.ob-clock{font-variant-numeric:tabular-nums;color:var(--brass);min-width:4ch}
.ob-dealer{display:flex;flex-direction:column;align-items:center;gap:4px}
.ob-cards{display:flex;gap:4px;justify-content:center;flex-wrap:wrap;min-height:calc(var(--cw) * 1.4)}
.ob-name{display:flex;align-items:center;gap:2px;font-family:var(--f-label);font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ob-tot{font-size:13px;font-variant-numeric:tabular-nums}
.ob-msg{margin:0;text-align:center;min-height:1.3em;color:var(--brass)}
.ob-god{font-size:12px;color:var(--brass);border:1px dashed var(--brass-dim);border-radius:8px;padding:2px 8px}
.ob-seats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ob-seat{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 4px;border-radius:12px;border:1.5px solid var(--brass-faint);background:rgba(0,0,0,.12)}
.ob-seat.me{border-color:var(--pc,var(--brass));box-shadow:0 0 0 1px var(--pc,var(--brass))}
.ob-seat.npc{border-style:dashed}
.ob-seat.turn{background:rgba(255,236,190,.12)}
.ob-seat.empty{opacity:.6}
.ob-hand{display:flex;flex-direction:column;align-items:center;gap:2px;padding:2px;border-radius:8px}
.ob-hand.now{outline:2px solid var(--brass);outline-offset:1px;background:none;color:inherit}
.ob-r.win,.ob-r.blackjack,.ob-net.up{color:var(--good)}
.ob-r.lose,.ob-r.bust,.ob-net.down{color:var(--bad)}
.ob-net{font-variant-numeric:tabular-nums;font-weight:600}
.ob-chips{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}
.ob-tag{font-size:11px;padding:0 6px;border-radius:9px;border:1px solid var(--brass-dim);color:var(--brass)}
.ob-ctl{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center}
.ob-bet{display:flex;flex-direction:column;gap:6px;align-items:center}
.ob-amt{min-width:6ch;text-align:center;font-variant-numeric:tabular-nums}
.ob-chip.on{outline:2px solid var(--brass);color:var(--brass)}
.ob-acts,.ob-chiprow{justify-content:center;align-items:center}
.ol-god{margin-top:10px}
@media (max-width:640px){
  .ol-table{padding:8px 6px 12px;border-width:6px}
  .ob-seats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* v0.96: online Blackjack drawn on the normal table (body.ob-felt, js/olbj.js obTable/obDock); #olTable is only used by the poker table now */
body.ob-felt .ticker{display:none}
body.ob-felt .seat.ob-pl .seat-head .nm{border:1.5px solid var(--pc,var(--brass));border-radius:999px;padding:0 7px}
body.ob-felt .felt-print .ob-clock{font-variant-numeric:tabular-nums;color:var(--brass);font-size:.7em}
body.ob-felt .dealer .ob-god{margin-top:4px}
body.ob-felt .ob-ctl .ob-bet .row{justify-content:center}
/* U4c part 2: Double Blackjack, tap 2 cards for the Two-card hand */
.ob-pick{display:inline-block;cursor:pointer;border-radius:8px;transition:transform .15s}
.ob-pick.on{transform:translateY(-10px)}
#table .ob-pick.on>.card{box-shadow:0 0 0 3px var(--brass),0 6px 12px rgba(0,0,0,.5)}
#table .ob-pick:focus-visible{outline:3px solid var(--brass);outline-offset:2px}
