/* ── Benjamin.bet skin (brand code "benjamin") ──
   Loaded last. Everything here is scoped to :root.brand-benjamin, which app.jsx
   adds to <html> only when the server names the brand, so the night-blue look
   of every other brand is untouched. The car, the road and the poster keep
   their art; the ground, HUD, panels, buttons, multiplier, drawers, modals and
   the loading screen move to Benjamin: vault black, dollar-green selection,
   cream type, gold for money and the one primary action, notched bill-cut
   corners on the bet panels. Inter for UI, Unbounded for the multiplier,
   JetBrains Mono for figures. */
@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; }

:root.brand-benjamin{
  --bn-ground-0: #0b0d0c;
  --bn-ground-1: #121513;
  --bn-ground-2: #181c1a;
  --bn-ground-3: #202522;
  --bn-ground-4: #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, .10);
  --bn-line-2: rgba(237, 231, 211, .18);
  --bn-line-3: rgba(237, 231, 211, .36);
  --bn-edge-lit: inset 0 1px 0 rgba(237, 231, 211, .12), inset 0 0 0 1px rgba(237, 231, 211, .06);
  --bn-notch: radial-gradient(circle at 0 0, transparent 9px, #000 9.5px) top left / 51% 51% no-repeat,
              radial-gradient(circle at 100% 0, transparent 9px, #000 9.5px) top right / 51% 51% no-repeat,
              radial-gradient(circle at 0 100%, transparent 9px, #000 9.5px) bottom left / 51% 51% no-repeat,
              radial-gradient(circle at 100% 100%, transparent 9px, #000 9.5px) bottom right / 51% 51% no-repeat;

  --dx-display: 'Benjamin Unbounded', 'Benjamin Inter', system-ui, sans-serif;
  --dx-ui: 'Benjamin Inter', system-ui, sans-serif;
  --font-primary: 'Benjamin Inter', system-ui, sans-serif;
  --font-mono: 'Benjamin Mono', ui-monospace, monospace;
  --tr-bg: #0b0d0c;
  --tr-bg-2: #121513;
  --tr-panel: #121513;
  --tr-panel-2: #1b201d;
  --tr-field: #0f1211;
  --tr-border: rgba(237, 231, 211, .12);
  --tr-border-2: rgba(237, 231, 211, .20);
  --tr-text: #FFFFFF;
  --tr-muted: #a9b1ac;
  --tr-dim: #747c77;
  /* wins are gold money; the crash and errors are cream (no red, no neon) */
  --tr-green: #C9A24A;
  --tr-green-rgb: 201, 162, 74;
  --tr-red: #EDE7D3;
  --tr-red-rgb: 237, 231, 211;
  /* the accent (Bet, active controls) is gold; selected states are dollar green below */
  --tr-blue: #C9A24A;
  --tr-blue-rgb: 201, 162, 74;

  --bg: #0b0d0c; --bg-secondary: #121513; --surface-default: #161a18; --surface-raised: #202522; --surface-overlay: #121513;
  --border-default: rgba(237, 231, 211, .12); --border-strong: rgba(237, 231, 211, .22);
  --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;
  --status-success: #C9A24A; --status-success-strong: #B48F3C; --status-error: #EDE7D3;
  --shadow-neutral: #0b0d0c;
}

/* ── Ground: vault black with a low felt light and one faint guilloche band ── */
:root.brand-benjamin, :root.brand-benjamin body{ background: #0b0d0c; }
:root.brand-benjamin .tr-app{
  background:
    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"),
    radial-gradient(90% 60% at 50% 100%, rgba(31, 111, 74, .16) 0%, rgba(11, 13, 12, 0) 70%),
    #0b0d0c;
}
:root.brand-benjamin .tr-app :focus-visible{ outline-color: #EDE7D3; }

/* ── Top band: header and the results row ── */
:root.brand-benjamin .nb-top{ background: #0f1211; box-shadow: inset 0 -1px 0 rgba(237, 231, 211, .08); }
:root.brand-benjamin .tr-app--crash .th-balance{ border-color: rgba(237, 231, 211, .14); background: #161a18; color: #C9A24A; font-family: var(--font-mono); font-size: 17px; font-weight: 700; box-shadow: var(--bn-edge-lit); }
:root.brand-benjamin .tr-app--crash .th-cur{ color: #C9A24A; font-family: var(--font-mono); font-size: 16px; font-weight: 700; }
:root.brand-benjamin .th-balance--up{ color: #D6B260; }
:root.brand-benjamin .th-balance--down{ color: #EDE7D3; }
:root.brand-benjamin .tr-app--crash .th-menu-btn{ border-color: rgba(237, 231, 211, .14); background: #161a18; color: #EDE7D3; }
:root.brand-benjamin .tr-app--crash .th-menu-btn--on{ border-color: #C9A24A; }
:root.brand-benjamin .tr-app--crash .ch-chip,
:root.brand-benjamin .tr-app--crash .ch-chip--mid,
:root.brand-benjamin .tr-app--crash .ch-chip--hi{ background: #161a18; color: #a9b1ac; font-family: var(--font-mono); font-weight: 700; box-shadow: var(--bn-edge-lit); }
:root.brand-benjamin .tr-app--crash .ch-chip--mid{ color: #EDE7D3; }
:root.brand-benjamin .tr-app--crash .ch-chip--hi{ color: #C9A24A; background: rgba(201, 162, 74, .10); box-shadow: inset 0 0 0 1px rgba(201, 162, 74, .32); }
:root.brand-benjamin .tr-app--crash .ch-room{ background: #161a18; color: #EDE7D3; box-shadow: var(--bn-edge-lit); }
:root.brand-benjamin .tr-app--crash .ch-room svg, :root.brand-benjamin .ch-room svg{ color: #C9A24A; }
:root.brand-benjamin .tr-app--crash .ch-room i{ background: rgba(237, 231, 211, .16); }
@media (hover: hover){ :root.brand-benjamin .tr-app--crash .ch-room:hover{ background: #202522; } }

/* ── The multiplier (the hero): Unbounded, upright, gold while it climbs,
   cream when the drive ends; a dark lift keeps it crisp on the sky ── */
:root.brand-benjamin .dx .cc-num,
:root.brand-benjamin .dx .cc--flying .cc-num{
  font-family: var(--dx-display); font-weight: 700; letter-spacing: -.01em; transform: none;
  font-size: calc(var(--r) * .30); color: #D6B260; font-variant-numeric: tabular-nums;
  text-shadow: 0 2px 0 rgba(11, 13, 12, .55), 0 0 calc(var(--r) * .10) rgba(11, 13, 12, .55);
}
:root.brand-benjamin .dx .cc--crashed .cc-num{ color: #EDE7D3; text-shadow: 0 2px 0 rgba(11, 13, 12, .6), 0 0 calc(var(--r) * .10) rgba(11, 13, 12, .6); }
:root.brand-benjamin .dx .cc--betting .cc-num{ font-size: calc(var(--r) * .22); color: #EDE7D3; text-shadow: 0 2px 0 rgba(11, 13, 12, .55), 0 0 calc(var(--r) * .08) rgba(11, 13, 12, .5); }
:root.brand-benjamin .dx .cc--betting.cc--last .cc-num{ color: #D6B260; }
:root.brand-benjamin .dx .cc-kicker,
:root.brand-benjamin .dx .cc--betting .cc-kicker,
:root.brand-benjamin .dx .cc--crashed .cc-kicker{ font-family: var(--font-primary); font-weight: 700; letter-spacing: .28em; padding-left: .28em; color: #EDE7D3; text-shadow: 0 1px 6px rgba(11, 13, 12, .7); }
:root.brand-benjamin .dx .cc--crashed .cc-kicker{ color: #EDE7D3; }

/* YOU WIN in gold, MISSED and alerts in cream; same placement and sizes */
:root.brand-benjamin .dx .rt-kicker, :root.brand-benjamin .dx .rt-amount{ font-family: var(--dx-display); font-weight: 700; transform: none; }
:root.brand-benjamin .dx .rt--cashout .rt-kicker, :root.brand-benjamin .dx .rt--cashout .rt-amount{ color: #D6B260; text-shadow: 0 2px 0 rgba(11, 13, 12, .55), 0 0 14px rgba(11, 13, 12, .6); }
:root.brand-benjamin .dx .rt--cashed .rt-kicker, :root.brand-benjamin .dx .rt--cashed .rt-amount{ color: #EDE7D3; text-shadow: 0 2px 0 rgba(11, 13, 12, .55); }
:root.brand-benjamin .dx .rt--lost .rt-amount, :root.brand-benjamin .dx .rt--word .rt-amount{ color: #EDE7D3; text-shadow: 0 2px 0 rgba(11, 13, 12, .6), 0 0 14px rgba(11, 13, 12, .6); }
:root.brand-benjamin .tr-app .insufficient-toast, :root.brand-benjamin .tr-app .alert-toast{ font-family: var(--font-primary); font-weight: 700; color: #EDE7D3; text-shadow: 0 1px 8px rgba(11, 13, 12, .8); }
:root.brand-benjamin .tr-app .insufficient-toast .m-bet-currency, :root.brand-benjamin .tr-app .alert-toast .alert-icon{ color: #C9A24A; }
:root.brand-benjamin .dx .cc-offline{ color: #EDE7D3; }


/* the docked bar under the road */
:root.brand-benjamin .tr-app--crash .tr-right,
:root.brand-benjamin .tr-right{ background: #0f1211; border-color: rgba(237, 231, 211, .10); }
:root.brand-benjamin .tr-app--crash .st-side{ background: #0f1211; border-left-color: rgba(237, 231, 211, .10); }

/* ── Bet panels: notched bill-cut corners (a hairline layer and a fill layer,
   both masked, so the Auto Play and Auto Cashout popovers are not clipped) ── */
:root.brand-benjamin .dxs{ isolation: isolate; background: transparent; border-color: transparent; }
:root.brand-benjamin .dxs::before,
:root.brand-benjamin .dxs::after{ content: ""; position: absolute; z-index: -1; pointer-events: none; -webkit-mask: var(--bn-notch); mask: var(--bn-notch); }
:root.brand-benjamin .dxs::before{ inset: -1.5px; background: rgba(237, 231, 211, .16); }
:root.brand-benjamin .dxs::after{ inset: 0; background: linear-gradient(180deg, #181c1a, #121614); }
:root.brand-benjamin .dxs--live::before{ background: rgba(201, 162, 74, .55); }

/* amount field and quick chips: quiet dark, gold figures, green selection */
:root.brand-benjamin .dxs-amt{ background: #0b0d0c; border-color: rgba(237, 231, 211, .14); }
:root.brand-benjamin .dxs-left--flash .dxs-amt{ border-color: #EDE7D3; }
:root.brand-benjamin .dxs-amt > button{ color: #EDE7D3; }
:root.brand-benjamin .dxs-amt-v{ color: #C9A24A; font-family: var(--font-mono); font-weight: 700; }
:root.brand-benjamin .dxs-qk button{ background: #0b0d0c; border-color: rgba(237, 231, 211, .14); color: #c9c3b0; font-family: var(--font-mono); font-weight: 600; }
:root.brand-benjamin .dxs-qk button.sel{ background: #215640; border-color: rgba(201, 162, 74, .6); color: #EDE7D3; }
:root.brand-benjamin .tr-app .dxs-pill{ background: #1b201d; border-color: rgba(237, 231, 211, .14); color: #EDE7D3; }
:root.brand-benjamin .tr-app .dxs-pill--on{ background: #215640; border-color: rgba(201, 162, 74, .6); color: #EDE7D3; }
:root.brand-benjamin .dxs-ap i{ background: #3a403c; }
:root.brand-benjamin .dxs-ap.dxs-pill--on i{ background: #C9A24A; box-shadow: none; }
:root.brand-benjamin .dxs-ac em{ color: #C9A24A; font-family: var(--font-mono); }
:root.brand-benjamin .dxs-ac-x{ color: #EDE7D3; }
@media (hover: hover){
  :root.brand-benjamin .tr-app .dxs-pill:not(:disabled):hover, :root.brand-benjamin .dxs-qk button:not(:disabled):hover{ border-color: rgba(201, 162, 74, .6); }
}
:root.brand-benjamin .tl:focus-visible, :root.brand-benjamin .dxs-pill:focus-visible, :root.brand-benjamin .dxs-amt button:focus-visible,
:root.brand-benjamin .dxs-amt-v:focus-visible, :root.brand-benjamin .dxs-qk button:focus-visible{ outline-color: #C9A24A; }

/* the big action lamp: BET is one flat gold slab with ink; CASHOUT flat cream; CANCEL quiet */
:root.brand-benjamin .tl, :root.brand-benjamin .tr-app .tl{ border: 0; text-shadow: none; box-shadow: none; background: var(--bn-tl-bg); color: var(--bn-tl-ink); }
:root.brand-benjamin .tl--green{ --bn-tl-bg: #C9A24A; --bn-tl-ink: #0B1F17; }
:root.brand-benjamin .tl--blue{ --bn-tl-bg: #EDE7D3; --bn-tl-ink: #0B1F17; }
:root.brand-benjamin .tl--red{ --bn-tl-bg: #1b201d; --bn-tl-ink: #EDE7D3; box-shadow: inset 0 0 0 1px rgba(237, 231, 211, .22) !important; }
:root.brand-benjamin .tl span{ font-family: var(--font-mono); font-weight: 700; }
:root.brand-benjamin .tl.tl--sub span{ font-family: var(--font-primary); font-weight: 700; opacity: .8; }
:root.brand-benjamin .tl:disabled, :root.brand-benjamin .tr-app .tl:disabled{ filter: none; --bn-tl-bg: #1b201d; --bn-tl-ink: #8d948f; box-shadow: inset 0 0 0 1px rgba(237, 231, 211, .12); }
@media (hover: hover){ :root.brand-benjamin .tl--green:not(:disabled):hover{ --bn-tl-bg: #D6B260; } }

/* popovers on the bet panel (Auto Cashout, multiplier) */
:root.brand-benjamin .dxs .bp, :root.brand-benjamin .dxs .bp.bp--acs{ background: #121513; border-color: rgba(237, 231, 211, .14); }
:root.brand-benjamin .dxs .bp-field{ background: #0b0d0c; border-color: rgba(237, 231, 211, .16); }
:root.brand-benjamin .dxs .bp-field:focus-within{ border-color: #C9A24A; }
:root.brand-benjamin .dxs .bp-chip, :root.brand-benjamin .dxs .bp--acs .bp-chip{ background: #1b201d; border-color: rgba(237, 231, 211, .14); color: #EDE7D3; }
@media (hover: hover){ :root.brand-benjamin .dxs .bp-chip:hover, :root.brand-benjamin .dxs .bp--acs .bp-chip:hover{ border-color: rgba(201, 162, 74, .6); background: #1b201d; color: #EDE7D3; } }
:root.brand-benjamin .dxs .bp-ok{ background: #C9A24A; color: #0B1F17; }
:root.brand-benjamin .acp-field{ background: #0b0d0c; border-color: rgba(237, 231, 211, .16); }
:root.brand-benjamin .acp-field--sel, :root.brand-benjamin .acp-field:focus-within{ border-color: #C9A24A; box-shadow: none; }
:root.brand-benjamin .acp-input{ color: #C9A24A; font-family: var(--font-mono); }

/* mobile keypad sheet */
:root.brand-benjamin .ks-val{ background: #0b0d0c; border-color: rgba(237, 231, 211, .16); color: #C9A24A; font-family: var(--font-mono); font-weight: 700; }
:root.brand-benjamin .ks-val--bad{ border-color: #EDE7D3; color: #EDE7D3; }
:root.brand-benjamin .ks-range{ color: #a9b1ac; }
:root.brand-benjamin .ks-pre button, :root.brand-benjamin .ks-keys button, :root.brand-benjamin .ks-reset{ background: #1b201d; border-color: rgba(237, 231, 211, .14); color: #EDE7D3; }
:root.brand-benjamin .ks-pre button{ color: #c9c3b0; font-family: var(--font-mono); }
:root.brand-benjamin .ks-keys button{ font-family: var(--font-mono); }
:root.brand-benjamin .drawer--ks .drawer-close{ border-color: rgba(237, 231, 211, .16); color: #EDE7D3; }

/* Auto Play selector */
:root.brand-benjamin .bp.bp--ap{ --tr-blue: #C9A24A; --tr-blue-rgb: 201, 162, 74; background: #121513; border-color: rgba(237, 231, 211, .14); }
:root.brand-benjamin .bp-chip--on{ border-color: rgba(201, 162, 74, .55); background: #215640; color: #EDE7D3; box-shadow: none; }
:root.brand-benjamin .bp-ap-start{ border: 0; background: #C9A24A; color: #0B1F17; box-shadow: none; }
@media (hover: hover){ :root.brand-benjamin .bp-ap-start:hover{ background: #D6B260; } }

/* ── Live bets ── */
:root.brand-benjamin .tr-app--crash .st-side-tabs{ background: #0b0d0c; border-color: rgba(237, 231, 211, .10); }
:root.brand-benjamin .st-side-tab--on, :root.brand-benjamin .tr-app--crash .st-side-tab--on{ background: #215640; color: #EDE7D3; box-shadow: none; }
:root.brand-benjamin .st-side-tab--on svg, :root.brand-benjamin .tr-app--crash .st-side-head svg{ color: #C9A24A; }
:root.brand-benjamin .pl-bet, :root.brand-benjamin .pl-x, :root.brand-benjamin .pl-win{ font-family: var(--font-mono); }
:root.brand-benjamin .pl-r--won{ background: rgba(201, 162, 74, .08); }
:root.brand-benjamin .pl-r--won .pl-x, :root.brand-benjamin .pl-r--won .pl-win{ color: #C9A24A; }
:root.brand-benjamin .pl-r--me{ box-shadow: inset 2px 0 0 #C9A24A; }
:root.brand-benjamin .pl-you{ background: #C9A24A; }

/* ── Drawers, menu, modals and sheets ── */
:root.brand-benjamin .drawer, :root.brand-benjamin .modal, :root.brand-benjamin .modal--fr, :root.brand-benjamin .se-modal, :root.brand-benjamin .htp-card{
  --tr-blue: #C9A24A; --tr-blue-rgb: 201, 162, 74; background: #121513; border-color: rgba(237, 231, 211, .12);
}
:root.brand-benjamin .drawer::before{ background: rgba(237, 231, 211, .22); }
:root.brand-benjamin .drawer-header{ border-bottom-color: rgba(237, 231, 211, .10); }
:root.brand-benjamin .drawer-title{ color: #EDE7D3; }
:root.brand-benjamin .drawer-close{ border-color: rgba(237, 231, 211, .18); color: #EDE7D3; }
:root.brand-benjamin .drawer-footer{ background: #0f1211; border-top-color: rgba(237, 231, 211, .10); }
:root.brand-benjamin .mrow{ border-color: rgba(237, 231, 211, .10); background: #1b201d; color: #EDE7D3; }
:root.brand-benjamin .mrow i{ color: #a9b1ac; }
:root.brand-benjamin .mrow-sw{ background: #2a302c; }
:root.brand-benjamin .mrow-sw::after{ background: #959d98; }
:root.brand-benjamin .mrow-sw--on{ background: #215640; }
:root.brand-benjamin .mrow-sw--on::after{ background: #C9A24A; }
:root.brand-benjamin .mnu-foot{ color: #959d98; }
:root.brand-benjamin .st-bar{ background: #1b201d; }
:root.brand-benjamin .st-bar i, :root.brand-benjamin .st-zone:first-child .st-bar i{ background: linear-gradient(90deg, #B48F3C, #D6B260); }
:root.brand-benjamin .st-tab--on, :root.brand-benjamin .modal .st-tab--on, :root.brand-benjamin .drawer .st-tab--on, :root.brand-benjamin .st-chip--on{ background: #215640; color: #EDE7D3; border-color: rgba(201, 162, 74, .55); box-shadow: none; }
:root.brand-benjamin .st-card{ background: #0f1211; border-color: rgba(237, 231, 211, .10); }
:root.brand-benjamin .fbs-btn, :root.brand-benjamin .fbw-btn, :root.brand-benjamin .htp-start{
  border: 0 !important; border-radius: 10px !important; color: #0B1F17 !important; text-shadow: none !important; background: #C9A24A !important; box-shadow: none !important;
}
:root.brand-benjamin .modal--fr .fbw-desc{ color: #EDE7D3; }
:root.brand-benjamin .modal--fr .fbw-hl{ color: #C9A24A; }
:root.brand-benjamin .modal--fr .fbw-sub, :root.brand-benjamin .modal--fr p{ color: #a9b1ac; }
:root.brand-benjamin .hx-win, :root.brand-benjamin .pfx-res div:last-child b, :root.brand-benjamin .hx-pl.pos, :root.brand-benjamin .hx-mr b.pos{ color: #C9A24A; }
:root.brand-benjamin .hx-pl.neg, :root.brand-benjamin .hx-mr b.neg{ color: #a9b1ac; }
:root.brand-benjamin .acs-row{ border-color: rgba(237, 231, 211, .12); background: #0f1211; }
:root.brand-benjamin .acs-row--sel{ border-color: rgba(201, 162, 74, .7); box-shadow: none; }
:root.brand-benjamin .acs-row--err{ border-color: rgba(237, 231, 211, .6); }
:root.brand-benjamin .acs-row--on .acs-k{ color: #EDE7D3; }
:root.brand-benjamin .acs-row--err .acs-hint{ color: #EDE7D3; }
:root.brand-benjamin .acs-x{ font-family: var(--font-mono); color: #EDE7D3; }
:root.brand-benjamin .drawer.drawer--acs{ --tr-blue: #C9A24A; --tr-blue-rgb: 201, 162, 74; }
:root.brand-benjamin .nb-dial{ border-color: rgba(237, 231, 211, .12); background: #0f1211; }
:root.brand-benjamin .wr:focus-visible{ box-shadow: inset 0 0 0 2px #C9A24A; }
:root.brand-benjamin .wr-label{ color: color-mix(in srgb, #EDE7D3 calc(var(--k) * 100%), #747c77); }
:root.brand-benjamin .wr-value{ background: #C9A24A; color: #0B1F17; font-family: var(--font-mono); box-shadow: none; }
:root.brand-benjamin .wr-stem{ box-shadow: none; }
:root.brand-benjamin .wr--h .wr-stem{ background: linear-gradient(180deg, #EDE7D3, #C9A24A); }
:root.brand-benjamin .dxs-ac.dxs-pill--on i{ background: #C9A24A; box-shadow: none; }

/* ── Loading: the poster stays; the bar, START ENGINE and the operator mark go Benjamin ── */
:root.brand-benjamin .loading-screen{ background: #0b0d0c; }
:root.brand-benjamin .dxl-bar{ border-color: rgba(237, 231, 211, .30); background: rgba(11, 13, 12, .75); }
:root.brand-benjamin .dxl-bar i{ background: linear-gradient(90deg, #B48F3C, #D6B260); box-shadow: none; }
:root.brand-benjamin .dxl-text{ color: #EDE7D3; font-family: var(--font-primary); }
:root.brand-benjamin .loading-screen .ld-ign{ border: 0; background: #C9A24A; color: #0B1F17; box-shadow: 0 8px 26px rgba(0, 0, 0, .55); backdrop-filter: none; -webkit-backdrop-filter: none; font-family: var(--font-primary); }
:root.brand-benjamin .loading-screen .ld-ign i{ background: #0B1F17; box-shadow: none; animation: none; }
:root.brand-benjamin .loading-screen .ld-mute{ color: #EDE7D3; font-family: var(--font-primary); }
:root.brand-benjamin .loading-screen .loading-watermark img{ width: 168px; opacity: .95; }
@media (min-aspect-ratio: 3/4){
  :root.brand-benjamin .dxl-poster::after{ background: linear-gradient(180deg, rgba(11, 13, 12, .6) 0%, rgba(11, 13, 12, 0) 32%, rgba(11, 13, 12, 0) 66%, rgba(11, 13, 12, .78) 100%); }
}

/* ── Room pill icon and the How to Play cards (code-drawn SVG: CSS fill beats
   the presentation attributes, so the art re-inks without touching app.jsx) ── */
:root.brand-benjamin .ch-room svg[fill="#36D27A" i]{ fill: #C9A24A; }
:root.brand-benjamin .htp-card{ background: #141816; border-color: rgba(237, 231, 211, .14); }
:root.brand-benjamin .htp-svg [fill="#050A1A" i]{ fill: #0b0d0c; }
:root.brand-benjamin .htp-svg [fill="#0A1128" i]{ fill: #141816; }
:root.brand-benjamin .htp-svg [fill="#101A3A" i]{ fill: #1b201d; }
:root.brand-benjamin .htp-svg [stroke="#18244A" i], :root.brand-benjamin .htp-svg [stroke="#1A2650" i], :root.brand-benjamin .htp-svg [stroke="#23346A" i]{ stroke: rgba(237, 231, 211, .18); }
:root.brand-benjamin .htp-svg [stroke="#2F6BFF" i]{ stroke: #C9A24A; }
:root.brand-benjamin .htp-svg [fill="#3F6DFF" i], :root.brand-benjamin .htp-svg [fill="#33E07E" i], :root.brand-benjamin .htp-svg [fill="#FF2A1F" i], :root.brand-benjamin .htp-svg [fill="#7FA6FF" i]{ fill: #C9A24A; }
:root.brand-benjamin .htp-svg [fill="#2A3A6A" i]{ fill: #3a403c; }
:root.brand-benjamin .htp-svg [fill="#DBE4FF" i], :root.brand-benjamin .htp-svg [fill="#C9D4F5" i]{ fill: #EDE7D3; }
:root.brand-benjamin .htp-svg [fill="#F7A823" i]{ fill: #EDE7D3; }
:root.brand-benjamin .htp-svg [fill="#06130B" i], :root.brand-benjamin .htp-svg [fill="#1E1404" i]{ fill: #0B1F17; }
:root.brand-benjamin .htp-svg [fill="rgba(31,224,122,.14)"]{ fill: rgba(201, 162, 74, .14); }
:root.brand-benjamin .htp-svg stop[stop-color="#3FD3A5" i], :root.brand-benjamin .htp-svg stop[stop-color="#11916D" i], :root.brand-benjamin .htp-svg stop[stop-color="#06503C" i]{ stop-color: #C9A24A; }
:root.brand-benjamin .htp-svg stop[stop-color="#5A8CF7" i], :root.brand-benjamin .htp-svg stop[stop-color="#1F4CC6" i], :root.brand-benjamin .htp-svg stop[stop-color="#0D2770" i]{ stop-color: #EDE7D3; }
:root.brand-benjamin .htp-svg stop[stop-color="#EC5A46" i], :root.brand-benjamin .htp-svg stop[stop-color="#B81E16" i], :root.brand-benjamin .htp-svg stop[stop-color="#640B07" i]{ stop-color: #1b201d; }
:root.brand-benjamin .htp-svg rect[fill="url(#htpLb)"] ~ text, :root.brand-benjamin .htp-svg rect[fill="url(#htpL2a)"] ~ text{ fill: #0B1F17; }
:root.brand-benjamin .htp-svg rect[fill="url(#htpL2b)"], :root.brand-benjamin .htp-svg rect[fill="url(#htpLa)"]{ stroke: rgba(237, 231, 211, .22); }