/* ============================================================
   BEAT BETBOT - the free BetBucks game
   Loaded after the page's own <style>, built from its tokens. The game
   has its own accent, the logo's cyan "bot" (--bb): BetBot, your slip
   and the game's buttons. Gold stays the model's colour (subscriber
   numbers), green / pink are landed / lost.
   Layers sit inside the page's ladder: header 30, popovers 40,
   slip pill 70, site modal 80, slip drawer 84-85, join modal 90,
   toast 95, cookie banner 150, tooltip 200.
   ============================================================ */
:root{--bb:#3fc8e0;--bb-ink:#061016;--bb-soft:rgba(63,200,224,.12);--bb-line:rgba(63,200,224,.5);--bb-deep:#0c2a31}

/* ---------- buttons ---------- */
.bbg-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:0 16px;border-radius:10px;
  background:var(--bb);color:var(--bb-ink);border:1px solid var(--bb);font-family:Archivo,sans-serif;font-weight:800;font-size:14px;
  text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:filter .12s,background .12s}
.bbg-btn:hover{filter:brightness(1.08)}
.bbg-btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.bbg-btn.ghost{background:transparent;color:var(--text);border-color:var(--line-2)}
.bbg-btn.ghost:hover{border-color:var(--bb);filter:none}
.bbg-btn.sm{min-height:34px;padding:0 12px;font-size:12.5px;border-radius:8px}
.bbg-btn.lg{width:100%;min-height:46px;font-size:14.5px}
.bbg-btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.bbg-link{background:none;border:0;padding:4px 0;color:var(--bb);font-weight:600;font-size:12.5px;cursor:pointer}

/* ---------- odds chips on the match card ---------- */
.bbg-strip{display:flex;flex-direction:column}
.bbg-strip-a{color:inherit;text-decoration:none}
.bbg-strip-a:hover{color:var(--bb)}
.bbg-odds{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:6px}
.bbg-odd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  min-height:44px;padding:5px 2px;background:var(--raised);border:1px solid var(--line-2);border-radius:9px;
  color:var(--text);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .12s,background .12s}
.bbg-odd .l{font-family:Archivo,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);white-space:nowrap}
.bbg-odd .o{font-family:Archivo,sans-serif;font-weight:800;font-size:14px;line-height:1.1}
@media (hover:hover){ .bbg-odd:hover{border-color:var(--bb)} }
.bbg-odd:focus-visible{outline:2px solid var(--bb);outline-offset:2px}
.bbg-odd.on{border-color:var(--bb);background:var(--bb-soft)}
.bbg-odd.on .o,.bbg-odd.on .l{color:var(--bb)}
.bbg-odd.held{border-color:var(--bb-line);background:var(--bb-deep)}
.bbg-odd.held .o{color:var(--bb)}
.bbg-odd[disabled],.bbg-odd.off{opacity:.42;cursor:not-allowed}
.bbg-odd .bot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--bb)}
.bbg-key{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--faint);font-size:10.5px}
.bbg-key .dot{width:6px;height:6px;border-radius:50%;background:var(--bb);flex:0 0 auto}

/* small inline odds button: modal markets table + expanded top pick */
.bbg-tb{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:62px;min-height:30px;
  padding:3px 9px;background:var(--raised);border:1px solid var(--line-2);border-radius:8px;color:var(--text);
  font-family:Archivo,sans-serif;font-weight:800;font-size:12.5px;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media (hover:hover){ .bbg-tb:hover{border-color:var(--bb)} }
.bbg-tb.on{border-color:var(--bb);background:var(--bb-soft);color:var(--bb)}
.bbg-tb[disabled],.bbg-tb.off{opacity:.42;cursor:not-allowed}
.bbg-tb.off.on{opacity:1;cursor:default}
table.mk td.bbg-play{text-align:right;width:1%}
.tb-exp .bbg-tb{margin-left:8px;min-height:32px}

/* ---------- header ---------- */
/* Both pages: the two halves of the site as one switch (Match previews | Beat BetBot).
   On the previews, "How the engine works" sits beside it as a light text link. */
.bbg-switch{display:inline-grid;grid-template-columns:auto auto;gap:3px;padding:3px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:10px}
.bbg-switch a{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:7px;color:var(--muted);text-decoration:none;
  font-family:Archivo,sans-serif;font-weight:700;font-size:13px;white-space:nowrap}
.bbg-switch a:hover{color:var(--text)}
.bbg-switch a[aria-current="page"]{background:var(--bb);color:var(--bb-ink)}
.bbg-switch .bbg-new{font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.04em;color:var(--bb);border:1px solid var(--bb-line);
  border-radius:4px;padding:0 4px;line-height:14px}
.bbg-switch a[aria-current="page"] .bbg-new{color:var(--bb-ink);border-color:rgba(6,16,22,.45)}
.hiw-btn.bbg-hiw{background:none;border:0;padding:6px 2px;color:var(--muted);font-family:Inter,sans-serif;font-weight:600;font-size:12.5px;gap:7px}
.hiw-btn.bbg-hiw:hover{background:none;color:var(--text)}
.hiw-btn.bbg-hiw:focus-visible{outline:2px solid var(--model);outline-offset:2px;border-radius:6px}
a.hiw-btn{text-decoration:none;color:var(--text)}
@media (min-width:1181px){
  .head .brand{min-width:max-content}
  .head-r{margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}
  .head-r .bbg-hiw{order:-1}
}
/* Tablets and small laptops: one line, centred on the logo; the link and "updated" under the switch. */
@media (min-width:761px) and (max-width:1180px){
  .head{flex-wrap:nowrap;align-items:center}
  .head .brand{min-width:0}
  .head .brand p{max-width:170px}
  .head-r{margin-left:auto;display:grid;grid-template-columns:auto auto;justify-items:end;align-items:center;column-gap:12px;row-gap:4px}
  .head-r .bbg-switch{grid-column:1/-1}
  .head-r .bbg-hiw{padding:2px 0;font-size:12px}
  .head-r .updated{line-height:1.2}
}
/* Phones: switch on top, the link and "updated" on one small line under it, all centred on the logo. */
@media (max-width:760px){
  .head{align-items:center}
  .head-r{display:grid;grid-template-columns:auto auto;justify-items:end;align-items:center;column-gap:8px;row-gap:3px;align-self:center}
  .head-r .bbg-switch{grid-column:1/-1}
  .bbg-switch a{padding:7px 9px;font-size:11.5px;gap:4px}
  .bbg-switch .bbg-new{font-size:7.5px;padding:0 3px;line-height:12px}
  .head-r .hiw-btn.bbg-hiw{padding:0;font-size:10px;gap:4px;max-width:none;white-space:nowrap;line-height:1.2}
  .head-r .bbg-hiw .hiw-btn-dot{width:6px;height:6px}
  .head-r .updated{line-height:1.2}
  .head .brand p{max-width:104px}
}
@media (max-width:420px){ .head-r .updated{display:none} .head-r .bbg-hiw{grid-column:1/-1} }
@media (max-width:400px){
  .bbg-switch a{padding:7px 7px;font-size:10.5px}
  .head .brand p{max-width:92px}
}
@media (max-width:380px){
  .head .brand p{font-size:9.5px;line-height:1.25;max-width:86px}
  .bbg-switch a{padding:6px 6px;font-size:10px}
}
/* ---------- slip pill ---------- */
.bbg-pill{position:fixed;right:20px;bottom:20px;z-index:70;display:none;align-items:center;gap:11px;
  min-height:50px;padding:0 16px 0 12px;background:var(--bb);color:var(--bb-ink);border:none;border-radius:12px;
  font-family:Archivo,sans-serif;font-weight:800;font-size:14px;box-shadow:0 18px 50px rgba(0,0,0,.55);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bbg-pill.show{display:flex}
.ck.show ~ .bbg-pill{display:none}   /* the cookie banner owns the corner until it's answered */
.bbg-pill .n{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;
  border-radius:7px;background:var(--bb-ink);color:var(--bb);font-size:12.5px}
.bbg-pill .r{font-family:Inter,sans-serif;font-weight:600;font-size:12.5px;opacity:.8}
.bbg-pill:hover{filter:brightness(1.06)}
.bbg-pill:focus-visible{outline:2px solid var(--text);outline-offset:3px}

/* ---------- slip drawer (desktop) / sheet (phone) ---------- */
.bbg-back{position:fixed;inset:0;z-index:84;background:rgba(4,5,9,.78);backdrop-filter:blur(4px)}
.bbg-drawer{position:fixed;top:0;right:0;bottom:0;z-index:85;width:min(430px,100%);display:flex;flex-direction:column;
  background:var(--bg);border-left:1px solid var(--line-2);box-shadow:-18px 0 50px rgba(0,0,0,.45);overflow:hidden}
.bbg-drawer::before{content:"";display:block;height:2px;background:linear-gradient(90deg,transparent,var(--bb),transparent);flex:0 0 auto;opacity:.7}
.bbg-grab{display:none}
.bbg-dh{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 12px;flex:0 0 auto}
.bbg-dh .t{font-family:Archivo,sans-serif;font-weight:900;font-size:18px;letter-spacing:-.01em}
.bbg-dh .s{color:var(--muted);font-size:12.5px;margin-top:1px}
.bbg-dh .x{margin-left:auto;width:36px;height:36px}
.bbg-top{padding:0 18px 12px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.bbg-mid{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 16px;
  display:flex;flex-direction:column;gap:9px;scrollbar-width:thin}
.bbg-mid > *{flex-shrink:0}
.bbg-foot{flex:0 0 auto;border-top:1px solid var(--line);background:var(--panel);padding:13px 18px 16px;display:flex;flex-direction:column;gap:10px}
.bbg-slab{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-family:Archivo,sans-serif;font-weight:800;font-size:11px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--faint);margin-top:4px}
.bbg-slab span{font-family:Inter,sans-serif;font-weight:500;font-size:11px;letter-spacing:0;text-transform:none;margin-left:auto}
.bbg-slab.pad{padding:16px 16px 6px;margin:0;border-top:1px solid var(--line)}
.bbg-hint{font-size:12px;color:var(--faint);text-align:center;padding:6px 0 2px}

/* segmented switch */
.bbg-seg{display:grid;grid-template-columns:repeat(var(--n,2),minmax(0,1fr));gap:3px;background:var(--bg);
  border:1px solid var(--line);border-radius:10px;padding:3px}
.bbg-seg button{min-height:34px;background:none;border:1px solid transparent;border-radius:7px;color:var(--muted);
  font-family:Archivo,sans-serif;font-weight:700;font-size:12.5px;white-space:nowrap;padding:0 12px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.bbg-seg button[aria-checked="true"],.bbg-seg button[aria-selected="true"]{background:var(--raised);border-color:var(--bb-line);color:var(--text)}
@media (hover:hover){ .bbg-seg button:hover{color:var(--text)} }
.bbg-seg button:focus-visible{outline:2px solid var(--bb);outline-offset:1px}

.bbg-meter{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}
.bbg-meter .bar{flex:1;height:6px;border-radius:3px;background:var(--raised);overflow:hidden;display:flex}
.bbg-meter .bar i{display:block;height:100%;background:var(--bb)}
.bbg-meter .bar i.over{background:var(--neg)}
.bbg-meter b{color:var(--text);font-family:Archivo,sans-serif;font-weight:800}

/* one pick in the slip */
.bbg-item{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:9px}
.bbg-item.err{border-color:var(--neg)}
.bbg-row{display:flex;align-items:flex-start;gap:10px}
.bbg-fx{flex:1;min-width:0}
.bbg-fx .a{font-family:Archivo,sans-serif;font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbg-fx .b{color:var(--muted);font-size:12px}
.bbg-odds-big{font-family:Archivo,sans-serif;font-weight:900;font-size:17px;flex:0 0 auto;line-height:1.3}
.bbg-rm{width:30px;height:30px;flex:0 0 auto;background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:15px;line-height:1}
@media (hover:hover){ .bbg-rm:hover{color:var(--text);border-color:var(--line-2)} }
.bbg-stake{display:grid;grid-template-columns:42px 72px repeat(4,minmax(0,1fr));gap:6px;align-items:center}
.bbg-stake .k{font-size:11px;font-weight:600;color:var(--faint)}
.bbg-in{width:100%;min-height:36px;box-sizing:border-box;background:var(--panel-2);border:1px solid var(--line-2);
  border-radius:8px;color:var(--text);padding:0 10px;font-family:Archivo,sans-serif;font-weight:800;font-size:15px}
.bbg-in::placeholder{color:var(--faint)}
.bbg-in:focus{outline:none;border-color:var(--bb)}
.bbg-q{min-height:36px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:8px;color:var(--muted);
  font-family:Archivo,sans-serif;font-weight:700;font-size:12.5px;white-space:nowrap;padding:0 4px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media (hover:hover){ .bbg-q:hover{border-color:var(--bb);color:var(--text)} }
.bbg-q.on{border-color:var(--bb);color:var(--bb)}
.bbg-line{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.bbg-line .dot{width:7px;height:7px;border-radius:50%;background:var(--bb);flex:0 0 auto}
.bbg-line .ret{margin-left:auto;white-space:nowrap}
.bbg-line .ret b{color:var(--text);font-family:Archivo,sans-serif;font-weight:800}
.mdl{color:var(--model);font-weight:600} .mkt{color:var(--market);font-weight:600}
.bbg-msg{font-size:12px;color:var(--neg);line-height:1.45}
.bbg-note{font-size:11.5px;color:var(--faint);line-height:1.5;margin:0}
.bbg-note.pad{padding:12px 16px}

/* the acca: all the picks, one stake */
.bbg-acca{background:linear-gradient(180deg,var(--bb-deep),var(--panel) 70%);border:1px solid var(--bb-line);border-radius:12px;overflow:hidden;margin-top:4px}
.bbg-acca.no{background:var(--panel);border-color:var(--line)}
.bbg-acca .hd{display:flex;align-items:baseline;gap:8px;padding:11px 13px 6px;flex-wrap:wrap}
.bbg-acca .hd .k{font-family:Archivo,sans-serif;font-weight:900;font-size:15px;color:var(--bb)}
.bbg-acca.no .hd .k{color:var(--muted)}
.bbg-acca .hd .s{color:var(--muted);font-size:11.5px}
.bbg-acca .hd .o{margin-left:auto;font-family:Archivo,sans-serif;font-weight:900;font-size:20px}
.bbg-acca .ft{padding:4px 13px 12px;display:flex;flex-direction:column;gap:9px}

/* ready-made accas */
.bbg-presets{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.bbg-presets.wide{padding:14px 16px;margin:0}
.bbg-preset{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;background:var(--raised);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px}
.bbg-preset .a{font-family:Archivo,sans-serif;font-weight:700;font-size:13.5px}
.bbg-preset .a b{color:var(--bb);font-weight:800;margin-left:6px}
.bbg-preset .b{color:var(--faint);font-size:11.5px;line-height:1.5;margin-top:2px}
.bbg-blur{filter:blur(4px);user-select:none;display:inline-block;vertical-align:top;color:var(--muted)}

.bbg-totals{display:flex;align-items:flex-end;gap:10px}
.bbg-totals .k{color:var(--muted);font-size:11.5px}
.bbg-totals .v{font-family:Archivo,sans-serif;font-weight:900;font-size:20px;line-height:1.15}
.bbg-totals .v.pos{color:var(--pos)}
.bbg-totals .rt{margin-left:auto;text-align:right}
.bbg-lock{width:100%;min-height:48px;font-size:15px}
.bbg-empty{border:1px dashed var(--line-2);border-radius:12px;padding:22px 16px;text-align:center;color:var(--muted);font-size:13px;line-height:1.55}
.bbg-empty b{display:block;color:var(--text);font-family:Archivo,sans-serif;font-weight:800;font-size:15px;margin-bottom:4px}
.bbg-empty a{color:var(--bb);font-weight:600;text-decoration:none}
.bbg-empty.sm{margin:16px;padding:18px 14px}

/* ---------- toast ---------- */
.bbg-toast{position:fixed;right:20px;bottom:84px;z-index:95;max-width:min(420px,calc(100% - 40px));display:flex;align-items:center;gap:10px;
  background:var(--panel);border:1px solid var(--line-2);border-radius:12px;padding:11px 14px;font-size:13px;color:var(--muted);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.bbg-toast b{color:var(--text)}
.bbg-toast .tick{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto;
  border-radius:50%;background:var(--pos);color:#0d0f13;font-size:11px;font-weight:900}
.bbg-toast.bad .tick{background:var(--neg)}
.bbg-toast button{white-space:nowrap;margin-left:auto;background:none;border:0;color:var(--bb);font-weight:600;font-size:12.5px;padding:6px 2px}

/* ---------- join / profile modal (on the site's .overlay + .modal) ---------- */
.overlay.bbg-ov{z-index:90;align-items:center}
.modal.bbg-modal{max-width:440px}
.bbg-modal .modal-top .t{font-family:Archivo,sans-serif;font-weight:900;font-size:18px;letter-spacing:-.01em}
.bbg-modal .modal-top .s{color:var(--muted);font-size:13px;margin-top:3px}
.bbg-modal .modal-body{gap:14px}
.bbg-field{display:flex;flex-direction:column;gap:6px}
.bbg-field label{font-size:12.5px;font-weight:600;color:var(--text)}
.bbg-field .h{font-size:11.5px;color:var(--faint);line-height:1.45}
.bbg-text{width:100%;min-height:44px;box-sizing:border-box;background:var(--panel);border:1px solid var(--line-2);border-radius:9px;color:var(--text);padding:0 12px;font:inherit;font-size:15px}
.bbg-text:focus{outline:none;border-color:var(--bb)}
.bbg-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);line-height:1.45;cursor:pointer}
.bbg-check input{accent-color:var(--bb);width:18px;height:18px;flex:0 0 auto;margin:1px 0 0;cursor:pointer}
.bbg-check a{color:var(--bb);text-decoration:none;font-weight:600}
.bbg-sent{text-align:center;padding:6px 0}
.bbg-tipbox{z-index:200}
.bbg-i{margin-left:0;background:none;padding:0}

/* ============================================================ game page */
.bbg-page{max-width:980px;margin:0 auto;padding:22px 20px 80px;display:flex;flex-direction:column;gap:14px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* hero: the pitch on the left, this round's scoreboard on the right */
.bbg-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:center;padding:6px 0 10px}
.bbg-hero .eb{display:flex;align-items:center;gap:8px;font-family:Archivo,sans-serif;font-weight:700;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.bbg-hero .live{width:8px;height:8px;border-radius:50%;background:var(--pos);box-shadow:0 0 0 0 rgba(103,204,149,.5)}
.bbg-hero .live.off{background:var(--faint)}
@media (prefers-reduced-motion:no-preference){ .bbg-hero .live:not(.off){animation:bbgLive 2.4s ease-out infinite}
  @keyframes bbgLive{0%{box-shadow:0 0 0 0 rgba(103,204,149,.5)}70%{box-shadow:0 0 0 7px rgba(103,204,149,0)}100%{box-shadow:0 0 0 0 rgba(103,204,149,0)}} }
.bbg-hero h2{font-family:Archivo,sans-serif;font-weight:900;font-size:clamp(38px,6vw,58px);letter-spacing:-.035em;line-height:1;margin:10px 0 12px;color:var(--text)}
.bbg-hero h2 span{color:var(--bb)}
/* outlined "Beat": a ring of thin shadows round page-coloured letters, which stays clean where the heavy glyphs overlap */
.bbg-hero h2 span.o{color:var(--bg);text-shadow:1.60px 0.00px 0 var(--text),1.48px 0.61px 0 var(--text),1.13px 1.13px 0 var(--text),0.61px 1.48px 0 var(--text),0.00px 1.60px 0 var(--text),-0.61px 1.48px 0 var(--text),-1.13px 1.13px 0 var(--text),-1.48px 0.61px 0 var(--text),-1.60px 0.00px 0 var(--text),-1.48px -0.61px 0 var(--text),-1.13px -1.13px 0 var(--text),-0.61px -1.48px 0 var(--text),-0.00px -1.60px 0 var(--text),0.61px -1.48px 0 var(--text),1.13px -1.13px 0 var(--text),1.48px -0.61px 0 var(--text)}
.bbg-hero p{margin:0 0 6px;color:var(--muted);font-size:14.5px;max-width:58ch;line-height:1.55}
.bbg-hero p b{color:var(--text);font-weight:600}
.bbg-hero p.lede{font-family:Archivo,sans-serif;font-weight:800;font-size:18px;color:var(--text);letter-spacing:-.01em;margin-bottom:6px}
.bbg-hero p.lede b{color:var(--bb);font-weight:800}
.bbg-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 16px;max-width:520px}
.bbg-chips span{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1px;font-size:11.5px;color:var(--muted);
  background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:8px 6px;line-height:1.3}
.bbg-chips b{color:var(--text);font-family:Archivo,sans-serif;font-weight:900;font-size:17px;line-height:1.15}
.bbg-chips b.pos{color:var(--pos)} .bbg-chips b.neg{color:var(--neg)}
.bbg-cta-row{display:flex;gap:8px;flex-wrap:wrap}
.bbg-cta-row.c{justify-content:center;margin-top:12px}
.bbg-score{background:linear-gradient(160deg,var(--bb-deep),var(--panel) 60%);border:1px solid var(--bb-line);border-radius:16px;padding:16px 16px 14px;
  box-shadow:0 20px 50px rgba(0,0,0,.35)}
.bbg-score .hd{font-family:Archivo,sans-serif;font-weight:800;font-size:11px;color:var(--bb);text-transform:uppercase;letter-spacing:.09em}
.bbg-score .sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:12px 0}
.bbg-score .sd{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}
.bbg-score .sd .nm{font-size:12px;color:var(--muted);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbg-score .sd b{font-family:Archivo,sans-serif;font-weight:900;font-size:26px;letter-spacing:-.02em;line-height:1}
.bbg-score .sd b.pos{color:var(--pos)} .bbg-score .sd b.neg{color:var(--neg)} .bbg-score .sd b.dim{color:var(--faint)}
.bbg-score .sd.bot b{color:var(--bb)}
.bbg-score .vs{font-family:Archivo,sans-serif;font-weight:900;font-size:12px;color:var(--faint);text-transform:uppercase}
.bbg-score .vd{text-align:center;font-size:13px;color:var(--muted);padding-top:10px;border-top:1px solid var(--line)}
.bbg-score .vd b{color:var(--text)} .bbg-score .vd b.pos{color:var(--pos)}
.bbg-score .ft{text-align:center;font-size:10.5px;color:var(--faint);margin-top:3px}
.bbg-av{width:32px;height:32px;border-radius:9px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  font-family:Archivo,sans-serif;font-weight:900;font-size:13px;background:var(--raised);color:var(--text);border:1px solid var(--line-2)}
.bbg-av.bot{background:var(--bb-deep);color:var(--bb);border:1.5px solid var(--bb)}
.bbg-av.xs{width:22px;height:22px;border-radius:6px;font-size:10.5px;margin-right:8px;vertical-align:-6px}

/* notice (no round / offline) */
.bbg-notice{display:flex;flex-direction:column;gap:3px;background:var(--panel);border:1px solid var(--line-2);border-left:3px solid var(--bb);
  border-radius:var(--r);padding:13px 16px;font-size:13px;color:var(--muted);line-height:1.5}
.bbg-notice b{color:var(--text);font-family:Archivo,sans-serif;font-weight:800;font-size:14.5px}
.bbg-notice.bad{border-left-color:var(--neg)}
.bbg-notice .d{color:var(--faint);font-size:12px}
.bbg-notice .d:empty{display:none}

/* ---------- the six fold-away sections ---------- */
.bbg-secs{display:flex;flex-direction:column;gap:10px}
.bbg-sec{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .2s}
.bbg-sec.open{border-color:var(--line-2)}
.bbg-sec-h{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px 12px 14px;min-height:62px}
.bbg-sec-tg{position:absolute;inset:0;width:100%;background:none;border:0;border-radius:14px 14px 0 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bbg-sec-tg:focus-visible{outline:2px solid var(--bb);outline-offset:-2px}
@media (hover:hover){ .bbg-sec-h:hover{background:var(--panel-2)} }
.bbg-sec-h > :not(.bbg-sec-tg){position:relative;pointer-events:none}
.bbg-sec-h > .bbg-i{pointer-events:auto;z-index:1}
.bbg-sec-h .ic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;
  background:var(--bb-soft);color:var(--bb);border:1px solid rgba(63,200,224,.22)}
.bbg-sec-h h3{font-family:Archivo,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.bbg-sec-h .sum{margin-left:auto;display:flex;align-items:center;gap:16px;min-width:0}
.bbg-sec-h .st{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.bbg-sec-h .st .k{font-family:Archivo,sans-serif;font-weight:700;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.bbg-sec-h .st b{font-family:Archivo,sans-serif;font-weight:800;font-size:15px;white-space:nowrap}
.bbg-sec-h .st b.pos{color:var(--pos)} .bbg-sec-h .st b.neg{color:var(--neg)} .bbg-sec-h .st b.bb{color:var(--bb)} .bbg-sec-h .st b.dim{color:var(--faint)}
.bbg-sec-h .txt{font-size:12px;color:var(--faint);white-space:nowrap}
.bbg-sec-h .chev{width:9px;height:9px;border-right:2px solid var(--faint);border-bottom:2px solid var(--faint);transform:rotate(45deg) translate(-2px,-2px);
  flex:0 0 auto;margin:0 4px 0 6px;transition:transform .25s}
.bbg-sec.open .bbg-sec-h .chev{transform:rotate(225deg) translate(-2px,-2px)}
.bbg-sec.open .bbg-sec-h{border-bottom:1px solid var(--line)}
.bbg-sec-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.2,.8,.2,1)}
.bbg-sec.open .bbg-sec-b{grid-template-rows:1fr}
.bbg-sec-in{overflow:hidden;min-height:0}
@media (prefers-reduced-motion:reduce){ .bbg-sec-b,.bbg-sec-h .chev{transition:none} }
.bbg-sec .q{padding:12px 16px;color:var(--faint);font-size:11.5px;line-height:1.5}
.bbg-bar{display:flex;justify-content:flex-end;padding:12px 16px 4px}

/* how it works */
.bbg-steps{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:s}
.bbg-steps li{position:relative;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;padding:14px 13px 14px;display:flex;flex-direction:column;gap:6px}
.bbg-steps .no{position:absolute;top:10px;right:11px;font-family:Archivo,sans-serif;font-weight:900;font-size:22px;color:var(--line-2)}
.bbg-steps .art{height:44px;display:flex;align-items:center;gap:6px;margin-bottom:4px}
.bbg-steps b{font-family:Archivo,sans-serif;font-weight:800;font-size:14.5px;color:var(--text)}
.bbg-steps span{font-size:12.5px;color:var(--muted);line-height:1.5}
.bbg-steps em{font-style:normal;color:var(--bb);font-weight:600}
.bbg-steps .mini{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--line-2);border-radius:8px;background:var(--bg)}
.bbg-steps .mini i{font-style:normal;width:24px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--raised);
  font-family:Archivo,sans-serif;font-weight:800;font-size:11px;color:var(--muted)}
.bbg-steps .mini i.on{background:var(--bb);color:var(--bb-ink)}
.bbg-steps .slipart{display:flex;flex-direction:column;gap:4px;width:70px}
.bbg-steps .slipart i{height:8px;border-radius:3px;background:var(--line-2)}
.bbg-steps .slipart i:nth-child(2){width:80%}
.bbg-steps .slipart i.acc{height:12px;background:var(--bb)}
.bbg-steps .race{display:flex;flex-direction:column;gap:6px;width:100%}
.bbg-steps .race i{height:10px;border-radius:5px}
.bbg-steps .race i.y{background:var(--pos)} .bbg-steps .race i.b{background:var(--bb)}
.bbg-eg{margin:0 16px 14px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 14px}
.bbg-eg .eg-h{font-family:Archivo,sans-serif;font-weight:800;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.bbg-eg .eg-t{width:100%;border-collapse:collapse;font-size:12.5px}
.bbg-eg .eg-t th{font-weight:600;font-size:10.5px;color:var(--faint);text-align:right;padding:0 0 5px 8px;white-space:nowrap}
.bbg-eg .eg-t td{padding:5px 0 5px 8px;text-align:right;font-family:Archivo,sans-serif;font-weight:800;font-size:14px;border-top:1px solid var(--line)}
.bbg-eg .eg-t td:first-child,.bbg-eg .eg-t th:first-child{text-align:left;padding-left:0;font-family:Inter,sans-serif;font-weight:600;font-size:12.5px;color:var(--text)}
.bbg-eg .eg-t tr.bt td:first-child{color:var(--bb)}
.bbg-eg .eg-t .pos{color:var(--pos)} .bbg-eg .eg-t .bb{color:var(--bb)}
.bbg-eg p{margin:9px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}
.bbg-eg p b{font-size:inherit;color:var(--text)}
.bbg-rules{padding:0 16px 6px;margin:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.bbg-rules li{display:flex;gap:10px;padding:9px 0;font-size:12.5px;color:var(--muted);line-height:1.5;border-top:1px solid #1c212b}
.bbg-rules li b{color:var(--text);font-weight:600;min-width:72px;flex:0 0 auto}
.bbg-foot-note{padding:10px 16px 14px;font-size:11.5px;color:var(--faint);border-top:1px solid var(--line)}
.bbg-foot-note a{color:var(--muted)}

/* leaderboard */
.bbg-seg.sm{display:inline-grid;min-width:220px}
.bbg-lb table.tbl{font-size:13px}
.bbg-lb table.tbl th,.bbg-lb table.tbl td{padding:9px 6px}
.bbg-lb table.tbl th:first-child,.bbg-lb table.tbl td:first-child{padding-left:16px}
.bbg-lb table.tbl th:last-child,.bbg-lb table.tbl td:last-child{padding-right:16px;text-align:right}
.bbg-lb table.tbl td:nth-child(2){max-width:none}
.bbg-lb .rk{font-family:Archivo,sans-serif;font-weight:800;color:var(--faint);width:40px;text-align:left}
.bbg-lb .medal{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;color:#0b0d11}
.bbg-lb .medal.m1{background:#e8c66a} .bbg-lb .medal.m2{background:#c3cad6} .bbg-lb .medal.m3{background:#c99067}
.bbg-lb .nm{font-weight:600}
.bbg-lb td.nm .bbg-av.xs{vertical-align:middle;margin-top:-3px}
.bbg-lb .you{font-size:10px;font-weight:700;color:var(--bb);border:1px solid var(--bb-line);border-radius:4px;padding:0 5px;margin-left:5px;vertical-align:1px;text-transform:uppercase;letter-spacing:.04em}
.bbg-lb .roi{font-family:Archivo,sans-serif;font-weight:800}
.bbg-lb .roi.pos{color:var(--pos)} .bbg-lb .roi.neg{color:var(--neg)} .bbg-lb .roi.bb{color:var(--bb)}
.bbg-lb tr.me td{background:var(--panel-2)}
.bbg-lb tr.bot td{background:rgba(63,200,224,.06)}
.bbg-lb tr.bot td:first-child{box-shadow:inset 3px 0 0 var(--bb)}
.bbg-lb tr.bot .nm{color:var(--bb);font-family:Archivo,sans-serif;font-weight:800}
.bbg-lb tr.gap td{padding:2px 16px;color:var(--faint);letter-spacing:2px;font-size:11px;text-align:left !important}
.bbg-lb tr.ghost td{color:var(--faint)}
.bbg-lb tr.gap.note td{letter-spacing:0;font-size:12px;padding:10px 16px;color:var(--muted)}
.bbg-lb .ft{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted);flex-wrap:wrap}
.bbg-lb .ft b{color:var(--text)}
.bbg-lb .ft button{margin-left:auto;background:none;border:0;color:var(--bb);font-weight:600;font-size:12.5px;padding:4px 0}
.bbg-lb .q{border-top:1px solid var(--line)}

/* my picks: balance, tabs, the coupon */
.bbg-bal{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:8px 18px;padding:14px 16px}
.bbg-bal .big{display:flex;align-items:baseline;gap:7px}
.bbg-bal .big b{font-family:Archivo,sans-serif;font-weight:900;font-size:28px;line-height:1}
.bbg-bal .big span{color:var(--muted);font-size:12.5px;white-space:nowrap}
.bbg-stack{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--raised)}
.bbg-stack i{display:block;height:100%}
.bbg-stack i.s{background:var(--bb)} .bbg-stack i.r{background:rgba(63,200,224,.38)}
.bbg-legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted);white-space:nowrap}
.bbg-legend b{color:var(--text);font-family:Archivo,sans-serif;font-weight:800}
.bbg-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px}
.bbg-legend i.s{background:var(--bb)} .bbg-legend i.r{background:rgba(63,200,224,.38)}
.bbg-bal .acts{display:flex;gap:6px;justify-content:flex-end}
.bbg-tabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.bbg-tabs::-webkit-scrollbar{display:none}
.bbg-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:11px 10px 10px;
  font-family:Archivo,sans-serif;font-weight:700;font-size:13px;white-space:nowrap;margin-bottom:-1px}
.bbg-tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--bb)}
.bbg-tabs button:hover{color:var(--text)}
.bbg-tabs .lk,.bbg-idea .lk{font-size:10px;opacity:.7}
.bbg-filt{display:flex;flex-direction:column;gap:8px;padding:12px 16px 6px}
.bbg-chiprow{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}
.bbg-chiprow::-webkit-scrollbar{display:none}
.bbg-fc{flex:0 0 auto;white-space:nowrap;background:none;border:1px solid var(--line-2);border-radius:999px;padding:5px 11px;
  font-size:12px;font-weight:600;color:var(--muted);-webkit-tap-highlight-color:transparent}
.bbg-fc span{color:var(--faint);font-weight:500;margin-left:2px}
.bbg-fc:hover{color:var(--text);border-color:var(--muted)}
.bbg-fc.on{background:var(--text);border-color:var(--text);color:#0b0d11}
.bbg-fc.on span{color:#4a5160}
.bbg-search{width:100%;min-height:38px;background:var(--bg);border:1px solid var(--line-2);border-radius:9px;color:var(--text);padding:0 12px;font:inherit;font-size:13.5px}
.bbg-search:focus{outline:none;border-color:var(--bb)}
.bbg-coupon{list-style:none;margin:0;padding:0}
.bbg-dayh{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 6px;font-family:Archivo,sans-serif;font-weight:800;font-size:11px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}
.bbg-dayh .cols{display:flex;gap:4px;letter-spacing:0}
.bbg-dayh .cols i{font-style:normal;width:50px;text-align:center;font-size:10px}
.bbg-dayh .cols i.sp{width:2px}
.bbg-cr{display:flex;align-items:center;gap:12px;padding:8px 16px;border-top:1px solid #1c212b}
.bbg-cr .m{flex:1;min-width:0}
.bbg-cr .m b{display:block;font-family:Archivo,sans-serif;font-weight:700;font-size:13.5px;line-height:1.3}
.bbg-cr .m b span{color:var(--faint);font-weight:600}
.bbg-cr .m .w{font-size:11.5px;color:var(--faint)}
.bbg-cr .pr{display:flex;gap:10px;flex:0 0 auto}
.bbg-cr .g{display:flex;gap:4px}
.bbg-c{position:relative;width:50px;min-height:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;
  background:var(--raised);border:1px solid var(--line-2);border-radius:8px;color:var(--text);padding:2px;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .12s,background .12s}
.bbg-c .l{display:none;font-family:Archivo,sans-serif;font-weight:700;font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--faint);line-height:1.1}
.bbg-c .o{font-family:Archivo,sans-serif;font-weight:800;font-size:13px;line-height:1.15}
.bbg-c.none{background:transparent;border-style:dashed;border-color:#232833}
.bbg-c.wide{width:64px;flex:0 0 auto}
@media (hover:hover){ .bbg-c:not(.none):not(.off):hover{border-color:var(--bb)} }
.bbg-c:focus-visible{outline:2px solid var(--bb);outline-offset:2px}
.bbg-c.on{border-color:var(--bb);background:var(--bb);color:var(--bb-ink)}
.bbg-c.on .l{color:var(--bb-ink)}
.bbg-c.held{border-color:var(--bb-line);background:var(--bb-deep);color:var(--bb)}
.bbg-c.held::after{content:"✓";position:absolute;top:1px;left:4px;font-size:8.5px;font-weight:900;color:var(--bb)}
.bbg-c.held.on{background:var(--bb);color:var(--bb-ink)}
.bbg-c.off{opacity:.35;cursor:not-allowed}
.bbg-c .bot{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--bb)}
.bbg-c.on .bot{background:var(--bb-ink)}
.bbg-more{display:block;width:calc(100% - 32px);margin:8px 16px 4px;min-height:40px;background:var(--panel-2);border:1px solid var(--line-2);border-radius:9px;
  color:var(--text);font-family:Archivo,sans-serif;font-weight:700;font-size:13px}
.bbg-more:hover{border-color:var(--bb)}
.bbg-keyline{display:flex;flex-wrap:wrap;gap:6px 14px;padding:10px 16px 14px;font-size:11.5px;color:var(--faint);border-top:1px solid var(--line);margin-top:6px}
.bbg-keyline i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.bbg-keyline .k-on{background:var(--bb)} .bbg-keyline .k-held{background:var(--bb-deep);border:1px solid var(--bb-line)} .bbg-keyline .k-bot{background:var(--bb);border-radius:50%;width:6px;height:6px;vertical-align:1px}
.tgk{font-family:Archivo,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--pos);border:1px solid rgba(103,204,149,.45);border-radius:4px;padding:0 5px;margin-right:4px}
.tgk.v{color:var(--model);border-color:rgba(232,185,92,.5)}

/* ideas, BetBot's picks */
.bbg-ideas{list-style:none;margin:0;padding:6px 0}
.bbg-idea{display:flex;align-items:center;gap:12px;padding:9px 16px}
.bbg-idea+.bbg-idea{border-top:1px solid #1c212b}
.bbg-idea .tg{flex:0 0 auto;font-family:Archivo,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.05em;color:var(--pos);border:1px solid rgba(103,204,149,.45);border-radius:5px;padding:2px 6px;min-width:46px;text-align:center}
.bbg-idea .tg.v{color:var(--model);border-color:rgba(232,185,92,.5)}
.bbg-idea .m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.bbg-idea .m b{font-family:Archivo,sans-serif;font-weight:700;font-size:13.5px}
.bbg-idea .m span{font-size:11.5px;color:var(--muted)}
.bbg-idea .m .g{color:var(--pos);font-weight:600}
.bbg-idea .od{font-family:Archivo,sans-serif;font-weight:800;font-size:13px;color:var(--muted);min-width:46px;text-align:right}
.bbg-idea.hid .m span{color:var(--faint)}
.bbg-idea .bbg-av.xs{margin-right:0;vertical-align:0}
.sk{display:block;height:10px;border-radius:5px;background:var(--line-2)}
.sk.s{height:8px;background:var(--line)}
.sk.b{width:64px;height:40px;border-radius:8px;flex:0 0 auto;background:var(--raised)}
.bbg-locked{position:relative}
.bbg-ideas.ghost{filter:blur(1.5px);opacity:.55;pointer-events:none}
.bbg-lock-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:16px;
  background:radial-gradient(ellipse at center,rgba(14,16,20,.92) 30%,rgba(14,16,20,.55) 100%)}
.bbg-lock-c b{font-family:Archivo,sans-serif;font-weight:800;font-size:16px}
.bbg-lock-c span{font-size:12.5px;color:var(--muted);max-width:40ch;line-height:1.5;margin-bottom:6px}
.bbg-lock-c small{font-size:11px;color:var(--faint)}
.bbg-mini{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:12px 16px 4px;font-size:12px;color:var(--muted)}
.bbg-mini b{font-family:Archivo,sans-serif;font-weight:900;font-size:20px}
.bbg-mini b.pos{color:var(--pos)} .bbg-mini b.neg{color:var(--neg)}

/* bets */
.bbg-bets{list-style:none;margin:0;padding:0}
.bbg-bet{display:flex;flex-wrap:wrap;align-items:center;column-gap:14px;row-gap:7px;padding:11px 16px}
.bbg-bet+.bbg-bet{border-top:1px solid #1c212b}
.bbg-bet .fx{flex:1 1 240px;min-width:0}
.bbg-bet .fx .a{font-family:Archivo,sans-serif;font-weight:700;font-size:13.5px}
.bbg-bet .fx .a .t{color:var(--faint);font-weight:600}
.bbg-bet .fx .b{color:var(--muted);font-size:12px}
.bbg-bet .rt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.bbg-bet .os{font-size:12px;color:var(--muted);white-space:nowrap}
.bbg-bet .os b{font-family:Archivo,sans-serif;font-weight:800;font-size:14px;color:var(--text)}
.bbg-legs{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.bbg-legs span{font-size:11px;color:var(--muted);background:var(--raised);border:1px solid var(--line);border-radius:6px;padding:1px 7px;white-space:nowrap}
.bbg-legs span.won{color:var(--pos);border-color:rgba(103,204,149,.35)}
.bbg-legs span.lost{color:var(--neg);border-color:rgba(224,118,137,.4)}
.bbg-st{font-family:Archivo,sans-serif;font-weight:800;font-size:11.5px;border-radius:6px;padding:2px 8px;white-space:nowrap;color:var(--muted);border:1px solid var(--line-2)}
.bbg-st.won{color:var(--pos);background:rgba(103,204,149,.1);border-color:rgba(103,204,149,.35)}
.bbg-st.lost{color:var(--neg);background:rgba(224,118,137,.08);border-color:rgba(224,118,137,.4)}
.bbg-cancel{background:none;border:0;color:var(--faint);font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:6px 2px}
@media (hover:hover){ .bbg-cancel:hover{color:var(--text)} }

/* portfolio + track record */
.bbg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
.bbg-stats>div{background:var(--panel);padding:13px 16px}
.bbg-stats .k{font-family:Archivo,sans-serif;font-weight:700;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
.bbg-stats .v{font-family:Archivo,sans-serif;font-weight:900;font-size:24px;line-height:1.1;margin-top:4px}
.bbg-stats .v.pos{color:var(--pos)} .bbg-stats .v.neg{color:var(--neg)}
.bbg-stats .v .of{font-size:13px;color:var(--muted);font-weight:700}
.bbg-stats .s{color:var(--faint);font-size:11.5px;margin-top:1px}
.bbg-chart{position:relative;margin:0;padding:14px 16px 8px;border-bottom:1px solid var(--line)}
.bbg-chart-k{display:flex;gap:14px;font-size:11.5px;color:var(--muted);margin-bottom:6px}
.bbg-chart-k i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:6px;vertical-align:3px}
.bbg-chart-k i.you{background:var(--text)} .bbg-chart-k i.bot{background:var(--bb)}
.bbg-plot{width:100%}
.bbg-chart svg{display:block;overflow:visible;touch-action:pan-y}
.bbg-chart .g{stroke:#1c212b;stroke-width:1}
.bbg-chart .zero{stroke:var(--line-2);stroke-width:1}
.bbg-chart .ax{fill:var(--faint);font:500 10.5px Inter,sans-serif}
.bbg-chart .ln{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.bbg-chart .ln.bb{stroke:var(--bb)} .bbg-chart .ln.you{stroke:var(--text)}
.bbg-chart .area{fill:rgba(63,200,224,.10)}
.bbg-chart .dot{stroke:var(--panel);stroke-width:2}
.bbg-chart .dot.bb{fill:var(--bb)} .bbg-chart .dot.you{fill:var(--text)}
.bbg-chart .xh{stroke:var(--line-2);stroke-width:1}
.bbg-chart figcaption{color:var(--faint);font-size:11px;margin-top:4px}
.bbg-tip{position:absolute;top:2px;z-index:2;pointer-events:none;background:var(--raised);border:1px solid var(--line-2);border-radius:8px;
  padding:6px 9px;font-size:11.5px;color:var(--muted);white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.bbg-tip b{display:block;color:var(--text);font-family:Archivo,sans-serif;font-weight:700;font-size:12px}
.bbg-rnds{list-style:none;margin:0;padding:0}
.bbg-rnd+.bbg-rnd{border-top:1px solid #1c212b}
.bbg-rnd-h{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto 14px;align-items:center;gap:12px;padding:11px 16px;
  background:none;border:0;color:var(--text);text-align:left;-webkit-tap-highlight-color:transparent}
@media (hover:hover){ .bbg-rnd-h:hover{background:var(--panel-2)} }
.bbg-rnd-h .a{font-family:Archivo,sans-serif;font-weight:700;font-size:13px;min-width:0}
.bbg-rnd-h .b{color:var(--muted);font-size:12px;white-space:nowrap}
.bbg-rnd-h .b b{font-family:Archivo,sans-serif;font-weight:800}
.bbg-rnd-h .b b.pos{color:var(--pos)} .bbg-rnd-h .b b.neg{color:var(--neg)} .bbg-rnd-h .b b.bb{color:var(--bb)}
.bbg-rnd-h .b .bbg-st{margin-left:4px;font-size:10.5px}
.bbg-rnd-h .p{font-family:Archivo,sans-serif;font-weight:800;font-size:13.5px;min-width:52px;text-align:right}
.bbg-rnd-h .p.pos{color:var(--pos)} .bbg-rnd-h .p.neg{color:var(--neg)}
.bbg-rnd-h .c{color:var(--faint);font-size:11px;transition:transform .15s}
.bbg-rnd.open .bbg-rnd-h .c{transform:rotate(180deg)}
.bbg-rnd-x{display:none;padding:0 16px 13px}
.bbg-rnd-x .bbg-bets{background:var(--bg);border:1px solid var(--line);border-radius:10px}
.bbg-rnd-x .bbg-bet{padding:9px 12px}
.bbg-rnd.open .bbg-rnd-x{display:block}
.bbg-tag{font-family:Inter,sans-serif;font-size:9.5px;font-weight:600;letter-spacing:.03em;color:var(--bb);border:1px solid var(--bb-line);
  border-radius:4px;padding:0 5px;line-height:15px;vertical-align:1px;white-space:nowrap}
.bbg-how{margin:0;padding:12px 16px 14px;color:var(--muted);font-size:12.5px;line-height:1.55;border-top:1px solid var(--line)}
.bbg-how b{color:var(--text);font-weight:600}
.bbg-acct{display:flex;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--line)}
.bbg-acct b{display:block;font-family:Archivo,sans-serif;font-weight:800;font-size:13.5px}
.bbg-acct span{font-size:11.5px;color:var(--faint)}
.bbg-acct .r{margin-left:auto;display:flex;gap:12px}

/* ---------- tablets ---------- */
@media (max-width:900px){
  .bbg-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bbg-bal{grid-template-columns:auto 1fr;}
  .bbg-bal .bbg-stack{grid-column:1/-1;grid-row:2}
  .bbg-bal .bbg-legend{grid-row:3}
  .bbg-bal .acts{grid-row:1;grid-column:2}
}
/* ---------- phones ---------- */
@media (max-width:760px){
  .bbg-pill{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:flex-start}
  .bbg-pill .r{margin-left:auto}
  .bbg-toast{left:12px;right:12px;bottom:calc(74px + env(safe-area-inset-bottom));max-width:none}
  .bbg-drawer{top:auto;left:0;width:100%;max-height:calc(100% - 56px);border-left:0;border-top:1px solid var(--line-2);
    border-radius:16px 16px 0 0;box-shadow:0 -16px 40px rgba(0,0,0,.55)}
  .bbg-drawer::before{display:none}
  .bbg-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--line-2);margin:9px auto 0;flex:0 0 auto}
  .bbg-dh{padding:10px 16px 10px}
  .bbg-top{padding:0 16px 12px}
  .bbg-mid{padding:12px 16px}
  .bbg-foot{padding:12px 16px max(16px,env(safe-area-inset-bottom))}
  .bbg-stake{grid-template-columns:38px 64px repeat(4,minmax(0,1fr))}
  .bbg-in,.bbg-q{min-height:42px}
  .bbg-text,.bbg-in,.bbg-search{font-size:16px}         /* 16px stops iOS zooming into the field */
  .overlay.bbg-ov{align-items:flex-end;padding:0}
  .modal.bbg-modal{max-width:none;border-radius:16px 16px 0 0;border-left:0;border-right:0;border-bottom:0;max-height:92vh}
  .bbg-modal .modal-body{padding-bottom:max(22px,env(safe-area-inset-bottom))}
  .bbg-odd .l{font-size:9px;letter-spacing:.02em}
  table.mk .bbg-tb{min-width:46px;padding:3px 6px;font-size:12px}

  .bbg-page{padding:12px 12px 96px;gap:12px}
  .bbg-hero{grid-template-columns:1fr;gap:14px;padding:2px 0 4px}
  .bbg-hero h2{margin:8px 0 8px}
  .bbg-hero p{font-size:14px}
  .bbg-hero p.lede{font-size:16.5px}
  .bbg-chips{margin:10px 0 12px}
  .bbg-cta-row .bbg-btn{flex:1}
  .bbg-score{padding:13px 14px 12px}
  .bbg-score .sides{margin:8px 0}
  .bbg-sec-h{flex-wrap:wrap;row-gap:4px;padding:11px 12px;min-height:58px}
  .bbg-sec-h h3{font-size:15px;white-space:normal}
  .bbg-sec-h .sum{order:5;width:100%;margin-left:44px;justify-content:flex-start;gap:2px 14px;flex-wrap:wrap}
  .bbg-sec-h .st b{font-size:14px}
  .bbg-sec-h .chev{margin-left:auto}
  .bbg-sec-h .st{flex-direction:row;align-items:baseline;gap:5px}
  .hide-s{display:none !important}
  .bbg-steps{grid-template-columns:1fr;padding:12px;gap:8px}
  .bbg-steps li{display:grid;grid-template-columns:64px 1fr;column-gap:12px;row-gap:2px;padding:12px}
  .bbg-steps .art{grid-row:1/3;height:auto;margin:0;justify-content:center;flex-direction:column;gap:4px}
  .bbg-steps .art .mini i{width:18px;height:22px;font-size:10px}
  .bbg-steps .no{top:8px;right:10px;font-size:18px}
  .bbg-eg{margin:0 12px 12px}
  .bbg-eg .eg-t th{font-size:9.5px;padding-left:6px}
  .bbg-eg .eg-t td{font-size:13px;padding-left:6px}
  .bbg-bal{grid-template-columns:1fr}
  .bbg-bal .bbg-stack,.bbg-bal .bbg-legend,.bbg-bal .acts{grid-column:1;grid-row:auto}
  .bbg-bal .acts .bbg-btn{flex:1}
  .bbg-rules{grid-template-columns:1fr;padding:0 12px 4px}
  .bbg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bbg-rnd-h{grid-template-columns:minmax(0,1fr) auto 14px;row-gap:2px;padding:11px 12px}
  .bbg-rnd-h .b{grid-column:1;grid-row:2;white-space:normal}
  .bbg-rnd-h .p{grid-column:2;grid-row:1/3}
  .bbg-rnd-h .c{grid-column:3;grid-row:1/3}
  .bbg-bet{padding:11px 12px}
  .bbg-bet .rt{justify-content:flex-start}
  .bbg-bal{padding:12px}
  .bbg-filt{padding:10px 12px 4px}
  .bbg-chiprow{margin:0 -12px;padding:0 12px}
  .bbg-bar{padding:10px 12px 2px}
  .bbg-seg.sm{width:100%}
  .bbg-lb table.tbl th:first-child,.bbg-lb table.tbl td:first-child{padding-left:12px}
  .bbg-lb table.tbl th:last-child,.bbg-lb table.tbl td:last-child{padding-right:12px}
  .bbg-idea{padding:9px 12px;gap:10px}
}
/* the coupon on narrow screens: teams on one line, the five prices full width under them */
@media (max-width:600px){
  .bbg-dayh .cols{display:none}
  .bbg-cr{flex-direction:column;align-items:stretch;gap:6px;padding:9px 12px}
  .bbg-cr .m{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0}
  .bbg-cr .m .w{white-space:nowrap;margin-left:auto}
  .bbg-cr .pr{display:grid;grid-template-columns:3fr 2fr;gap:8px}
  .bbg-cr .g{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px}
  .bbg-c{width:auto;min-height:42px}
  .bbg-c .l{display:block}
  .bbg-dayh{padding:12px 12px 4px}
}
@media (prefers-reduced-motion:no-preference){
  .bbg-drawer{animation:bbgIn .22s cubic-bezier(.2,.8,.2,1) both}
  @keyframes bbgIn{from{transform:translateX(24px);opacity:0}to{transform:none;opacity:1}}
  .bbg-toast{animation:ckUp .24s cubic-bezier(.2,.8,.2,1) both}
}
@media (prefers-reduced-motion:no-preference) and (max-width:760px){
  .bbg-drawer{animation:bbgUp .24s cubic-bezier(.2,.8,.2,1) both}
  @keyframes bbgUp{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
}

/* ---------- avatars ---------- */
.bbg-av.em{border-color:rgba(255,255,255,.08);font-size:17px;line-height:1}
.bbg-av.xs.em{font-size:12px}
.bbg-av.lg{width:52px;height:52px;border-radius:14px;font-size:22px}
.bbg-av.lg.em{font-size:28px}
.bbg-avs{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}
.bbg-avpick{aspect-ratio:1;border-radius:10px;border:2px solid transparent;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;
  padding:0;-webkit-tap-highlight-color:transparent;transition:transform .1s,border-color .1s}
.bbg-avpick:hover{transform:scale(1.06)}
.bbg-avpick.on{border-color:var(--bb);box-shadow:0 0 0 2px rgba(63,200,224,.25)}
.bbg-avpick.none{background:var(--raised);color:var(--muted);font-family:Archivo,sans-serif;font-weight:800;font-size:12px}
@media (max-width:480px){ .bbg-avs{grid-template-columns:repeat(6,minmax(0,1fr))} }
.bbg-avbtn{position:relative;background:none;border:0;padding:0;cursor:pointer;flex:0 0 auto}
.bbg-avbtn .ed{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  background:var(--bb);color:var(--bb-ink);border-radius:4px;padding:0 4px;line-height:13px}
/* ---------- leaderboard: players you can tap, and the full table ---------- */
.bbg-who{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:2px 0;color:inherit;font:inherit;font-weight:600;cursor:pointer;text-align:left;max-width:100%}
.bbg-who > span:not(.bbg-av):not(.you){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bbg-who .bbg-av.xs{margin:0}
@media (hover:hover){ .bbg-who:hover > span:not(.bbg-av):not(.you){text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--bb)} }
.bbg-who:focus-visible{outline:2px solid var(--bb);outline-offset:2px;border-radius:4px}
.bbg-lb tr.bot .bbg-who{color:var(--bb);font-family:Archivo,sans-serif;font-weight:800}
.bbg-lb-scroll{max-height:min(520px,65vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.bbg-lb-scroll thead th{position:sticky;top:0;background:var(--panel);z-index:1;box-shadow:0 1px 0 var(--line)}
/* ---------- a player's profile ---------- */
.modal.bbg-modal.wide{max-width:600px}
.bbg-ph-top{display:flex;align-items:center;gap:12px;min-width:0}
.bbg-prof{gap:12px;padding-left:0;padding-right:0}
.bbg-prof .bbg-stats{border-top:1px solid var(--line);margin-top:-8px}
.bbg-prof .bbg-note{padding:0 22px}
.bbg-prof .bbg-rnd-x .q{padding:8px 2px 0}
.bbg-prof .bbg-empty.sm{margin:0 22px}
@media (max-width:760px){ .bbg-prof .bbg-note{padding:0 16px} .bbg-prof .bbg-empty.sm{margin:0 16px} }
.bbg-legs span.hid{font-style:italic;color:var(--faint)}