/* casino-ui.css (1.11.4.0)
   The casino tables in the language of the v1.11.0.0 chrome pass.

   That pass took the header from nine ad-hoc border/text pairs to three roles
   built from theme tokens, and took the tabs off dashed outlines (the web's
   sign for "provisional or disabled"). The betting tables never got it: each
   carried its own copy of an older kit - warm-brown radial felts, a dark gold
   #5a4a10 border on every button, hover to #2a2200, hardcoded greens, and a
   different red and gold per game. Five games, five copies, drifting.

   One sheet now, loaded after every table's own styles and scoped under
   #casinoTab, so it wins on order and specificity without touching any game's
   logic or markup. Tokens only, so the jade and red skins carry the casino too.

   ROLES, the same three the header uses plus the one a table needs:
     neutral  everything else: chips, Hit, Check, Add Bet
     cta      the one action that starts a round: Spin, Deal, Roll
     money    commits the stack: Max, ALL-IN
     danger   gives something up: Clear, Fold
   Stand is neutral. It was painted red, but standing gives nothing up.

   RESULTS take the news feed's form: a tone-coloured left rule over a faint
   wash, not a filled box. */

/* ── Game strip: quiet at rest, underline when selected, like .tab ─────── */
#casinoTabs{gap:2px;border-bottom:1px solid var(--hr);padding-bottom:0}
#casinoTabs .subtab{border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;
  padding:6px 12px;font-size:.8rem;color:var(--amber);opacity:.62;box-shadow:none;background:transparent;
  margin-bottom:-1px;transition:opacity .12s,background .12s,border-color .12s}
#casinoTabs .subtab:hover{opacity:.9;background:rgba(240,180,84,.07)}
#casinoTabs .subtab.active{opacity:1;border-bottom-color:var(--amber);background:rgba(240,180,84,.10);box-shadow:var(--tab-glow)}

/* ── Wrappers and titles ─────────────────────────────────────────────── */
#casinoTab #rl-wrap,#casinoTab #bj-wrap,#casinoTab #poker-wrap,#casinoTab #bac-wrap,#casinoTab #sic-wrap{
  font-family:inherit;color:var(--pale);padding:6px 2px}
#casinoTab #bj-wrap h3,#casinoTab #poker-wrap h3{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--green);font-weight:600;margin:0 0 10px;text-shadow:var(--text-glow)}

/* ── Table surfaces: one felt for every game ─────────────────────────── */
#casinoTab #rl-table,#casinoTab .bj-table,#casinoTab .pk-table,#casinoTab #bac-felt,#casinoTab #sic-felt{
  background:linear-gradient(180deg,rgba(66,255,126,.045),rgba(66,255,126,0) 70%),var(--surface);
  border:1px solid var(--hr);border-radius:8px;box-shadow:var(--panel-shadow)}
#casinoTab #bj-shuffle-overlay{border-radius:8px}
#casinoTab .bj-divider{border-top:1px solid var(--hr)}

/* ── Section labels ──────────────────────────────────────────────────── */
#casinoTab .rl-label,#casinoTab .bj-label,#casinoTab .pk-label,#casinoTab .bj-shoe-title,
#casinoTab .bac-hand h4,#casinoTab .sic-sec > .sic-lbl{
  font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.62;font-weight:400}
#casinoTab .bac-hand.win h4{color:var(--green);opacity:1}
#casinoTab .bac-vs{color:var(--muted);opacity:.35}

/* ── Stat strip: balance, stake, pot as quiet chips ──────────────────── */
#casinoTab .rl-info-row,#casinoTab .bj-info,#casinoTab .pk-info,#casinoTab .bac-info,#casinoTab .sic-info{
  gap:6px;font-size:.78rem;margin-bottom:10px}
#casinoTab .rl-info-row > span,#casinoTab .bj-info > span,#casinoTab .pk-info > span,
#casinoTab .bac-info > span,#casinoTab .sic-info > span{
  color:var(--muted);border:1px solid var(--hr);border-radius:5px;padding:3px 10px;background:var(--surface)}
#casinoTab .rl-info-row > span:empty,#casinoTab .pk-info > span:empty{display:none}
#casinoTab .rl-info-row strong,#casinoTab .bj-info strong,#casinoTab .pk-info strong,
#casinoTab .bac-info strong,#casinoTab .sic-info strong{color:var(--pale);font-variant-numeric:tabular-nums}
#casinoTab #pk-street-info{color:var(--green)!important;opacity:1!important}
#casinoTab .bj-total,#casinoTab .bac-total,#casinoTab #sic-total strong{color:var(--pale);font-variant-numeric:tabular-nums}
#casinoTab #sic-total{color:var(--muted)}

/* ── Inputs ──────────────────────────────────────────────────────────── */
#casinoTab #betAmount,#casinoTab #straightNum,#casinoTab #betType,#casinoTab #bj-bet-input,
#casinoTab #pk-bet-input,#casinoTab #bac-chip,#casinoTab #sic-chip{
  background:var(--input-bg);border:1px solid var(--panel-edge);color:var(--pale);border-radius:5px;
  padding:5px 9px;font-family:inherit;font-size:.82rem;font-variant-numeric:tabular-nums;outline:none;
  transition:border-color .12s}
#casinoTab #betAmount:focus,#casinoTab #straightNum:focus,#casinoTab #betType:focus,#casinoTab #bj-bet-input:focus,
#casinoTab #pk-bet-input:focus,#casinoTab #bac-chip:focus,#casinoTab #sic-chip:focus{border-color:var(--green)}

/* ── Buttons: neutral role (every table button starts here) ──────────── */
#casinoTab .rl-chips button,#casinoTab #rl-action-row button,
#casinoTab .bj-chips button,#casinoTab .bj-actions button,
#casinoTab .pk-chips button,#casinoTab .pk-actions button,
#casinoTab .bac-chips button,#casinoTab .bac-actions button,
#casinoTab .sic-chips button,#casinoTab .sic-actions button{
  background:transparent!important;border:1px solid var(--panel-edge)!important;color:var(--muted)!important;
  border-radius:5px;font-family:inherit;font-weight:400;cursor:pointer;
  transition:color .12s,border-color .12s,background .12s}
#casinoTab .rl-chips button:hover:not(:disabled),#casinoTab #rl-action-row button:hover:not(:disabled),
#casinoTab .bj-chips button:hover:not(:disabled),#casinoTab .bj-actions button:hover:not(:disabled),
#casinoTab .pk-chips button:hover:not(:disabled),#casinoTab .pk-actions button:hover:not(:disabled),
#casinoTab .bac-chips button:hover:not(:disabled),#casinoTab .bac-actions button:hover:not(:disabled),
#casinoTab .sic-chips button:hover:not(:disabled),#casinoTab .sic-actions button:hover:not(:disabled){
  color:var(--green)!important;border-color:var(--green)!important;background:rgba(255,255,255,.04)!important}
/* quick-amount chips are the small ones */
#casinoTab .rl-chips button,#casinoTab .bj-chips button,#casinoTab .pk-chips button,
#casinoTab .bac-chips button,#casinoTab .sic-chips button{padding:3px 9px;font-size:.74rem}
/* round actions are the full-size ones */
#casinoTab #rl-action-row button,#casinoTab .bj-actions button,#casinoTab .pk-actions button,
#casinoTab .bac-actions button,#casinoTab .sic-actions button{padding:6px 16px;font-size:.82rem}
/* disabled reads as unavailable, not as a dim version of the same thing */
#casinoTab .bj-actions button:disabled,#casinoTab .pk-actions button:disabled,
#casinoTab #rl-action-row button:disabled,#casinoTab .bac-actions button:disabled,#casinoTab .sic-actions button:disabled{
  opacity:.28;cursor:not-allowed;border-style:solid}

/* cta: starts a round */
#casinoTab #casinoContent #rl-spin-btn,#casinoTab #casinoContent #bj-btn-deal,#casinoTab #casinoContent #pk-btn-deal,#casinoTab #casinoContent #bac-deal,#casinoTab #casinoContent #sic-roll{
  border-color:var(--green)!important;color:var(--green)!important;font-weight:600}
#casinoTab #casinoContent #rl-spin-btn:hover:not(:disabled),#casinoTab #casinoContent #bj-btn-deal:hover:not(:disabled),#casinoTab #casinoContent #pk-btn-deal:hover:not(:disabled),
#casinoTab #casinoContent #bac-deal:hover:not(:disabled),#casinoTab #casinoContent #sic-roll:hover:not(:disabled){background:var(--dim)!important}

/* money: commits the stack */
#casinoTab .rl-chips button[onclick^="rlSetMax"],#casinoTab .bj-chips button[onclick^="bjMaxBet"],
#casinoTab .pk-chips button[onclick^="pkAllin"],#casinoTab .bac-chips button[data-c="max"],#casinoTab .sic-chips button[data-c="max"]{
  border-color:var(--gold)!important;color:var(--gold)!important}
#casinoTab .rl-chips button[onclick^="rlSetMax"]:hover,#casinoTab .bj-chips button[onclick^="bjMaxBet"]:hover,
#casinoTab .pk-chips button[onclick^="pkAllin"]:hover,#casinoTab .bac-chips button[data-c="max"]:hover,
#casinoTab .sic-chips button[data-c="max"]:hover{
  border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(255,206,77,.10)!important}

/* danger: gives something up */
#casinoTab #casinoContent #rl-clear-btn,#casinoTab #casinoContent #pk-btn-fold,#casinoTab #casinoContent #bac-clear,#casinoTab #casinoContent #sic-clear{
  border-color:rgba(255,106,106,.45)!important;color:var(--bad)!important}
#casinoTab #casinoContent #rl-clear-btn:hover:not(:disabled),#casinoTab #casinoContent #pk-btn-fold:hover:not(:disabled),
#casinoTab #casinoContent #bac-clear:hover:not(:disabled),#casinoTab #casinoContent #sic-clear:hover:not(:disabled){
  border-color:var(--bad)!important;color:var(--bad)!important;background:rgba(255,106,106,.08)!important}

/* Stand was red; it is not a loss. Neutral like Hit and Double. */
#casinoTab #casinoContent #bj-btn-stand{border-color:var(--panel-edge)!important;color:var(--muted)!important}
#casinoTab #casinoContent #bj-btn-stand:hover:not(:disabled){border-color:var(--green)!important;color:var(--green)!important}

/* ── Bet spots (baccarat, sic bo) ────────────────────────────────────── */
#casinoTab .bac-spot,#casinoTab .sic-cell{background:var(--surface-2);border:1px solid var(--hr);border-radius:6px;
  transition:border-color .12s,background .12s}
#casinoTab .bac-spot:hover,#casinoTab .sic-cell:hover{border-color:var(--panel-edge);background:rgba(66,255,126,.05)}
#casinoTab .bac-spot .bs-lbl,#casinoTab .sic-cell .sc-lbl{color:var(--pale)}
#casinoTab .bac-spot .bs-odds,#casinoTab .sic-cell .sc-odds{color:var(--muted);opacity:.55}
#casinoTab .bac-spot .bs-amt,#casinoTab .sic-cell .sc-amt{color:var(--gold);font-variant-numeric:tabular-nums}
/* a spot holding chips is a money state */
#casinoTab .bac-spot.has,#casinoTab .sic-cell.has{border-color:var(--gold);background:rgba(255,206,77,.06)}
#casinoTab .sic-cell.hit{border-color:var(--green);box-shadow:0 0 8px rgba(66,255,126,.35)}
#casinoTab .sic-die{background:var(--input-bg);border:1px solid var(--panel-edge);color:var(--green)}

/* ── Roulette bet slip and number grid ───────────────────────────────── */
#casinoTab .rl-bet-item{background:var(--surface-2);border:1px solid var(--hr);border-radius:5px}
#casinoTab .rl-bet-item .rl-bi-label{color:var(--pale)}
#casinoTab .rl-bet-item .rl-bi-amt{color:var(--gold);font-variant-numeric:tabular-nums}
#casinoTab .rl-bet-item .rl-bi-del{color:var(--muted);opacity:.55}
#casinoTab .rl-bet-item .rl-bi-del:hover{color:var(--bad);opacity:1}
#casinoTab .rl-num-cell{border:1px solid var(--hr);border-radius:4px}
#casinoTab .rl-num-cell.selected-num{outline:2px solid var(--green);outline-offset:1px}
#casinoTab #lastResult{color:var(--muted)}

/* ── Blackjack shoe ──────────────────────────────────────────────────── */
#casinoTab #bj-shoe-bar-wrap{border:1px solid var(--hr);border-radius:6px;background:var(--surface)}
#casinoTab #bj-shoe-bar-wrap .bj-shoe-stat{color:var(--pale);font-weight:400;font-variant-numeric:tabular-nums;font-size:.78rem}
#casinoTab #bj-shoe-track{height:5px;background:var(--input-bg);border:1px solid var(--hr);border-radius:3px}
#casinoTab #bj-shoe-fill{background:var(--green);border-radius:3px}
#casinoTab #bj-shoe-fill.warn{background:var(--amber)}
#casinoTab #bj-shoe-fill.hot{background:var(--bad)}

/* ── Poker seats ─────────────────────────────────────────────────────── */
#casinoTab .pk-seat{background:var(--surface-2);border:1px solid var(--hr);border-radius:6px}
#casinoTab .pk-seat .seat-name{color:var(--muted);letter-spacing:.08em}
#casinoTab .pk-seat .seat-stack{color:var(--pale);font-variant-numeric:tabular-nums}
#casinoTab .pk-seat .seat-bet{color:var(--gold)}
#casinoTab .pk-seat .seat-status{color:var(--muted);opacity:.8}
/* .active on a seat means still in the hand, not acting: most seats carry it
   most of the time, so it is the quiet default, a step up from folded. */
#casinoTab .pk-seat.active{border-color:var(--panel-edge)}
#casinoTab .pk-seat.winner{border-color:var(--gold);background:rgba(255,206,77,.06)}

/* ── Results: tone rule over a faint wash (the news feed's form) ─────── */
#casinoTab #rl-result-banner,#casinoTab .bj-result,#casinoTab .pk-result,#casinoTab #bac-banner,#casinoTab #sic-banner{
  border:0!important;border-left:3px solid var(--muted)!important;border-radius:0 5px 5px 0;
  background:rgba(255,255,255,.03)!important;color:var(--pale)!important;text-align:left;
  padding:8px 12px;font-size:.88rem;letter-spacing:.02em}
#casinoTab #rl-result-banner.win,#casinoTab .bj-result.win,#casinoTab .pk-result.win,#casinoTab #bac-banner.win,#casinoTab #sic-banner.win{
  border-left-color:var(--green)!important;background:rgba(66,255,126,.07)!important;color:var(--good)!important}
#casinoTab #rl-result-banner.lose,#casinoTab .bj-result.lose,#casinoTab .pk-result.lose,#casinoTab #bac-banner.lose,#casinoTab #sic-banner.lose{
  border-left-color:var(--bad)!important;background:rgba(255,106,106,.07)!important;color:var(--bad)!important}
#casinoTab #rl-result-banner.neutral,#casinoTab .bj-result.push,#casinoTab .pk-result.push,#casinoTab #bac-banner.push{
  border-left-color:var(--amber)!important;background:rgba(240,180,84,.07)!important;color:var(--amber)!important}
#casinoTab .bj-result.bj{border-left-color:var(--gold)!important;background:rgba(255,206,77,.08)!important;color:var(--gold)!important}

/* ── Logs and fine print ─────────────────────────────────────────────── */
#casinoTab #rl-log,#casinoTab #bj-log,#casinoTab #pk-log,#casinoTab #bac-log,#casinoTab #sic-log{
  color:var(--muted);opacity:.7;font-size:.7rem}
#casinoTab #rl-log div,#casinoTab #bj-log div,#casinoTab #pk-log div,#casinoTab #bac-log div,#casinoTab #sic-log div{
  border-bottom:1px solid var(--hr)}

/* ── Racecourse (1.11.5.0) ────────────────────────────────────────────── */
#casinoTab #hr-wrap{color:var(--pale);padding:6px 2px;font-size:.8rem}
#casinoTab #hr-wrap .hr-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#casinoTab #hr-wrap h3{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:600;margin:0 auto 0 0;text-shadow:var(--text-glow)}
#casinoTab .hr-chip{color:var(--muted);border:1px solid var(--hr);border-radius:5px;padding:3px 10px;background:var(--surface);font-variant-numeric:tabular-nums}
#casinoTab .hr-chip:empty{display:none}
#casinoTab .hr-trackwrap{position:relative;border:1px solid var(--hr);border-radius:8px;overflow:hidden;box-shadow:var(--panel-shadow);margin-bottom:8px}
#casinoTab #hr-track{display:block;width:100%;height:340px;image-rendering:pixelated}
#casinoTab #hr-banner{position:absolute;left:0;right:0;bottom:0;padding:7px 12px;font-size:.78rem;color:var(--pale);
  background:linear-gradient(transparent,rgba(0,0,0,.85));display:none}
#casinoTab #hr-banner b{color:var(--green);letter-spacing:.08em;margin-right:8px}
#casinoTab #hr-banner .hr-post{float:right;color:var(--amber)}
#casinoTab #hr-banner .hr-pl{margin-right:14px}
#casinoTab .hr-racetabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
#casinoTab .hr-rtab{background:transparent;border:1px solid var(--panel-edge);color:var(--muted);border-radius:5px;padding:4px 12px;
  font-family:inherit;font-size:.76rem;cursor:pointer}
#casinoTab .hr-rtab span{opacity:.6;margin-left:4px}
#casinoTab .hr-rtab:hover{color:var(--green);border-color:var(--green)}
#casinoTab .hr-rtab.on{color:var(--green);border-color:var(--green);background:var(--dim)}
#casinoTab .hr-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;margin-bottom:10px}
@media(max-width:900px){#casinoTab .hr-main{grid-template-columns:minmax(0,1fr)}}
#casinoTab .hr-left,#casinoTab .hr-right > div,#casinoTab .hr-box{background:var(--surface);border:1px solid var(--hr);border-radius:8px;padding:10px 12px}
#casinoTab #hr-racehead{margin-bottom:6px}
#casinoTab .hr-rt{color:var(--green);letter-spacing:.08em}
#casinoTab .hr-dim{color:var(--muted);opacity:.62;font-size:.72rem}
#casinoTab .hr-lbl{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.62;margin:2px 0 6px}
#casinoTab .hr-table{width:100%;border-collapse:collapse}
#casinoTab .hr-table th{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.55;font-weight:400;text-align:left;padding:3px 4px}
#casinoTab .hr-table td{padding:3px 4px;border-top:1px solid var(--hr);vertical-align:middle}
#casinoTab .hr-num{text-align:right;font-variant-numeric:tabular-nums}
#casinoTab .hr-odds{color:var(--gold)}
#casinoTab .hr-fig{font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--pale)}
#casinoTab tr.hr-run.pickable{cursor:pointer}
#casinoTab tr.hr-run.pickable:hover td{background:rgba(66,255,126,.04)}
#casinoTab tr.hr-run.picked td{background:rgba(255,206,77,.07)}
#casinoTab .hr-pick{color:var(--gold);font-weight:600;width:18px;text-align:center}
#casinoTab .hr-name{cursor:pointer;border-bottom:1px dotted var(--panel-edge)}
#casinoTab .hr-name:hover{color:var(--green)}
#casinoTab .hr-thumb{display:block;image-rendering:pixelated}
#casinoTab .hr-formrow td{background:var(--surface-2)}
#casinoTab .hr-form{border-collapse:collapse;font-size:.72rem;width:100%}
#casinoTab .hr-form th{font-weight:400;color:var(--muted);opacity:.55;text-align:left;padding:2px 6px}
#casinoTab .hr-form td{padding:2px 6px;border-top:1px solid var(--hr)}
#casinoTab .hr-cloth{display:inline-block;min-width:16px;height:14px;line-height:14px;text-align:center;font-style:normal;font-size:.66rem;font-weight:700;border-radius:2px}
#casinoTab .hr-cloth.c1{background:#d23b3b;color:#fff}#casinoTab .hr-cloth.c2{background:#f2f2f2;color:#111}
#casinoTab .hr-cloth.c3{background:#2f6fd6;color:#fff}#casinoTab .hr-cloth.c4{background:#f2d23b;color:#111}
#casinoTab .hr-cloth.c5{background:#2fa04a;color:#fff}#casinoTab .hr-cloth.c6{background:#1a1a1a;color:#f2d23b;border:1px solid #555}
#casinoTab .hr-cloth.c7{background:#f28a2f;color:#111}#casinoTab .hr-cloth.c8{background:#f07ab8;color:#111}
#casinoTab .hr-pools{display:flex;flex-wrap:wrap;gap:6px}
#casinoTab .hr-pools span{border:1px solid var(--hr);border-radius:5px;padding:3px 8px;font-variant-numeric:tabular-nums;color:var(--gold)}
#casinoTab .hr-pools em{font-style:normal;color:var(--muted);margin-right:6px}
#casinoTab #hr-tote{margin-top:10px}
#casinoTab .hr-types{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}
#casinoTab .hr-type,#casinoTab .hr-chips button{background:transparent;border:1px solid var(--panel-edge);color:var(--muted);border-radius:5px;
  padding:3px 8px;font-family:inherit;font-size:.72rem;cursor:pointer}
#casinoTab .hr-type:hover:not(:disabled),#casinoTab .hr-chips button:hover{color:var(--green);border-color:var(--green)}
#casinoTab .hr-type.on{color:var(--green);border-color:var(--green);background:var(--dim)}
#casinoTab .hr-type:disabled{opacity:.28;cursor:not-allowed}
#casinoTab .hr-chips button.hr-clr{border-color:rgba(255,106,106,.45);color:var(--bad)}
#casinoTab .hr-help{color:var(--muted);opacity:.75;font-size:.72rem;margin-bottom:6px;min-height:2.4em}
#casinoTab .hr-boxopt{display:block;font-size:.74rem;color:var(--muted);margin-bottom:6px;cursor:pointer}
#casinoTab .hr-picks{min-height:22px;margin-bottom:6px}
#casinoTab .hr-dd{margin-bottom:6px}
#casinoTab .hr-dd select,#casinoTab #hr-stake{background:var(--input-bg);border:1px solid var(--panel-edge);color:var(--pale);border-radius:5px;
  padding:4px 8px;font-family:inherit;font-size:.78rem;font-variant-numeric:tabular-nums;outline:none}
#casinoTab #hr-stake{width:110px;margin-left:8px}
#casinoTab #hr-stake:focus{border-color:var(--green)}
#casinoTab .hr-stakerow{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
#casinoTab .hr-chips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
#casinoTab .hr-sum{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem;margin-bottom:6px}
#casinoTab .hr-sum b{color:var(--gold);font-weight:600}
#casinoTab .hr-pays{border-left:3px solid var(--gold);background:rgba(255,206,77,.06);padding:6px 8px;border-radius:0 5px 5px 0;margin-bottom:8px;min-height:1.2em;color:var(--pale);font-size:.76rem}
#casinoTab .hr-pays:empty{display:none}
#casinoTab .hr-cta{width:100%;background:transparent;border:1px solid var(--green);color:var(--green);font-weight:600;border-radius:5px;
  padding:7px 12px;font-family:inherit;font-size:.82rem;cursor:pointer}
#casinoTab .hr-cta:hover:not(:disabled){background:var(--dim)}
#casinoTab .hr-cta:disabled{opacity:.28;cursor:not-allowed}
#casinoTab .hr-err{color:var(--bad);font-size:.74rem;margin-top:6px}
#casinoTab .hr-lower{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}
@media(max-width:900px){#casinoTab .hr-lower{grid-template-columns:minmax(0,1fr)}}
#casinoTab .hr-tk td{font-size:.74rem}
#casinoTab .hr-tk tr.ts-won td{color:var(--good)}
#casinoTab .hr-tk tr.ts-lost td{color:var(--muted);opacity:.6}
#casinoTab .hr-tk tr.ts-refunded td{color:var(--amber)}
#casinoTab .hr-res{border-top:1px solid var(--hr);padding:6px 0}
#casinoTab .hr-res:first-child{border-top:0;padding-top:0}
#casinoTab .hr-resorder{margin:4px 0;line-height:1.6}
#casinoTab .hr-respay{color:var(--gold);font-size:.72rem;font-variant-numeric:tabular-nums}
#casinoTab .hr-fine{color:var(--muted);opacity:.5;font-size:.68rem;line-height:1.5}
#casinoTab .hr-credit{white-space:nowrap}

/* ── Ringside (1.11.6.0) ──────────────────────────────────────────────── */
#casinoTab #bx-wrap{color:var(--pale);padding:6px 2px;font-size:.8rem}
#casinoTab #bx-wrap .bx-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
#casinoTab #bx-wrap h3{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:600;margin:0 auto 0 0;text-shadow:var(--text-glow)}
#casinoTab .bx-chip{color:var(--muted);border:1px solid var(--hr);border-radius:5px;padding:3px 10px;background:var(--surface);font-variant-numeric:tabular-nums}
#casinoTab .bx-chip:empty{display:none}
#casinoTab .bx-ringwrap{position:relative;border:1px solid var(--hr);border-radius:8px;overflow:hidden;box-shadow:var(--panel-shadow);margin-bottom:8px}
#casinoTab #bx-ring{display:block;width:100%;height:360px;image-rendering:pixelated}
#casinoTab #bx-banner{position:absolute;left:0;right:0;bottom:0;padding:7px 12px;font-size:.78rem;color:var(--pale);background:linear-gradient(transparent,rgba(0,0,0,.85));display:none}
#casinoTab #bx-banner b{color:var(--green);letter-spacing:.08em;margin-right:8px}
#casinoTab #bx-banner .bx-post{float:right;color:var(--amber)}
#casinoTab .bx-vs{color:var(--muted);opacity:.6;margin:0 4px}
#casinoTab .bx-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
#casinoTab .bx-tab{background:transparent;border:1px solid var(--panel-edge);color:var(--muted);border-radius:5px;padding:4px 12px;font-family:inherit;font-size:.76rem;cursor:pointer}
#casinoTab .bx-tab span{opacity:.6;margin-left:4px}
#casinoTab .bx-tab:hover{color:var(--green);border-color:var(--green)}
#casinoTab .bx-tab.on{color:var(--green);border-color:var(--green);background:var(--dim)}
#casinoTab .bx-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:10px;margin-bottom:10px}
@media(max-width:900px){#casinoTab .bx-main{grid-template-columns:minmax(0,1fr)}}
#casinoTab .bx-left,#casinoTab .bx-right > div,#casinoTab .bx-box{background:var(--surface);border:1px solid var(--hr);border-radius:8px;padding:10px 12px}
#casinoTab .bx-dim{color:var(--muted);opacity:.62;font-size:.72rem}
#casinoTab .bx-lbl{font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.62;margin:2px 0 6px}
#casinoTab .bx-bh{margin-bottom:8px}
#casinoTab .bx-bt{color:var(--green);letter-spacing:.08em}
#casinoTab .bx-tapegrid{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:10px}
#casinoTab .bx-corner{display:flex;gap:8px;align-items:center;padding:8px;border-radius:6px;background:var(--surface-2);border:1px solid var(--hr)}
#casinoTab .bx-corner.c0{border-left:3px solid #d23b3b}
#casinoTab .bx-corner.c1{border-right:3px solid #2f6fd6;flex-direction:row-reverse;text-align:right}
#casinoTab .bx-thumb{display:block;image-rendering:pixelated}
#casinoTab .bx-name{font-weight:600;cursor:pointer;border-bottom:1px dotted var(--panel-edge);display:inline-block}
#casinoTab .bx-name:hover{color:var(--green)}
#casinoTab .bx-nick{color:var(--amber);font-size:.72rem}
#casinoTab .bx-ml{margin-top:3px;color:var(--muted);font-size:.74rem}
#casinoTab .bx-ml b{color:var(--gold)}
#casinoTab .bx-vsbig{color:var(--muted);opacity:.5;letter-spacing:.2em;font-size:.8rem}
#casinoTab .bx-market{border-top:1px solid var(--hr);padding:8px 0}
#casinoTab .bx-market.off{opacity:.55}
#casinoTab .bx-mh{margin-bottom:5px}
#casinoTab .bx-mt{color:var(--pale);font-weight:600;letter-spacing:.04em}
#casinoTab .bx-mt.on{color:var(--gold)}
#casinoTab .bx-outs{display:flex;flex-wrap:wrap;gap:4px}
#casinoTab .m-round .bx-outs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
#casinoTab .m-round .bx-out:last-child{grid-column:1 / -1}
#casinoTab .m-dbl .bx-outs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
#casinoTab .bx-out{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:74px;flex:1;background:transparent;border:1px solid var(--panel-edge);
  color:var(--muted);border-radius:5px;padding:4px 6px;font-family:inherit;font-size:.72rem;cursor:pointer}
#casinoTab .bx-out b{color:var(--gold);font-weight:600;font-variant-numeric:tabular-nums}
#casinoTab .bx-out:hover{color:var(--green);border-color:var(--green)}
#casinoTab .bx-out.sR{border-left:2px solid rgba(210,59,59,.7)}
#casinoTab .bx-out.sB{border-left:2px solid rgba(47,111,214,.8)}
#casinoTab .bx-out.on{border-color:var(--gold);background:rgba(255,206,77,.08);color:var(--pale)}
#casinoTab .bx-poolrow{display:flex;flex-wrap:wrap;gap:6px}
#casinoTab .bx-poolrow span{border:1px solid var(--hr);border-radius:5px;padding:3px 8px;font-variant-numeric:tabular-nums;color:var(--gold)}
#casinoTab .bx-poolrow em{font-style:normal;color:var(--muted);margin-right:6px}
#casinoTab #bx-pools{margin-top:8px}
#casinoTab .bx-slipmk{color:var(--gold);font-weight:600;margin-bottom:4px}
#casinoTab .bx-picks{min-height:22px;margin-bottom:8px;display:flex;flex-wrap:wrap;gap:4px}
#casinoTab .bx-pick{border:1px solid var(--gold);border-radius:4px;padding:1px 6px;font-size:.72rem;color:var(--pale)}
#casinoTab .bx-stakerow{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
#casinoTab #bx-stake{width:110px;background:var(--input-bg);border:1px solid var(--panel-edge);color:var(--pale);border-radius:5px;padding:4px 8px;font-family:inherit;font-size:.78rem;outline:none}
#casinoTab #bx-stake:focus{border-color:var(--green)}
#casinoTab .bx-chips{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}
#casinoTab .bx-chips button{background:transparent;border:1px solid var(--panel-edge);color:var(--muted);border-radius:5px;padding:3px 8px;font-family:inherit;font-size:.72rem;cursor:pointer}
#casinoTab .bx-chips button:hover{color:var(--green);border-color:var(--green)}
#casinoTab .bx-chips button.bx-clr{border-color:rgba(255,106,106,.45);color:var(--bad)}
#casinoTab .bx-sum{display:flex;justify-content:space-between;color:var(--muted);font-size:.74rem;margin-bottom:6px}
#casinoTab .bx-sum b{color:var(--gold);font-weight:600}
#casinoTab .bx-pays{border-left:3px solid var(--gold);background:rgba(255,206,77,.06);padding:6px 8px;border-radius:0 5px 5px 0;margin-bottom:8px;color:var(--pale);font-size:.76rem}
#casinoTab .bx-pays:empty{display:none}
#casinoTab .bx-cta{width:100%;background:transparent;border:1px solid var(--green);color:var(--green);font-weight:600;border-radius:5px;padding:7px 12px;font-family:inherit;font-size:.82rem;cursor:pointer}
#casinoTab .bx-cta:hover:not(:disabled){background:var(--dim)}
#casinoTab .bx-cta:disabled{opacity:.28;cursor:not-allowed}
#casinoTab .bx-err{color:var(--bad);font-size:.74rem;margin-top:6px}
#casinoTab .bx-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:8px}
@media(max-width:1100px){#casinoTab .bx-lower{grid-template-columns:minmax(0,1fr)}}
#casinoTab .bx-table{width:100%;border-collapse:collapse}
#casinoTab .bx-table th{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.55;font-weight:400;text-align:left;padding:3px 4px}
#casinoTab .bx-table td{padding:3px 4px;border-top:1px solid var(--hr);font-size:.74rem}
#casinoTab .bx-num{text-align:right;font-variant-numeric:tabular-nums}
#casinoTab .bx-table tr.rW td:first-child{color:var(--good)}
#casinoTab .bx-table tr.rL td:first-child{color:var(--bad)}
#casinoTab .bx-tk tr.ts-won td{color:var(--good)}
#casinoTab .bx-tk tr.ts-lost td{color:var(--muted);opacity:.6}
#casinoTab .bx-tk tr.ts-refunded td{color:var(--amber)}
#casinoTab .bx-res{border-top:1px solid var(--hr);padding:6px 0}
#casinoTab .bx-res:first-child{border-top:0;padding-top:0}
#casinoTab .bx-resw{margin:3px 0;color:var(--pale)}
#casinoTab .bx-respay{color:var(--gold);font-size:.72rem;font-variant-numeric:tabular-nums}
#casinoTab #bx-hist{margin-top:6px;border-top:1px solid var(--hr);padding-top:6px}
#casinoTab .bx-fine{color:var(--muted);opacity:.5;font-size:.68rem;line-height:1.5}
#casinoTab .bx-credit{white-space:nowrap}

/* ── Racecourse and Ringside on a phone (1.11.9.1) ────────────────────────
   On a real iPhone the racecourse ran off the right edge: a grid column of 1fr
   still grows to its content's minimum width, and the runners table (name,
   form, two odds columns, a thumbnail) is wider than a phone. Columns are
   minmax(0,1fr) above; here the pane is held to the screen, the field table
   drops the thumbnail and the morning line on narrow screens (live odds stay),
   and anything still too wide scrolls inside its own box, never the page. */
#casinoTab #hr-wrap,#casinoTab #bx-wrap{min-width:0;max-width:100%;overflow-x:hidden}
#casinoTab .hr-left,#casinoTab .hr-right,#casinoTab .bx-left,#casinoTab .bx-right{min-width:0}
#casinoTab #hr-field,#casinoTab #bx-markets{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:600px){
  #casinoTab .hr-left,#casinoTab .hr-right > div,#casinoTab .hr-box,
  #casinoTab .bx-left,#casinoTab .bx-right > div,#casinoTab .bx-box{padding:8px}
  #casinoTab .hr-table td:nth-child(2),#casinoTab .hr-table th:nth-child(2){display:none}
  #casinoTab .hr-table td:nth-child(5),#casinoTab .hr-table th:nth-child(5){display:none}
  #casinoTab .hr-table td,#casinoTab .hr-table th{padding:4px 3px}
  #casinoTab .hr-name{font-size:.8rem}
  #casinoTab .hr-fig{letter-spacing:.04em;font-size:.72rem}
  #casinoTab .hr-rtab,#casinoTab .bx-tab{padding:4px 8px;font-size:.7rem}
  #casinoTab #hr-racehead,#casinoTab .bx-bh{font-size:.76rem;line-height:1.5}
  #casinoTab #hr-banner,#casinoTab #bx-banner{font-size:.7rem;padding:5px 8px}
  #casinoTab #hr-banner .hr-post,#casinoTab #bx-banner .bx-post{float:none;display:block}
  #casinoTab .hr-types{gap:3px}
  #casinoTab .hr-type{padding:3px 6px;font-size:.68rem}
  #casinoTab .hr-tk td,#casinoTab .bx-table td{font-size:.68rem}
  #casinoTab .hr-credit,#casinoTab .bx-credit{white-space:normal}
}