/* ── Benjamin.bet skin (brand code "benjamin") for the Strike games ──
   Vault-black ground with a low felt light and a faint guilloche, cream type,
   gold #C9A24A for money only (the bet button, amounts, wins), dollar green
   #215640 for selected states, muted cream for losses. Inter for UI, JetBrains
   Mono for every number. Panels keep the MYBC sizes, spacing and row heights;
   only colours, corners (bill notches) and type change.
   Activated by app.jsx adding `brand-benjamin` to <html> once the server names
   the brand; every rule below is scoped to it, so the other skins are untouched.
   Part 2 mirrors every colour rule of trade.css under
   :where(:root.brand-benjamin) (no added specificity, so the copies cascade
   exactly like the originals) with the trade palette swapped for Benjamin's.
   Part 3 is the hand-made layer on top. */
@font-face {
  font-family: 'Benjamin Inter';
  src: url('fonts/inter-latin-wght-normal.woff2?v=1') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Benjamin Unbounded';
  src: url('fonts/unbounded-latin-wght-normal.woff2?v=1') format('woff2');
  font-weight: 200 900;
  font-display: swap;
}
@font-face {
  font-family: 'Benjamin Mono';
  src: url('fonts/jetbrains-mono-latin-wght-normal.woff2?v=1') format('woff2');
  font-weight: 100 800;
  font-display: swap;
}

/* ── Part 1: tokens ── */
:root.brand-benjamin {
  --bn-ground-0: #0b0d0c;
  --bn-ground-1: #161a18;
  --bn-ground-2: #202522;
  --bn-ground-3: #2a302c;
  --bn-felt: #1F6F4A;
  --bn-s3: #215640;
  --bn-cream: #EDE7D3;
  --bn-ink: #0B1F17;
  --bn-gold: #C9A24A;
  --bn-gold-hover: #D6B260;
  --bn-gold-press: #B48F3C;
  --bn-muted: #a9b1ac;
  --bn-meta: #959d98;
  --bn-line: rgba(237, 231, 211, 0.10);
  --bn-line-2: rgba(237, 231, 211, 0.18);
  --bn-line-3: rgba(237, 231, 211, 0.36);
  --bn-edge: rgba(237, 231, 211, 0.12);

  /* trading palette -> Benjamin */
  --tr-bg: #0b0d0c;
  --tr-bg-2: #0b0d0c;
  --tr-panel: #161a18;
  --tr-panel-2: #202522;
  --tr-field: #0b0d0c;
  --tr-border: rgba(237, 231, 211, 0.10);
  --tr-border-2: rgba(237, 231, 211, 0.18);
  --tr-text: #FFFFFF;
  --tr-muted: #959d98;
  --tr-dim: #59615c;
  --tr-green: #C9A24A;
  --tr-green-rgb: 201, 162, 74;
  --tr-red: #a9b1ac;
  --tr-red-rgb: 169, 177, 172;
  --tr-blue: #215640;
  --tr-blue-rgb: 237, 231, 211;

  /* shared Originals tokens (drawers, modals, toasts, loading) */
  --bg: #0b0d0c;
  --bg-secondary: #0b0d0c;
  --surface-default: #202522;
  --surface-raised: #2a302c;
  --surface-overlay: #161a18;
  --border-default: rgba(237, 231, 211, 0.10);
  --border-strong: rgba(237, 231, 211, 0.24);
  --content-primary: #FFFFFF;
  --content-secondary: #EDE7D3;
  --content-tertiary: #959d98;
  --content-disabled: #59615c;
  --content-inverse: #0B1F17;
  --brand-primary: #C9A24A;
  --brand-rgb: 201, 162, 74;
  --brand-secondary: #B48F3C;
  --brand-highlight: #D6B260;
  --brand-border: #765A18;
  --action-primary: #C9A24A;
  --action-rgb: 201, 162, 74;
  --action-secondary: #B48F3C;
  --action-text: #0B1F17;
  /* no win-green and no red: wins are gold money, losses are muted cream */
  --status-success: #C9A24A;
  --status-success-strong: #B48F3C;
  --status-success-rgb: 201, 162, 74;
  --status-error: #a9b1ac;
  --status-error-rgb: 169, 177, 172;
  --shadow-neutral: #000000;
  --font-primary: 'Benjamin Inter', 'Inter', system-ui, sans-serif;
  --font-mono: 'Benjamin Mono', 'JetBrains Mono', ui-monospace, monospace;
  --font-display: 'Benjamin Unbounded', 'Unbounded', 'Benjamin Inter', sans-serif;
}

/* ── Part 2: trade.css colour rules, Benjamin palette (generated) ── */
@keyframes bn-ld-glow { 0%, 100%{ filter: drop-shadow(0 0 18px rgba(237, 231, 211, .3)); } 12%{ filter: drop-shadow(0 0 34px rgba(237, 231, 211, .75)); } }
html.brand-benjamin, :where(:root.brand-benjamin) body { background: var(--tr-bg); }
:where(:root.brand-benjamin) .tr-app { color: var(--tr-text); background: radial-gradient(120% 60% at 50% -10%, rgba(var(--tr-blue-rgb), 0.07), transparent 60%),
    var(--tr-bg); }
:where(:root.brand-benjamin) .tr-app button { color: inherit; }
:where(:root.brand-benjamin) .tr-app :focus-visible { outline: 2px solid rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .th-balance { border: 1px solid var(--tr-border-2); border-radius: 8px; background: var(--tr-panel); }
:where(:root.brand-benjamin) .th-cur { color: var(--tr-muted); }
:where(:root.brand-benjamin) .th-balance--up { color: var(--tr-green); border-color: rgba(var(--tr-green-rgb), .55); box-shadow: 0 0 16px rgba(var(--tr-green-rgb), .18); }
:where(:root.brand-benjamin) .th-balance--down { color: #A9B1AC; border-color: rgba(var(--tr-red-rgb), .4); }
:where(:root.brand-benjamin) .th-menu-btn { border: 1px solid var(--tr-border-2); border-radius: 8px; background: var(--tr-panel); }
:where(:root.brand-benjamin) .th-menu { background: var(--tr-panel-2); border: 1px solid var(--tr-border-2); border-radius: 10px; box-shadow: 0 18px 40px rgba(0,0,0,.55); }
:where(:root.brand-benjamin) .th-menu-item { border: 0; border-radius: 7px; background: transparent; }
:where(:root.brand-benjamin) .th-menu-item:hover { background: rgba(255,255,255,.05); }
:where(:root.brand-benjamin) .th-menu-item svg { color: var(--tr-muted); }
:where(:root.brand-benjamin) .tr-chartrow { border: 1px solid var(--tr-border); border-radius: 12px; background: var(--tr-field); }
:where(:root.brand-benjamin) .tc-payout { border-radius: 7px; background: rgba(var(--tr-green-rgb), .12); border: 1px solid rgba(var(--tr-green-rgb), .45); color: var(--tr-green); }
:where(:root.brand-benjamin) .tc-payout--streak { box-shadow: 0 0 14px rgba(var(--tr-green-rgb), .35); border-color: rgba(var(--tr-green-rgb), .75); }
:where(:root.brand-benjamin) .tp-btn { border: 1px solid var(--tr-border); border-radius: var(--tr-radius); background: var(--tr-panel); }
@media (hover: hover) {
  :where(:root.brand-benjamin) .tp-btn:hover:not(:disabled):not(.tp-btn--on) { border-color: var(--tr-border-2); background: var(--tr-panel-2); }
}
:where(:root.brand-benjamin) .tp-btn--on { border-color: transparent; background: rgba(var(--tr-blue-rgb), .14); }
:where(:root.brand-benjamin) .tr-app .tp-btn--on { color: #FFFFFF; }
:where(:root.brand-benjamin) .tb { border: 0; border-radius: 12px; background: linear-gradient(180deg, #D6B260 0%, #C9A24A 55%, #B48F3C 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.12); }
:where(:root.brand-benjamin) .tr-app .tb { color: #FFFFFF; }
:where(:root.brand-benjamin) .tb-label { text-shadow: none; }
:where(:root.brand-benjamin) .tr-app .tb .tb-label { color: #0B1F17; }
:where(:root.brand-benjamin) .tb:hover:not(:disabled) { filter: brightness(1.06); }
:where(:root.brand-benjamin) .tb:disabled { filter: grayscale(.75) brightness(.7); box-shadow: none; }
:where(:root.brand-benjamin) .tb--busy::after { background: linear-gradient(100deg, transparent 30%, rgba(255,255,255,.28) 50%, transparent 70%); }
:where(:root.brand-benjamin) .tr-app .tb--busy:disabled { filter: none; }
:where(:root.brand-benjamin) .tb--stop { background: linear-gradient(180deg, #2A302C 0%, #2A302C 60%, #2A302C 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.3); }
:where(:root.brand-benjamin) .tb--cashout { background: var(--tr-panel-2); border: 1px solid var(--tr-border); box-shadow: none; }
:where(:root.brand-benjamin) .tr-app .tb--cashout { color: #D6B260; }
:where(:root.brand-benjamin) .tb--cashout .tb-label, :where(:root.brand-benjamin) .tb--pot .tb-label { text-shadow: none; }
:where(:root.brand-benjamin) .tr-app .tb--cashout .tb-label { color: #D6B260; }
:where(:root.brand-benjamin) .tb--cashout:hover:not(:disabled) { filter: brightness(1.12); }
:where(:root.brand-benjamin) .tb--cashout:disabled { filter: grayscale(.4) brightness(.7); box-shadow: none; }
:where(:root.brand-benjamin) .tb-float { border-radius: 999px; background: #2A2414; border: 1px solid rgba(var(--tr-green-rgb), .6); color: #D6B260; }
:where(:root.brand-benjamin) .tb-auto { border: 1px solid var(--tr-border-2); border-radius: 12px; background: var(--tr-panel-2); }
:where(:root.brand-benjamin) .tr-app .tb-auto { color: var(--tr-text); }
:where(:root.brand-benjamin) .tb-auto:hover:not(:disabled) { border-color: rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .tb-row .tb--auto { background: var(--tr-panel-2); border-color: var(--tr-border-2); }
:where(:root.brand-benjamin) .tr-app .tb--auto, :where(:root.brand-benjamin) .tr-app .tb--auto .tb-label { color: var(--tr-text); }
:where(:root.brand-benjamin) .tb--auto:hover:not(:disabled), :where(:root.brand-benjamin) .tb--auto:active:not(:disabled), :where(:root.brand-benjamin) .tb--auto:focus-visible { border-color: var(--tr-border-2); filter: none; outline: none; }
:where(:root.brand-benjamin) .tb-row .tb--stop { background: var(--tr-panel-2); border-color: rgba(var(--tr-red-rgb), .55); }
:where(:root.brand-benjamin) .tb-row .tb--pl { background: var(--tr-panel-2); border-color: rgba(var(--tr-green-rgb), .5); box-shadow: 0 0 0 1px rgba(var(--tr-green-rgb), .12) inset; }
:where(:root.brand-benjamin) .tr-app .tb--pl, :where(:root.brand-benjamin) .tr-app .tb--pl .tb-label { color: #D6B260; }
:where(:root.brand-benjamin) .tb-row .tb--pl-neg { border-color: rgba(var(--tr-red-rgb), .5); box-shadow: 0 0 0 1px rgba(var(--tr-red-rgb), .12) inset; }
:where(:root.brand-benjamin) .tr-app .tb--pl-neg, :where(:root.brand-benjamin) .tr-app .tb--pl-neg .tb-label { color: #A9B1AC; }
:where(:root.brand-benjamin) .tr-app .tb--stop, :where(:root.brand-benjamin) .tr-app .tb--stop .tb-label { color: #A9B1AC; }
:where(:root.brand-benjamin) .tb--stop:disabled { filter: none; }
:where(:root.brand-benjamin) .as-dial { border: 1px solid var(--tr-border); border-radius: 12px; background: var(--tr-field); }
:where(:root.brand-benjamin) .as-label { color: var(--tr-muted); }
:where(:root.brand-benjamin) .as-hint { color: var(--tr-muted); }
:where(:root.brand-benjamin) .as-money-in { border: 1px solid var(--tr-border); border-radius: 10px; background: var(--tr-field); color: var(--tr-text); }
:where(:root.brand-benjamin) .as-money-in--empty { color: var(--tr-muted); }
:where(:root.brand-benjamin) .as-money-sym { color: var(--tr-muted); }
:where(:root.brand-benjamin) .drawer .tq-btn { color: var(--tr-text); }
:where(:root.brand-benjamin) .htp-card { border-radius: 14px; background: var(--tr-field); border: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .htp-art { border-radius: 12px; }
:where(:root.brand-benjamin) .htp-n { color: #EDE7D3; }
:where(:root.brand-benjamin) .htp-text b { color: var(--tr-text); }
:where(:root.brand-benjamin) .htp-desc { color: var(--content-secondary); }
:where(:root.brand-benjamin) .htp-arrow { border: 1px solid var(--tr-border-2); border-radius: 50%; background: var(--tr-panel-2); color: var(--tr-text); }
@media (hover: hover) {
  :where(:root.brand-benjamin) .htp-arrow:hover:not(:disabled) { border-color: rgba(237, 231, 211, 0.36); }
}
:where(:root.brand-benjamin) .htp-dot { border: 0; border-radius: 999px; background: rgba(255,255,255,.18); }
:where(:root.brand-benjamin) .htp-dot--on { background: var(--tr-blue); }
:where(:root.brand-benjamin) .htp-dont { color: var(--content-secondary); }
:where(:root.brand-benjamin) .htp-box { border-radius: 5px; border: 1px solid var(--tr-border-2); background: var(--tr-field); }
:where(:root.brand-benjamin) .htp-dont input:checked + .htp-box { background: var(--tr-blue); border-color: rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .htp-dont input:checked + .htp-box::after { border: solid #fff; border-width: 0 2px 2px 0; }
:where(:root.brand-benjamin) .ab-more { color: var(--tr-muted); }
:where(:root.brand-benjamin) .as-switch { color: var(--content-secondary); }
:where(:root.brand-benjamin) .as-switch-track { border-radius: 999px; background: var(--tr-border-2); }
:where(:root.brand-benjamin) .as-switch-track::after { border-radius: 50%; background: #fff; }
:where(:root.brand-benjamin) .as-switch input:checked + .as-switch-track { background: var(--tr-blue); }
:where(:root.brand-benjamin) .as-row--turbo { border: 1px solid var(--tr-border); border-radius: 10px; background: var(--tr-field); }
:where(:root.brand-benjamin) .as-turbo-text b { color: var(--tr-text); }
:where(:root.brand-benjamin) .as-hint-inline { color: var(--tr-muted); }
:where(:root.brand-benjamin) .as-switch-bolt, :where(:root.brand-benjamin) .tb-bolt { color: #D6B260; }
:where(:root.brand-benjamin) .as-switch-bolt svg, :where(:root.brand-benjamin) .tb-bolt svg { filter: drop-shadow(0 0 4px rgba(201, 162, 74, .55)); }
:where(:root.brand-benjamin) .as-step-n { color: var(--tr-muted); }
:where(:root.brand-benjamin) .as-step-in { border: 1px solid var(--tr-border); border-radius: 8px; background: var(--tr-field); color: var(--tr-text); }
:where(:root.brand-benjamin) .as-step-in:hover { border-color: var(--tr-border-2); }
:where(:root.brand-benjamin) .as-step-in i { color: var(--tr-muted); }
:where(:root.brand-benjamin) .rt { border-radius: 16px; background: rgba(22, 26, 24, .95); border: 1px solid var(--tr-border-2); box-shadow: 0 18px 50px rgba(0,0,0,.55); }
:where(:root.brand-benjamin) .rt--cashout { border-color: rgba(var(--tr-green-rgb), .75); box-shadow: 0 0 0 1px rgba(var(--tr-green-rgb), .25), 0 0 44px rgba(var(--tr-green-rgb), .3), 0 18px 50px rgba(0,0,0,.55); }
:where(:root.brand-benjamin) .rt--lost { border-color: rgba(var(--tr-red-rgb), .75); box-shadow: 0 0 0 1px rgba(var(--tr-red-rgb), .22), 0 0 40px rgba(var(--tr-red-rgb), .25), 0 18px 50px rgba(0,0,0,.55); }
:where(:root.brand-benjamin) .rt--cashout .rt-kicker { color: #D6B260; }
:where(:root.brand-benjamin) .rt--lost .rt-kicker { color: var(--tr-red); }
:where(:root.brand-benjamin) .rt--cashout .rt-amount { color: #FFFFFF; text-shadow: 0 0 22px rgba(var(--tr-green-rgb), .6); }
:where(:root.brand-benjamin) .rt--lost .rt-amount { color: var(--tr-red); text-shadow: 0 0 18px rgba(var(--tr-red-rgb), .45); }
:where(:root.brand-benjamin) .mt-chip { border-radius: 9px; border: 2px solid transparent; background: var(--tr-panel-2); color: var(--tr-text); }
:where(:root.brand-benjamin) .mt-chip--played { color: #59615C; background: rgba(255,255,255,.04); }
:where(:root.brand-benjamin) .mt-chip--current { color: #D6B260; background: rgba(var(--tr-green-rgb), .1); }
:where(:root.brand-benjamin) .mt-chip--next { color: #FFFFFF; background: rgba(237, 231, 211, .16); }
:where(:root.brand-benjamin) .mt-chip--upcoming { color: #FFFFFF; }
:where(:root.brand-benjamin) .mt-shimmer { background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,.18) 50%, transparent 70%); }
:where(:root.brand-benjamin) .tq-btn { border: 1px solid var(--tr-border); border-radius: 8px; background: var(--tr-panel); }
@media (hover: hover) {
  :where(:root.brand-benjamin) .tq-btn:hover:not(:disabled):not(.tq-btn--on) { border-color: var(--tr-border-2); background: var(--tr-panel-2); }
}
:where(:root.brand-benjamin) .tq-btn--on { border-color: rgba(237, 231, 211, 0.36); background: rgba(var(--tr-blue-rgb), .13); box-shadow: 0 0 14px rgba(var(--tr-blue-rgb), .2); }
@media (min-width: 960px) {
  :where(:root.brand-benjamin) .tr-right { border: 1px solid var(--tr-border); border-radius: 16px; background: linear-gradient(180deg, rgba(22, 26, 24, .9), rgba(11, 13, 12, .9)); }
}
:where(:root.brand-benjamin) .drawer-backdrop, :where(:root.brand-benjamin) .modal-overlay, :where(:root.brand-benjamin) .modal-overlay--fr, :where(:root.brand-benjamin) .se-overlay { background: rgba(5, 7, 6, 0.72); }
:where(:root.brand-benjamin) .drawer { background: var(--tr-bg-2); border: 1px solid var(--tr-border); border-bottom: 0; border-radius: 16px 16px 0 0; box-shadow: 0 -18px 50px rgba(0,0,0,.55), 0 -1px 0 rgba(var(--tr-blue-rgb), .25); }
:where(:root.brand-benjamin) .drawer::before { border-radius: 2px; background: var(--tr-border-2); }
:where(:root.brand-benjamin) .drawer-header { background: transparent; border-bottom: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .drawer--history .drawer-header { border-bottom: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .drawer-close { border-radius: 8px; border: 1px solid var(--tr-border-2); background: var(--tr-panel); color: var(--tr-muted); }
:where(:root.brand-benjamin) .drawer-close:hover { color: var(--tr-text); border-color: rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .drawer-content { background: transparent; }
:where(:root.brand-benjamin) .drawer-footer { border-top: 1px solid var(--tr-border); background: var(--tr-bg-2); }
@media (min-width: 681px) {
  :where(:root.brand-benjamin) .drawer-footer { border-radius: 0 0 16px 16px; }
}
:where(:root.brand-benjamin) .drawer-tabs { background: var(--tr-field); border: 1px solid var(--tr-border); border-radius: 10px; }
:where(:root.brand-benjamin) .drawer-tab { border-radius: 7px; color: var(--tr-muted); filter: none; }
:where(:root.brand-benjamin) .drawer-tab--active { background: rgba(var(--tr-blue-rgb), .14); color: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(var(--tr-blue-rgb), .55); }
:where(:root.brand-benjamin) .pf-desc, :where(:root.brand-benjamin) .ab-intro { color: var(--content-secondary); }
:where(:root.brand-benjamin) .drw-card, :where(:root.brand-benjamin) .pf-steps, :where(:root.brand-benjamin) .ab-sec, :where(:root.brand-benjamin) .hx-item { background: var(--tr-panel); border: 1px solid var(--tr-border); border-radius: 12px; }
:where(:root.brand-benjamin) .drw-stat-label { color: var(--tr-muted); }
:where(:root.brand-benjamin) .ab-inner, :where(:root.brand-benjamin) .hx-block, :where(:root.brand-benjamin) .hx-money { background: var(--tr-field); border: 1px solid var(--tr-border); border-radius: 10px; }
:where(:root.brand-benjamin) .ab-list { color: var(--content-secondary); }
:where(:root.brand-benjamin) .ab-list li::marker { color: #EDE7D3; }
:where(:root.brand-benjamin) .ab-odds { border-collapse: collapse; }
:where(:root.brand-benjamin) .ab-odds th { color: var(--tr-muted); }
:where(:root.brand-benjamin) .ab-odds td { border-top: 1px solid var(--tr-border); color: var(--content-primary); }
:where(:root.brand-benjamin) .ab-steps { color: var(--content-secondary); }
:where(:root.brand-benjamin) .ab-step-n { border-radius: 5px; background: rgba(var(--tr-blue-rgb), .14); color: #EDE7D3; }
:where(:root.brand-benjamin) .ab-lr { color: var(--tr-muted); }
:where(:root.brand-benjamin) .ab-lr b { color: var(--tr-text); }
:where(:root.brand-benjamin) .pf-step-icon { border-radius: 6px; background: rgba(var(--tr-blue-rgb), .14); color: #EDE7D3; }
:where(:root.brand-benjamin) .pf-step-arrow-line { border-left-color: var(--tr-border-2); }
:where(:root.brand-benjamin) .pf-input { background: var(--tr-field); border: 1px solid var(--tr-border-2); border-radius: 10px; }
:where(:root.brand-benjamin) .pf-input:focus-within { border-color: rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .pf-input-label { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pf-input-value.green, :where(:root.brand-benjamin) .pf-input-value .green { color: var(--tr-green); }
:where(:root.brand-benjamin) .pf-input-btn { border-radius: 7px; background: var(--tr-panel-2); border: 1px solid var(--tr-border-2); }
:where(:root.brand-benjamin) .pf-btn { border-radius: 10px; background: var(--tr-panel-2); border: 1px solid var(--tr-border-2); }
:where(:root.brand-benjamin) .pf-btn:hover:not(:disabled) { border-color: rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .pf-btn--primary, :where(:root.brand-benjamin) .hx-verify { background: linear-gradient(180deg, #D6B260, #C9A24A); border: 0; color: #0B1F17; box-shadow: 0 6px 18px rgba(201, 162, 74, .25); }
:where(:root.brand-benjamin) .hx-chip { border-radius: 6px; }
:where(:root.brand-benjamin) .hx-chip--win { background: rgba(var(--tr-green-rgb), .1); color: var(--tr-green); box-shadow: inset 0 0 0 1px rgba(var(--tr-green-rgb), .35); }
:where(:root.brand-benjamin) .hx-chip--lose { background: rgba(var(--tr-red-rgb), .1); color: var(--tr-red); box-shadow: inset 0 0 0 1px rgba(var(--tr-red-rgb), .35); }
:where(:root.brand-benjamin) .hx-verify { border-radius: 9px; }
:where(:root.brand-benjamin) .hx-verify--ok { background: rgba(var(--tr-green-rgb), .12); color: var(--tr-green); box-shadow: inset 0 0 0 1px rgba(var(--tr-green-rgb), .4); }
:where(:root.brand-benjamin) .hx-verify--fail { background: rgba(var(--tr-red-rgb), .12); color: var(--tr-red); box-shadow: inset 0 0 0 1px rgba(var(--tr-red-rgb), .4); }
:where(:root.brand-benjamin) .hx-vres { border-radius: 10px; border: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .modal--fr, :where(:root.brand-benjamin) .modal, :where(:root.brand-benjamin) .se-modal { background: linear-gradient(180deg, var(--tr-panel-2), var(--tr-bg-2)); border: 1px solid var(--tr-border-2); border-radius: 16px; box-shadow: 0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(var(--tr-blue-rgb), .12), 0 -1px 0 rgba(var(--tr-blue-rgb), .35) inset; }
:where(:root.brand-benjamin) .fr-wordmark, :where(:root.brand-benjamin) .se-logo--text { color: var(--tr-muted); }
:where(:root.brand-benjamin) .fr-wordmark b, :where(:root.brand-benjamin) .se-logo--text b { color: var(--tr-text); }
:where(:root.brand-benjamin) .modal--fr h2 { color: var(--tr-text); }
:where(:root.brand-benjamin) .fbs-stat { background: var(--tr-field); border: 1px solid var(--tr-border); border-radius: 10px; }
:where(:root.brand-benjamin) .fbs-stat-label { color: var(--tr-muted); }
:where(:root.brand-benjamin) .fbs-winnings { background: var(--tr-field); border: 1px solid var(--tr-border); border-radius: 10px; }
:where(:root.brand-benjamin) .fbs-hero { border-radius: 14px; background: var(--tr-field); border: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .fbs-hero--win { border-color: rgba(var(--tr-green-rgb), .75); background: rgba(22, 26, 24, .6); box-shadow: 0 0 0 1px rgba(var(--tr-green-rgb), .25), 0 0 40px rgba(var(--tr-green-rgb), .28); }
:where(:root.brand-benjamin) .fbs-hero--loss { border-color: rgba(var(--tr-red-rgb), .45); }
:where(:root.brand-benjamin) .fbs-hero-kicker { color: var(--tr-muted); }
:where(:root.brand-benjamin) .fbs-hero--win .fbs-hero-kicker { color: #D6B260; }
:where(:root.brand-benjamin) .fbs-hero--loss .fbs-hero-kicker { color: var(--tr-red); }
:where(:root.brand-benjamin) .fbs-hero-amount { color: var(--tr-text); }
:where(:root.brand-benjamin) .fbs-hero--win .fbs-hero-amount { color: #FFFFFF; text-shadow: 0 0 22px rgba(var(--tr-green-rgb), .6); }
:where(:root.brand-benjamin) .fbs-hero--loss .fbs-hero-amount { color: var(--tr-red); }
:where(:root.brand-benjamin) .fbs--win { border-color: rgba(var(--tr-green-rgb), .45) !important; box-shadow: 0 30px 80px rgba(0,0,0,.65), 0 0 0 1px rgba(var(--tr-green-rgb), .18), 0 0 60px rgba(var(--tr-green-rgb), .22) !important; }
:where(:root.brand-benjamin) .fbs-btn, :where(:root.brand-benjamin) .fbw-btn { border-radius: 11px; background: linear-gradient(180deg, #D6B260 0%, #C9A24A 55%, #B48F3C 100%); box-shadow: 0 8px 22px rgba(201, 162, 74, .3), inset 0 1px 0 rgba(255,255,255,.35); }
:where(:root.brand-benjamin) .fbs-btn, :where(:root.brand-benjamin) .fbw-btn, :where(:root.brand-benjamin) .modal .fbs-btn, :where(:root.brand-benjamin) .modal .fbw-btn, :where(:root.brand-benjamin) .tr-app .pf-btn--primary, :where(:root.brand-benjamin) .tr-app .hx-verify { color: #0B1F17; }
:where(:root.brand-benjamin) .fbw-hl { color: var(--tr-green); }
:where(:root.brand-benjamin) .se-text { color: var(--content-secondary); }
:where(:root.brand-benjamin) .alert-toast, :where(:root.brand-benjamin) .insufficient-toast { background: rgba(22, 26, 24, .96); border: 1px solid var(--tr-border-2); border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.5); }
:where(:root.brand-benjamin) .insufficient-toast .m-bet-currency { background: rgba(var(--tr-red-rgb), .15); color: var(--tr-red); border-radius: 6px; }
:where(:root.brand-benjamin) .fr-bar { background: rgba(var(--tr-green-rgb), .06); border-color: rgba(var(--tr-green-rgb), .3); }
:where(:root.brand-benjamin) .bstep--pot .bstep-amount .fr-bar { border: 0; border-radius: 0; background: transparent; }
:where(:root.brand-benjamin) .fr-bar-bet { color: var(--tr-muted); }
:where(:root.brand-benjamin) .loading-screen { background: radial-gradient(90% 70% at 50% 72%, rgba(201, 162, 74, .16) 0, rgba(201, 162, 74, .07) 45%, rgba(201, 162, 74, 0) 100%),
    radial-gradient(80% 50% at 50% 12%, rgba(201, 162, 74, .05) 0, rgba(201, 162, 74, 0) 70%),
    linear-gradient(180deg, #0B0D0C 0%, #1A1710 50%, #1A1710 100%); }
:where(:root.brand-benjamin) .loading-screen::after { background: radial-gradient(75% 65% at 50% 50%, rgba(0,0,0,0) 0, rgba(0,0,0,.3) 100%); }
:where(:root.brand-benjamin) .loading-screen::before { background: radial-gradient(70% 55% at 50% 70%, rgba(201, 162, 74, .10) 0, rgba(201, 162, 74, 0) 70%); }
:where(:root.brand-benjamin) .loading-text { text-shadow: 0 1px 8px rgba(0,0,0,.8); }
:where(:root.brand-benjamin) .loading-bar-wrap { border-radius: 3px; background: rgba(255,255,255,.07); }
:where(:root.brand-benjamin) .loading-bar { border-radius: 3px; background: linear-gradient(90deg, #C9A24A, #E2C67E); box-shadow: 0 0 16px rgba(201, 162, 74, .75), 0 0 3px #E2C67E; }
:where(:root.brand-benjamin) .loading-bar::after { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.55), rgba(255,255,255,0)); }
:where(:root.brand-benjamin) .loading-pct { color: #CFC9B6; }
:where(:root.brand-benjamin) .loading-text { color: var(--tr-muted); }
:where(:root.brand-benjamin) .wr { border-left: 1px solid var(--tr-border); background: rgba(22, 26, 24, .55); outline: none; }
:where(:root.brand-benjamin) .wr:focus-visible { box-shadow: 0 0 0 2px rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .wr-tick { background: rgba(255,255,255,.22); }
:where(:root.brand-benjamin) .wr-tick--mid { background: rgba(255,255,255,.36); }
:where(:root.brand-benjamin) .wr-tick--major { background: rgba(255,255,255,.6); }
:where(:root.brand-benjamin) .wr-label { color: color-mix(in srgb, #FFFFFF calc(var(--k) * 100%), #959D98); }
:where(:root.brand-benjamin) .wr-value { border-radius: 6px; background: var(--tr-blue); color: #FFFFFF; box-shadow: 0 0 0 3px rgba(var(--tr-blue-rgb), .18), 0 0 16px rgba(var(--tr-blue-rgb), .6); }
:where(:root.brand-benjamin) .wr-stem { background: linear-gradient(90deg, #2A6B50, var(--tr-blue) 30%, var(--tr-blue) 70%, #2A6B50); box-shadow: 0 0 12px rgba(var(--tr-blue-rgb), .85); }
:where(:root.brand-benjamin) .sr-only { border: 0; }
:where(:root.brand-benjamin) .tc-latest { border: 1px solid rgba(var(--tr-blue-rgb), .6); border-radius: 14px; background: rgba(22, 26, 24, .92); color: #EDE7D3; box-shadow: 0 6px 18px rgba(0,0,0,.45); }
:where(:root.brand-benjamin) .as-label { color: var(--tr-muted); }
:where(:root.brand-benjamin) .drawer .tq-btn { color: var(--tr-text); }
:where(:root.brand-benjamin) .wr.wr--h { border: 1px solid var(--tr-border); border-radius: 12px; background: var(--tr-panel); }
:where(:root.brand-benjamin) .wr--h .wr-stem { background: linear-gradient(180deg, #2A6B50, var(--tr-blue)); }
:where(:root.brand-benjamin) .tr-app .bp-input:focus-visible { outline: none; }
:where(:root.brand-benjamin) .bp { border: 1px solid var(--tr-border-2); border-radius: 12px; background: #161A18; box-shadow: 0 18px 50px rgba(0,0,0,.55), 0 0 0 1px rgba(var(--tr-blue-rgb), .1); }
:where(:root.brand-benjamin) .bp-field { border: 1px solid var(--tr-border-2); border-radius: 10px; background: var(--tr-field); }
:where(:root.brand-benjamin) .bp-field:focus-within { border-color: rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .bp-field--err { border-color: rgba(var(--tr-red-rgb), .7); }
:where(:root.brand-benjamin) .bp-cur { color: var(--tr-muted); }
:where(:root.brand-benjamin) .bp-input { border: 0; outline: 0; background: transparent; color: #FFFFFF; }
:where(:root.brand-benjamin) .bp-ok { border: 0; border-radius: 8px; background: var(--tr-green); color: #0B1F17; }
:where(:root.brand-benjamin) .bp-hint { color: var(--tr-muted); }
:where(:root.brand-benjamin) .bp-field--err + .bp-hint { color: #A9B1AC; }
:where(:root.brand-benjamin) .bp-chip { border: 1px solid var(--tr-border); border-radius: 8px; background: var(--tr-panel-2); color: var(--content-primary); }
:where(:root.brand-benjamin) .bp-chip:hover { border-color: rgba(237, 231, 211, 0.36); background: rgba(var(--tr-blue-rgb), .12); }
:where(:root.brand-benjamin) .bstep-field { border: 1px solid var(--tr-border-2); border-radius: 10px; background: var(--tr-field); }
:where(:root.brand-benjamin) .bstep-adj, :where(:root.brand-benjamin) .bstep-btn { border: 0; background: transparent; }
:where(:root.brand-benjamin) .tr-app .bstep-adj, :where(:root.brand-benjamin) .tr-app .bstep-btn, :where(:root.brand-benjamin) .tr-app .bstep-amount { color: var(--tr-text); }
:where(:root.brand-benjamin) .bstep-adj:active:not(:disabled) { background: rgba(var(--tr-blue-rgb), .14); }
:where(:root.brand-benjamin) .bstep-amount { border: 0; border-inline: 1px solid var(--tr-border); background: transparent; }
:where(:root.brand-benjamin) .bstep-amount:active:not(:disabled) { background: rgba(var(--tr-blue-rgb), .1); }
:where(:root.brand-benjamin) .bstep-btn { border: 1px solid var(--tr-border-2); border-radius: 10px; background: var(--tr-panel-2); }
:where(:root.brand-benjamin) .bstep-btn:active:not(:disabled) { border-color: rgba(237, 231, 211, 0.36); background: rgba(var(--tr-blue-rgb), .14); }
:where(:root.brand-benjamin) .bstep--err .bstep-field { border-color: rgba(var(--tr-red-rgb), .7); }
:where(:root.brand-benjamin) .bstep--flash .bstep-field { border-color: var(--tr-red); }
:where(:root.brand-benjamin) .bs-display { border: 1px solid var(--tr-border-2); border-radius: 12px; background: var(--tr-field); color: var(--tr-text); }
:where(:root.brand-benjamin) .bs-display--err { border-color: rgba(var(--tr-red-rgb), .7); }
:where(:root.brand-benjamin) .bs-cur { color: var(--tr-muted); }
:where(:root.brand-benjamin) .bs-suf { color: var(--tr-muted); }
:where(:root.brand-benjamin) .bs-caret { background: var(--tr-blue); }
:where(:root.brand-benjamin) .bs-hint { color: var(--tr-muted); }
:where(:root.brand-benjamin) .bs-display--err + .bs-hint { color: var(--tr-red); }
:where(:root.brand-benjamin) .bs-key { border: 0; border-radius: 10px; background: var(--tr-panel-2); color: var(--tr-text); }
:where(:root.brand-benjamin) .bs-key:active { background: rgba(var(--tr-blue-rgb), .2); }
@media (min-width: 960px) {
  :where(:root.brand-benjamin) .bstep-adj:hover:not(:disabled), :where(:root.brand-benjamin) .bstep-amount:hover:not(:disabled) { background: rgba(var(--tr-blue-rgb), .08); }
  :where(:root.brand-benjamin) .bstep-btn:hover:not(:disabled) { border-color: rgba(237, 231, 211, 0.36); }
}
:where(:root.brand-benjamin) .hx-table { border: 1px solid var(--tr-border); border-radius: 12px; background: var(--tr-panel); }
:where(:root.brand-benjamin) .hx-thead { border-bottom: 1px solid var(--tr-border); background: var(--tr-field); color: var(--tr-muted); }
:where(:root.brand-benjamin) .hx-table .hx-item { border: 0; border-radius: 0; background: transparent; }
:where(:root.brand-benjamin) .hx-table .hx-item + .hx-item { border-top: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .hx-table .hx-item--open { background: rgba(var(--tr-blue-rgb), .05); }
:where(:root.brand-benjamin) .hx-c { color: var(--content-primary); }
:where(:root.brand-benjamin) .hx-time { color: var(--tr-muted); }
:where(:root.brand-benjamin) .hx-res.pos, :where(:root.brand-benjamin) .hx-pl.pos { color: var(--tr-green); }
:where(:root.brand-benjamin) .hx-res.neg, :where(:root.brand-benjamin) .hx-pl.neg { color: var(--tr-red); }
:where(:root.brand-benjamin) .st-tabs { border: 1px solid var(--tr-border); border-radius: 10px; background: var(--tr-field); }
:where(:root.brand-benjamin) .st-tab { border: 0; border-radius: 7px; background: transparent; color: var(--tr-muted); }
:where(:root.brand-benjamin) .st-tab--on { background: rgba(var(--tr-blue-rgb), .16); color: #FFFFFF; box-shadow: inset 0 0 0 1px rgba(var(--tr-blue-rgb), .5); }
:where(:root.brand-benjamin) .st-sub { color: var(--tr-muted); }
:where(:root.brand-benjamin) .st-chip { border: 1px solid var(--tr-border); border-radius: 7px; background: var(--tr-field); color: var(--tr-muted); }
:where(:root.brand-benjamin) .st-chip--on { color: #FFFFFF; border-color: rgba(var(--tr-blue-rgb), .6); background: rgba(var(--tr-blue-rgb), .16); }
:where(:root.brand-benjamin) .st-empty { color: var(--tr-muted); }
:where(:root.brand-benjamin) .st-zl { color: var(--content-primary); }
:where(:root.brand-benjamin) .st-zp { color: var(--content-primary); }
:where(:root.brand-benjamin) .st-bar { border-radius: 5px; background: rgba(255,255,255,.06); }
:where(:root.brand-benjamin) .st-bar i { border-radius: 5px; background: linear-gradient(90deg, #1A4433, var(--tr-blue)); }
:where(:root.brand-benjamin) .st-zone:first-child .st-bar i { background: linear-gradient(90deg, #215640, #2A6B50); }
:where(:root.brand-benjamin) .st-card { border: 1px solid var(--tr-border); border-radius: 10px; background: var(--tr-field); }
:where(:root.brand-benjamin) .st-card span { color: var(--tr-muted); }
:where(:root.brand-benjamin) .st-card b { color: var(--content-primary); }
:where(:root.brand-benjamin) .st-card small { color: var(--tr-dim); }
:where(:root.brand-benjamin) .st-note { border-top: 1px solid var(--tr-border); color: var(--tr-dim); }
:where(:root.brand-benjamin) .st-side { border: 1px solid var(--tr-border); border-radius: 12px; background: var(--tr-field); }
:where(:root.brand-benjamin) .st-side-head { color: var(--content-primary); }
:where(:root.brand-benjamin) .st-side-head svg { color: #EDE7D3; }
@media (min-width: 681px) {
  :where(:root.brand-benjamin) .drawer { border-radius: 16px; border-bottom: 1px solid var(--tr-border); box-shadow: 0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(var(--tr-blue-rgb), .12); }
  :where(:root.brand-benjamin) .drawer-header { border-radius: 16px 16px 0 0; }
  :where(:root.brand-benjamin) .drawer-content { border-radius: 0 0 16px 16px; }
}
:where(:root.brand-benjamin) .bstep--pot .bstep-amount { border-inline: 0; }
:where(:root.brand-benjamin) .cc-kicker { color: var(--tr-muted); }
:where(:root.brand-benjamin) .cc-num { color: #FFFFFF; text-shadow: 0 0 34px rgba(var(--tr-blue-rgb), .5), 0 2px 12px rgba(0,0,0,.6); }
:where(:root.brand-benjamin) .cc-sub { color: #D6B260; text-shadow: 0 1px 8px rgba(0,0,0,.7); }
:where(:root.brand-benjamin) .cc-bar { border-radius: 99px; background: rgba(255,255,255,.08); }
:where(:root.brand-benjamin) .cc-bar i { border-radius: inherit; background: var(--tr-blue); }
:where(:root.brand-benjamin) .cc--betting .cc-num { color: var(--tr-text); text-shadow: none; }
:where(:root.brand-benjamin) .cc--crashed .cc-kicker { color: var(--tr-red); }
:where(:root.brand-benjamin) .cc--crashed .cc-num { color: var(--tr-red); text-shadow: 0 0 34px rgba(var(--tr-red-rgb), .55), 0 2px 12px rgba(0,0,0,.6); }
:where(:root.brand-benjamin) .ch-chip { border-radius: 7px; background: rgba(255,255,255,.05); color: var(--tr-muted); }
:where(:root.brand-benjamin) .ch-chip--mid { color: #EDE7D3; background: rgba(var(--tr-blue-rgb), .14); }
:where(:root.brand-benjamin) .ch-chip--hi { color: #D6B260; background: rgba(var(--tr-green-rgb), .13); }
:where(:root.brand-benjamin) .ch-room { border-radius: 7px; background: rgba(255,255,255,.05); color: var(--tr-muted); }
:where(:root.brand-benjamin) .ch-room svg { color: #D6B260; }
:where(:root.brand-benjamin) .ch-room b { color: var(--tr-text); }
:where(:root.brand-benjamin) .ch-room i { background: var(--tr-border-2); }
:where(:root.brand-benjamin) .cc--lost .cc-sub { color: #A9B1AC; }
:where(:root.brand-benjamin) .tb.tb--ghost, :where(:root.brand-benjamin) .tb.tb--cancel, :where(:root.brand-benjamin) .tb.tb--done { background: var(--tr-panel-2); box-shadow: none; border: 1px solid var(--tr-border-2); }
:where(:root.brand-benjamin) .tb.tb--cancel { border-color: rgba(var(--tr-red-rgb), .55); }
:where(:root.brand-benjamin) .tb.tb--done { border-color: rgba(var(--tr-green-rgb), .5); }
:where(:root.brand-benjamin) .tr-app .tb.tb--ghost .tb-label { color: var(--tr-text); }
:where(:root.brand-benjamin) .tr-app .tb.tb--cancel .tb-label { color: #A9B1AC; }
:where(:root.brand-benjamin) .tr-app .tb.tb--done .tb-label { color: #D6B260; }
:where(:root.brand-benjamin) .tb.tb--ghost:disabled { filter: none; }
:where(:root.brand-benjamin) .tbs { border-radius: 12px; background: var(--tr-panel-2); }
:where(:root.brand-benjamin) .tbs-half { border: 0; background: linear-gradient(180deg, #D6B260 0%, #C9A24A 55%, #B48F3C 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.12); }
:where(:root.brand-benjamin) .tr-app .tbs-half { color: #0B1F17; }
:where(:root.brand-benjamin) .tbs-half + .tbs-half { box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.12), -1px 0 0 rgba(11, 31, 23, .26), inset 1px 0 0 rgba(255,255,255,.16); }
:where(:root.brand-benjamin) .tbs-half:active:not(:disabled) { filter: brightness(.92); }
@media (hover: hover) {
  :where(:root.brand-benjamin) .tbs-half:hover:not(:disabled) { filter: brightness(1.08); }
}
:where(:root.brand-benjamin) .tbs-timer { background: rgba(11, 31, 23, .55); }
:where(:root.brand-benjamin) .ac { border: 1px solid var(--tr-border); border-radius: var(--tr-radius); background: var(--tr-panel); }
:where(:root.brand-benjamin) .ac-val { border: 0; background: transparent; }
:where(:root.brand-benjamin) .ac-label { color: var(--tr-muted); }
:where(:root.brand-benjamin) .ac-val b { color: var(--tr-dim); }
:where(:root.brand-benjamin) .ac--on { border-color: transparent; background: rgba(var(--tr-blue-rgb), .14); }
:where(:root.brand-benjamin) .ac--on .ac-val b { color: #FFFFFF; }
:where(:root.brand-benjamin) .ac--on .ac-label { color: #EDE7D3; }
:where(:root.brand-benjamin) .tr-app .bstep-amount--chain { color: #C9A24A; }
:where(:root.brand-benjamin) .chn-risk { color: #C9A24A; }
:where(:root.brand-benjamin) .tbs .tbs-half--roll { background: linear-gradient(180deg, #D6B260 0%, #C9A24A 55%, #B48F3C 100%); box-shadow: inset 0 1px 0 rgba(255,255,255,.35), inset 0 -2px 0 rgba(0,0,0,.12); }
:where(:root.brand-benjamin) .tr-app .tbs-half--roll { color: #1A1710; }
:where(:root.brand-benjamin) .tbs .tbs-half--roll:active:not(:disabled) { background: linear-gradient(180deg, #D6B260 0%, #C9A24A 55%, #B48F3C 100%); }
@media (hover: hover) {
  :where(:root.brand-benjamin) .tbs .tbs-half--roll:hover:not(:disabled) { background: linear-gradient(180deg, #D6B260 0%, #C9A24A 55%, #C9A24A 100%); }
}
:where(:root.brand-benjamin) .ch-chip { border: 0; }
@media (hover: hover) {
  :where(:root.brand-benjamin) .ch-chip:hover { filter: brightness(1.25); }
}
:where(:root.brand-benjamin) .pfx-res div { border: 1px solid var(--tr-border); border-radius: 9px; background: var(--tr-field); }
:where(:root.brand-benjamin) .pfx-res span { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx-res b { color: var(--tr-text); }
:where(:root.brand-benjamin) .pfx-res div:last-child b { color: #D6B260; }
:where(:root.brand-benjamin) .pfx-note { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx { border: 1px solid var(--tr-border); border-radius: 12px; background: var(--tr-field); }
:where(:root.brand-benjamin) .pfx-head { border-bottom: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .pfx-head span { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx-head b { color: #D6B260; }
:where(:root.brand-benjamin) .pfx-step > i { border-radius: 50%; background: rgba(var(--tr-blue-rgb), .16); color: #EDE7D3; }
:where(:root.brand-benjamin) .pfx-body h5 { color: var(--tr-text); }
:where(:root.brand-benjamin) .pfx-body p { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx-rows { border: 1px solid var(--tr-border); border-radius: 9px; background: var(--tr-panel); }
:where(:root.brand-benjamin) .pfx-row + .pfx-row { border-top: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .pfx-k { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx-row code { color: var(--tr-text); }
:where(:root.brand-benjamin) .pfx-row mark { border-radius: 4px; background: rgba(var(--tr-green-rgb), .16); color: #D6B260; }
:where(:root.brand-benjamin) .pfx-row--res { background: rgba(var(--tr-green-rgb), .08); }
:where(:root.brand-benjamin) .pfx-row--res code { color: #D6B260; }
:where(:root.brand-benjamin) .pfx-copy { border: 0; border-radius: 7px; background: transparent; color: var(--tr-muted); }
@media (hover: hover) {
  :where(:root.brand-benjamin) .pfx-copy:hover { background: rgba(255,255,255,.06); color: var(--tr-text); }
}
:where(:root.brand-benjamin) .pfx-note { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx-checks { border: 1px solid var(--tr-border-2); border-radius: 10px; background: var(--tr-panel); }
:where(:root.brand-benjamin) .pfx-checks--ok { border-color: rgba(var(--tr-green-rgb), .55); background: rgba(var(--tr-green-rgb), .07); }
:where(:root.brand-benjamin) .pfx-checks--fail { border-color: rgba(var(--tr-red-rgb), .6); background: rgba(var(--tr-red-rgb), .07); }
:where(:root.brand-benjamin) .pfx-tick { border-radius: 50%; background: rgba(var(--tr-green-rgb), .18); color: #D6B260; }
:where(:root.brand-benjamin) .pfx-check--fail .pfx-tick { background: rgba(var(--tr-red-rgb), .2); color: #A9B1AC; }
:where(:root.brand-benjamin) .pfx-check b { color: var(--tr-text); }
:where(:root.brand-benjamin) .pfx-check code { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pfx-verdict { border-top: 1px solid rgba(var(--tr-green-rgb), .25); color: #D6B260; }
:where(:root.brand-benjamin) .pfx-checks--fail .pfx-verdict { border-top-color: rgba(var(--tr-red-rgb), .3); color: #A9B1AC; }
:where(:root.brand-benjamin) .tb.tb--cancel.tb--roll { border-color: rgba(201, 162, 74, .6); }
:where(:root.brand-benjamin) .tr-app .tb.tb--cancel.tb--roll .tb-label { color: #C9A24A; }
:where(:root.brand-benjamin) .tbs .tbs-half--done, :where(:root.brand-benjamin) .tbs .tbs-half--off { background: var(--tr-panel-2); box-shadow: none; }
:where(:root.brand-benjamin) .tbs .tbs-half--done + .tbs-half, :where(:root.brand-benjamin) .tbs .tbs-half + .tbs-half--done, :where(:root.brand-benjamin) .tbs .tbs-half + .tbs-half--off { box-shadow: -1px 0 0 var(--tr-border-2); }
:where(:root.brand-benjamin) .tr-app .tbs-half--done { color: #D6B260; }
:where(:root.brand-benjamin) .tr-app .tbs-half--off { color: rgba(149, 157, 152, .45); }
:where(:root.brand-benjamin) .tr-app .tb.tb--ghost.tb--2l { color: var(--tr-text); }
:where(:root.brand-benjamin) .tr-app .tb.tb--cancel.tb--2l { color: #A9B1AC; }
:where(:root.brand-benjamin) .tr-app .tb.tb--cancel.tb--roll.tb--2l { color: #C9A24A; }
:where(:root.brand-benjamin) .tr-app .tb.tb--done.tb--2l { color: #D6B260; }
:where(:root.brand-benjamin) .cc--crashed .cc-kicker { color: var(--tr-red); }
:where(:root.brand-benjamin) .tc-live i { border-radius: 50%; background: var(--tr-red); box-shadow: 0 0 8px rgba(var(--tr-red-rgb), .8); }
:where(:root.brand-benjamin) .cc-badge { border: 1px solid var(--tr-border-2); border-radius: 10px; background: rgba(22, 26, 24, .92); color: var(--tr-text); }
:where(:root.brand-benjamin) .cc-badge i { border-radius: 50%; background: var(--tr-red); box-shadow: 0 0 8px rgba(var(--tr-red-rgb), .8); }
:where(:root.brand-benjamin) .cc-badge-k { color: var(--tr-muted); }
:where(:root.brand-benjamin) .cc-badge--crashed b { color: var(--tr-red); }
:where(:root.brand-benjamin) .cc-badge--betting b { color: var(--tr-dim); }
:where(:root.brand-benjamin) .cc-badge-go { color: #EDE7D3; }
:where(:root.brand-benjamin) .cc-pop { border: 1px solid var(--tr-border-2); border-radius: 12px; background: rgba(22, 26, 24, .97); box-shadow: 0 14px 34px rgba(0,0,0,.55); }
:where(:root.brand-benjamin) .cc-pop-r { color: var(--tr-muted); }
:where(:root.brand-benjamin) .cc-pop-r b { color: var(--tr-text); }
:where(:root.brand-benjamin) .cc-pop-r--win span, :where(:root.brand-benjamin) .cc-pop-r--win b { color: #D6B260; }
:where(:root.brand-benjamin) .cc-pop-r--loss span, :where(:root.brand-benjamin) .cc-pop-r--loss b { color: #A9B1AC; }
:where(:root.brand-benjamin) .cc-pop-net { border-top: 1px solid var(--tr-border); }
:where(:root.brand-benjamin) .cc-pop-net b.pos { color: #D6B260; }
:where(:root.brand-benjamin) .cc-pop-net b.neg { color: #A9B1AC; }
:where(:root.brand-benjamin) .cc-pop-fair { border: 0; background: none; color: #EDE7D3; }
@media (min-width: 960px) {
  :where(:root.brand-benjamin) .tr-right--two .bslot + .bslot { border-left: 1px solid var(--tr-border); }
}
:where(:root.brand-benjamin) .bstep-add { color: #EDE7D3; }
:where(:root.brand-benjamin) .bslot-x { border-radius: 50%; border: 1px solid var(--tr-border-2); background: var(--tr-panel-2); color: var(--tr-muted); }
@media (min-width: 960px) {
  :where(:root.brand-benjamin) .tr-right--two .bslot, :where(:root.brand-benjamin) .tr-right--two .bslot + .bslot { border-left: 0; }
}
:where(:root.brand-benjamin) .cc-fps { color: #E2C67E; background: rgba(0,0,0,.55); border-radius: 6px; }
@media (max-width: 959px) {
  :where(:root.brand-benjamin) .tr-right--two .bslot + .bslot { border-top: 0; }
}
@media (max-width: 959px) {
  :where(:root.brand-benjamin) .tr-right--two .bslot { border: 1px solid var(--tr-border); border-radius: 14px; background: linear-gradient(180deg, rgba(22, 26, 24, .85), rgba(11, 13, 12, .85)); }
}
:where(:root.brand-benjamin) button.ch-room { border: 0; }
@media (hover: hover) {
  :where(:root.brand-benjamin) button.ch-room:hover { background: rgba(255,255,255,.09); color: var(--tr-text); }
}
:where(:root.brand-benjamin) .cc-offline { border-radius: 999px; background: rgba(22, 26, 24, .92); border: 1px solid rgba(201, 162, 74, .45); color: #D6B260; }
:where(:root.brand-benjamin) .cc-offline i { border-radius: 50%; background: #C9A24A; }
:where(:root.brand-benjamin) .st-side-tabs { border-radius: 9px; background: rgba(255,255,255,.04); }
:where(:root.brand-benjamin) .st-side-tab { border: 0; border-radius: 7px; background: transparent; color: var(--tr-muted); }
:where(:root.brand-benjamin) .st-side-tab--on { background: var(--tr-panel-2); color: var(--tr-text); }
:where(:root.brand-benjamin) .st-side-tab--on svg { color: #EDE7D3; }
:where(:root.brand-benjamin) .pl-sum { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pl-sum-k svg { color: #D6B260; }
:where(:root.brand-benjamin) .pl-tot-r { border-radius: 7px; background: rgba(255,255,255,.035); color: var(--tr-muted); }
:where(:root.brand-benjamin) .pl-tot-r b { color: var(--tr-text); }
:where(:root.brand-benjamin) .pl-tot-r b.pos { color: #D6B260; }
:where(:root.brand-benjamin) .pl-cur { color: var(--tr-text); }
:where(:root.brand-benjamin) .pl-head { color: var(--tr-dim); }
:where(:root.brand-benjamin) .pl-r { border-radius: 7px; background: rgba(255,255,255,.025); color: var(--tr-text); }
:where(:root.brand-benjamin) .pl-name { color: #EDE7D3; }
:where(:root.brand-benjamin) .pl-x em { color: #EDE7D3; }
:where(:root.brand-benjamin) .pl-win { color: var(--tr-muted); }
:where(:root.brand-benjamin) .pl-r--won { background: rgba(var(--tr-green-rgb), .09); }
:where(:root.brand-benjamin) .pl-r--won .pl-x, :where(:root.brand-benjamin) .pl-r--won .pl-win { color: #D6B260; }
:where(:root.brand-benjamin) .pl-r--me { box-shadow: inset 2px 0 0 rgba(237, 231, 211, 0.36); }
:where(:root.brand-benjamin) .pl-you { border-radius: 50%; background: var(--tr-blue); box-shadow: 0 0 6px rgba(var(--tr-blue-rgb), .8); }
:where(:root.brand-benjamin) .pl-r--me .pl-name { color: #EDE7D3; }
:where(:root.brand-benjamin) .pl-empty { color: var(--tr-dim); }
:where(:root.brand-benjamin) .chn-risk--free { color: #D6B260; }
:where(:root.brand-benjamin) .tb--free { box-shadow: 0 0 0 1px rgba(var(--tr-green-rgb), .5) inset; }
:where(:root.brand-benjamin) .cc--voided .cc-kicker { color: #A9B1AC; }
:where(:root.brand-benjamin) .tr-app .cc--voided .cc-num { color: #EDE7D3; text-shadow: none; }
:where(:root.brand-benjamin) .cc--voided .cc-sub { color: var(--tr-muted); }
:where(:root.brand-benjamin) .tr-app .tb.tb--done.tb--void { border-color: rgba(149, 157, 152, .45); color: #EDE7D3; }
:where(:root.brand-benjamin) .pl-r--void .pl-win { color: #A9B1AC; }
:where(:root.brand-benjamin) .pfx-void { color: #A9B1AC; }
:where(:root.brand-benjamin) .hx-item--void .hx-res { color: #A9B1AC; }
:where(:root.brand-benjamin) .cc--crashed .cc-sub { color: rgba(237, 231, 211, .82); }
:where(:root.brand-benjamin) .hx-peak { color: var(--tr-muted); }
:where(:root.brand-benjamin) .cc--idle .cc-kicker { color: var(--tr-text); }
@media (max-width: 559px) and (hover: hover) and (pointer: fine) {
  :where(:root.brand-benjamin) .drawer { border-radius: 16px 16px 0 0; border-bottom: 0; }
  :where(:root.brand-benjamin) .drawer-header { border-radius: 16px 16px 0 0; }
  :where(:root.brand-benjamin) .drawer-content { border-radius: 0; }
}
@media (min-width: 560px) and (max-width: 959px) and (hover: hover) and (pointer: fine) {
  :where(:root.brand-benjamin) .drawer { border-radius: 16px; border-bottom: 1px solid var(--tr-border); box-shadow: 0 30px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(var(--tr-blue-rgb), .12); }
  :where(:root.brand-benjamin) .drawer-header { border-radius: 16px 16px 0 0; }
  :where(:root.brand-benjamin) .drawer-content { border-radius: 0 0 16px 16px; }
}

/* ── Part 3: the Benjamin layer ── */

/* Ground: vault black, a low felt light, guilloche waves. */
:root.brand-benjamin,
:root.brand-benjamin body,
:root.brand-benjamin .loading-screen { background: #0b0d0c; }
:root.brand-benjamin .tr-app {
  background:
    radial-gradient(80% 55% at 50% 34%, rgba(31, 111, 74, 0.16) 0%, rgba(11, 13, 12, 0) 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='18' viewBox='0 0 120 18'%3E%3Cg fill='none' stroke='%23EDE7D3' stroke-opacity='.045' stroke-width='.7'%3E%3Cpath d='M0 9C20 1 40 1 60 9S100 17 120 9'/%3E%3Cpath d='M0 9C20 17 40 17 60 9S100 1 120 9'/%3E%3C/g%3E%3C/svg%3E"),
    #0b0d0c;
  font-family: var(--font-primary);
}

/* Panels: bill-cut corners. The chart and the side panel clip their own
   content anyway, so they take a mask; the bet bar keeps its overflow (bet
   popovers, cash-out floats) and paints its notches into its background. */
:root.brand-benjamin .tr-chartrow,
:root.brand-benjamin .st-side {
  border-radius: 0;
  border-color: var(--bn-line-2);
  background:
    radial-gradient(circle at 0 0, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 0 0 / 14px 14px no-repeat,
    radial-gradient(circle at 100% 0, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 100% 0 / 14px 14px no-repeat,
    radial-gradient(circle at 0 100%, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 0 100% / 14px 14px no-repeat,
    radial-gradient(circle at 100% 100%, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 100% 100% / 14px 14px no-repeat,
    #101312;
  background-origin: border-box;
  box-shadow: inset 0 1px 0 var(--bn-edge);
  -webkit-mask:
    radial-gradient(circle at 0 0, transparent 10px, #000 10.5px) 0 0 / 51% 51% no-repeat,
    radial-gradient(circle at 100% 0, transparent 10px, #000 10.5px) 100% 0 / 51% 51% no-repeat,
    radial-gradient(circle at 0 100%, transparent 10px, #000 10.5px) 0 100% / 51% 51% no-repeat,
    radial-gradient(circle at 100% 100%, transparent 10px, #000 10.5px) 100% 100% / 51% 51% no-repeat;
  mask:
    radial-gradient(circle at 0 0, transparent 10px, #000 10.5px) 0 0 / 51% 51% no-repeat,
    radial-gradient(circle at 100% 0, transparent 10px, #000 10.5px) 100% 0 / 51% 51% no-repeat,
    radial-gradient(circle at 0 100%, transparent 10px, #000 10.5px) 0 100% / 51% 51% no-repeat,
    radial-gradient(circle at 100% 100%, transparent 10px, #000 10.5px) 100% 100% / 51% 51% no-repeat;
}
@media (min-width: 960px) {
  :root.brand-benjamin .tr-right {
    border-color: transparent;
    border-radius: 0;
    background:
      linear-gradient(var(--bn-edge), var(--bn-edge)) 11px 0 / calc(100% - 22px) 1px no-repeat,
    radial-gradient(circle at 0 0, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 0 0 / 14px 14px no-repeat,
      radial-gradient(circle at 100% 0, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 100% 0 / 14px 14px no-repeat,
      radial-gradient(circle at 0 100%, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 0 100% / 14px 14px no-repeat,
      radial-gradient(circle at 100% 100%, transparent 10px, var(--bn-line-2) 10.5px, var(--bn-line-2) 11.2px, transparent 11.7px) 100% 100% / 14px 14px no-repeat,
      radial-gradient(circle at 0 0, transparent 10px, #101312 10.5px) 0 0 / 51% 51% no-repeat,
      radial-gradient(circle at 100% 0, transparent 10px, #101312 10.5px) 100% 0 / 51% 51% no-repeat,
      radial-gradient(circle at 0 100%, transparent 10px, #101312 10.5px) 0 100% / 51% 51% no-repeat,
      radial-gradient(circle at 100% 100%, transparent 10px, #101312 10.5px) 100% 100% / 51% 51% no-repeat;
    background-origin: border-box;
  }
}

/* Header: balance in mono with the dollar sign first, round lit buttons. */
:root.brand-benjamin .th-balance {
  gap: 1px;
  font-family: var(--font-mono);
  color: var(--bn-cream);
  background: var(--bn-ground-1);
  border-color: var(--bn-line-2);
}
:root.brand-benjamin .th-cur { color: var(--bn-gold); font-weight: 600; }
:root.brand-benjamin .th-menu-btn {
  background: var(--bn-ground-1);
  border-color: var(--bn-line-2);
  color: var(--bn-cream);
}
:root.brand-benjamin .th-menu-btn:hover { border-color: var(--bn-line-3); }

/* The bet button: one wide flat gold button, ink text. */
:root.brand-benjamin .tb:not(.tb--auto):not(.tb--stop):not(.tb--pl):not(.tb--ghost):not(.tb--cancel):not(.tb--done) {
  background: var(--bn-gold);
  box-shadow: none;
}
:root.brand-benjamin .tb:not(.tb--auto):not(.tb--stop):not(.tb--pl):not(.tb--ghost):not(.tb--cancel):not(.tb--done):hover:not(:disabled) { background: var(--bn-gold-hover); filter: none; }
:root.brand-benjamin .tb:not(.tb--auto):not(.tb--stop):not(.tb--pl):not(.tb--ghost):not(.tb--cancel):not(.tb--done):active:not(:disabled) { background: var(--bn-gold-press); }
:root.brand-benjamin .tr-app .tb:not(.tb--auto):not(.tb--stop):not(.tb--pl):not(.tb--ghost):not(.tb--cancel):not(.tb--done),
:root.brand-benjamin .tr-app .tb:not(.tb--auto):not(.tb--stop):not(.tb--pl):not(.tb--ghost):not(.tb--cancel):not(.tb--done) .tb-label { color: var(--bn-ink); }
:root.brand-benjamin .tb:focus-visible { outline: 2px solid var(--bn-cream); outline-offset: 3px; }
/* cash out is the primary action mid-round, so it stays gold too;
   auto, stop and the P/L readout stay quiet: dark ground, gold money, cream words */
:root.brand-benjamin .tb--auto,
:root.brand-benjamin .tb--stop,
:root.brand-benjamin .tb--pl {
  background: var(--bn-ground-2);
  border-color: var(--bn-line-2);
  box-shadow: none;
}
:root.brand-benjamin .tr-app .tb--pl,
:root.brand-benjamin .tr-app .tb--pl .tb-label { color: var(--bn-gold); }
:root.brand-benjamin .tr-app .tb--auto,
:root.brand-benjamin .tr-app .tb--auto .tb-label,
:root.brand-benjamin .tr-app .tb--stop,
:root.brand-benjamin .tr-app .tb--stop .tb-label,
:root.brand-benjamin .tr-app .tb--pl-neg,
:root.brand-benjamin .tr-app .tb--pl-neg .tb-label { color: var(--bn-cream); }

/* Numbers: JetBrains Mono everywhere a number lives. */
:root.brand-benjamin .rt-amount,
:root.brand-benjamin .tc-latest,
:root.brand-benjamin .tc-payout,
:root.brand-benjamin .mt-chip,
:root.brand-benjamin .ch-chip,
:root.brand-benjamin .wr-value,
:root.brand-benjamin .wr-label,
:root.brand-benjamin .tp-btn,
:root.brand-benjamin .bstep-amount,
:root.brand-benjamin .bp-input { font-family: var(--font-mono); }

/* Selected presets and tabs: dollar green with a cream line. */
:root.brand-benjamin .tp-btn--on,
:root.brand-benjamin .tq-btn--on {
  background: var(--bn-s3);
  border-color: var(--bn-line-3);
  box-shadow: none;
}
:root.brand-benjamin .tr-app .tp-btn--on { color: #FFFFFF; }

/* Round result card: wins in gold money, losses in muted cream. */
:root.brand-benjamin .rt {
  background:
    radial-gradient(circle at 0 0, transparent 8px, var(--bn-rt-edge, var(--bn-line-3)) 8.5px, var(--bn-rt-edge, var(--bn-line-3)) 9.2px, transparent 9.7px) 0 0 / 12px 12px no-repeat,
    radial-gradient(circle at 100% 0, transparent 8px, var(--bn-rt-edge, var(--bn-line-3)) 8.5px, var(--bn-rt-edge, var(--bn-line-3)) 9.2px, transparent 9.7px) 100% 0 / 12px 12px no-repeat,
    radial-gradient(circle at 0 100%, transparent 8px, var(--bn-rt-edge, var(--bn-line-3)) 8.5px, var(--bn-rt-edge, var(--bn-line-3)) 9.2px, transparent 9.7px) 0 100% / 12px 12px no-repeat,
    radial-gradient(circle at 100% 100%, transparent 8px, var(--bn-rt-edge, var(--bn-line-3)) 8.5px, var(--bn-rt-edge, var(--bn-line-3)) 9.2px, transparent 9.7px) 100% 100% / 12px 12px no-repeat,
    var(--bn-ground-1);
  background-origin: border-box;
  border-radius: 0;
  box-shadow: inset 0 1px 0 var(--bn-edge);
  -webkit-mask:
    radial-gradient(circle at 0 0, transparent 8px, #000 8.5px) 0 0 / 51% 51% no-repeat,
    radial-gradient(circle at 100% 0, transparent 8px, #000 8.5px) 100% 0 / 51% 51% no-repeat,
    radial-gradient(circle at 0 100%, transparent 8px, #000 8.5px) 0 100% / 51% 51% no-repeat,
    radial-gradient(circle at 100% 100%, transparent 8px, #000 8.5px) 100% 100% / 51% 51% no-repeat;
  mask:
    radial-gradient(circle at 0 0, transparent 8px, #000 8.5px) 0 0 / 51% 51% no-repeat,
    radial-gradient(circle at 100% 0, transparent 8px, #000 8.5px) 100% 0 / 51% 51% no-repeat,
    radial-gradient(circle at 0 100%, transparent 8px, #000 8.5px) 0 100% / 51% 51% no-repeat,
    radial-gradient(circle at 100% 100%, transparent 8px, #000 8.5px) 100% 100% / 51% 51% no-repeat;
}
:root.brand-benjamin .rt--cashout { border-color: var(--bn-gold); --bn-rt-edge: var(--bn-gold); }
:root.brand-benjamin .rt--lost { border-color: var(--bn-line-3); }
:root.brand-benjamin .rt--cashout .rt-kicker { color: var(--bn-gold); }
:root.brand-benjamin .rt--cashout .rt-amount { color: var(--bn-gold); text-shadow: none; }
:root.brand-benjamin .rt--lost .rt-kicker { color: var(--bn-muted); }
:root.brand-benjamin .rt--lost .rt-amount { color: var(--bn-cream); text-shadow: none; }

/* Drawers and modals on ground-1 with a lit edge. */
:root.brand-benjamin .drawer,
:root.brand-benjamin .modal {
  background: var(--bn-ground-1);
  box-shadow: inset 0 1px 0 var(--bn-edge), 0 24px 64px rgba(0, 0, 0, 0.55);
}
:root.brand-benjamin .drawer-title { font-family: var(--font-display); font-weight: 700; letter-spacing: 0.01em; }

/* Loading: gold progress line, the Benjamin wordmark at the foot. */
:root.brand-benjamin .loading-screen::before { background: radial-gradient(70% 55% at 50% 70%, rgba(31, 111, 74, 0.16), rgba(11, 13, 12, 0) 70%); }
:root.brand-benjamin .loading-bar-wrap { background: var(--bn-ground-2); }
:root.brand-benjamin .loading-bar { background: var(--bn-gold); box-shadow: none; }
:root.brand-benjamin .loading-text { color: var(--bn-meta); font-family: var(--font-primary); }
:root.brand-benjamin .loading-pct { color: var(--bn-cream); }
:root.brand-benjamin .loading-watermark img { width: 150px; height: auto; opacity: 0.9; }

/* Crash: the live multiplier is the hero. Cream, bigger, crisp, never dimmed. */
:root.brand-benjamin .cc-num {
  font-size: clamp(52px, 15vw, 108px);
  color: var(--bn-cream);
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6);
}
:root.brand-benjamin .cc--betting .cc-num { font-size: clamp(34px, 10vw, 64px); color: var(--bn-cream); text-shadow: none; }
:root.brand-benjamin .cc--crashed .cc-num { color: var(--bn-cream); text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6); }
:root.brand-benjamin .cc--crashed .cc-kicker { color: var(--bn-muted); }
:root.brand-benjamin .cc-sub { color: var(--bn-gold); }
:root.brand-benjamin .cc--crashed .cc-sub { color: var(--bn-muted); }
:root.brand-benjamin .cc-bar i { background: var(--bn-gold); }
:root.brand-benjamin .tr-app--offline .cc-num { opacity: 1; color: var(--bn-muted); }
@media (max-height: 620px) { :root.brand-benjamin .cc-num { font-size: clamp(38px, 12vh, 64px); } }