/* "What does this roulette or craps bet cost?" (/tools/table-bets/). Loaded after site.css, guides.css and
   pay-table.css, whose .pt calculator panel it reuses. */
.tb .tb-games { display: flex; flex-wrap: wrap; gap: 10px; }
.tb .tb-radio { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border-radius: 10px; border: 1px solid rgba(255,255,255,.22); background: rgba(7,26,51,.35); color: #fff; font-size: 1rem; font-weight: 600; cursor: pointer; }
.tb .tb-radio input { width: 20px; height: 20px; margin: 0; accent-color: var(--gold); }
.tb .tb-radio:has(input:checked) { border-color: var(--gold); background: rgba(232,182,76,.14); }
.tb .tb-radio input:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.tb .theo-calc select { width: 100%; }
.tb .theo-out small { overflow-wrap: anywhere; }
.tb .tb-lines { margin-top: 16px; }
.tb .tb-lines h3 { color: #fff; font-size: 1.05rem; margin: 0 0 8px; }
.tb .tb-lines td, .tb .tb-lines th[scope="col"] { white-space: nowrap; }   /* "35 to 1" stays on one line; the table scrolls */
.tb .tb-lines tr.tb-this th, .tb .tb-lines tr.tb-this td { font-weight: 700; }
.tb .tb-share { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.tb .tb-share .btn { min-height: 44px; font-size: 1rem; }
/* Both share buttons are secondary actions on the dark panel: outlined, light text (the copy button had the browser's
   grey button face and "Start over" dark text on navy, found on the demo-journey walk). */
.tb .tb-share .btn { background: transparent; color: #e9eef5; border: 1px solid rgba(255,255,255,.3); }
.tb .tb-share .btn:hover { border-color: rgba(255,255,255,.6); color: #fff; }
.tb .tb-share .btn:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.tb .tb-share .pt-hint { flex-basis: 100%; margin: 0; min-height: 1.2em; }