/* bb-oddsx - the /odds console in the site's broadcast look (design lane, 16-Oct-2026). Source: C:\BetBetter_Logs\odds_redesign_20261016\mk_oddsx.py + oddsx.hand.css. Never edit the minted file; re-mint. */
/* ---- 1. RECOLOUR (generated by mk_oddsx.py from bb-oddst.4d6e2098.css, bb-oddst-scenes.8bd4913a.css, bb-oddst-live.4316ce91.css): 203 rules, 272 values; gold -> site blue, loss reds -> grey */
.obt-gch .gstar{color:var(--bbx-bluet) !important}
.obt-tn.q{background:var(--bbx-blue) !important}
.obt-tn.o{background:rgba(128,140,160,.38) !important}
.obt-chip.hi{color:var(--bbx-bluet) !important;border-color:rgba(59,130,246,.35) !important}
.obt-crumb .ko{color:var(--bbx-bluet) !important}
.obt-movers .tag{color:var(--bbx-bluet) !important}
.obt-slipbar .sgp{color:var(--bbx-bluet) !important;border:1px solid rgba(59,130,246,.35) !important}
.gcap.l{background:rgba(128,140,160,.14) !important;color:var(--ink-faint,#7D8BA0) !important;border:1px solid rgba(128,140,160,.35) !important}
.gcap.d{background:rgba(59,130,246,.12) !important;color:#60A5FA !important;border:1px solid rgba(59,130,246,.3) !important}
.gsq.out{background:rgba(128,140,160,.14) !important;color:var(--ink-faint,#7D8BA0) !important;border-color:rgba(128,140,160,.4) !important}
.gsq.q{background:rgba(59,130,246,.1) !important;color:var(--bbx-bluet) !important;border-color:rgba(59,130,246,.35) !important}
.obt-case.ag{border-color:rgba(128,140,160,.55) !important}
.obt-case.ag b{color:var(--ink-faint,#7D8BA0) !important}
.obt-case.fl{border-color:rgba(59,130,246,.5) !important}
.obt-case.fl b{color:var(--bbx-bluet) !important}
.obt-pstreak{color:var(--bbx-bluet) !important}
.obt-ctl.on{border-color:var(--bbx-blue) !important;color:var(--bbx-bluet) !important}
@media(max-width:899px){.obt-gamehead .obt-star2.on{color:var(--bbx-bluet) !important}}
.gtb{background:var(--acc,#2563EB) !important}
.obt-shopbk{color:var(--bbx-bluet) !important}
.obt-movers .tag-pl{color:#60A5FA !important}
.obt-gch .gstar.on{color:var(--bbx-bluet) !important}
.simgrid .s2,.simleg .s2{background:rgba(128,140,160,.38) !important}
#obtBar .slot.proc-red{color:var(--ink-faint,#7D8BA0) !important}
#obtBar .slot.proc-gold{color:var(--bbx-bluet) !important}
#obtBar .slot.pinned .k{color:var(--bbx-bluet) !important}
.tmrow em.dn{color:var(--ink-faint,#7D8BA0) !important}
.obt-tile.proc-red{box-shadow:inset 3px 0 0 rgba(128,140,160,.38) !important}
.obt-tile.proc-gold{box-shadow:inset 3px 0 0 var(--bbx-blue) !important}
#obtBar .jstage.proc-red .jn{border-color:rgba(128,140,160,.38) !important;color:var(--ink-faint,#7D8BA0) !important}
#obtBar .jstage.proc-gold .jn{border-color:var(--bbx-blue) !important;color:var(--bbx-bluet) !important}
#obtRailFoot .rleg .rx:hover{color:var(--ink-faint,#7D8BA0) !important}
#obtBar .jstage.proc-red .jn{border-color:rgba(128,140,160,.38) !important;box-shadow:0 0 8px rgba(128,140,160,.6) !important}
#obtBar .jstage.proc-gold .jn{border-color:#2563EB !important;color:#60A5FA !important;box-shadow:0 0 8px rgba(59,130,246,.55) !important}
#obtBar{--hgold:#3B82F6 !important}
#obtBar .jstage .jc{border:1px solid var(--bbx-blue) !important;color:var(--bbx-bluet) !important;text-shadow:0 0 6px var(--bbx-blue) !important;box-shadow:0 0 8px rgba(59,130,246,.45) !important}
#obtBar .jstage.seen{border-color:rgba(59,130,246,.55) !important;box-shadow:0 0 12px rgba(59,130,246,.13),inset 0 0 18px rgba(59,130,246,.05) !important}
#obtBar .jstage.seen .jn{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.45),rgba(36,24,4,.92) 70%) !important;border-color:var(--bbx-blue) !important;color:var(--bbx-bluet) !important;text-shadow:0 0 8px var(--bbx-blue) !important;box-shadow:0 0 10px rgba(59,130,246,.45) !important}
#obtBar .jstage.seen b{color:var(--bbx-bluet) !important;text-shadow:0 0 8px rgba(59,130,246,.65) !important}
#obtBar .jstage.seen .jg{border-color:rgba(59,130,246,.4) !important;box-shadow:inset 0 0 12px rgba(59,130,246,.1) !important;color:var(--bbx-bluet) !important}
#obtBar .jstage.seen::after{background:linear-gradient(180deg,rgba(59,130,246,.22),transparent) !important}
#obtBar .jstage.proc-red{border-color:rgba(128,140,160,.7) !important;box-shadow:0 0 16px rgba(128,140,160,.35),inset 0 0 18px rgba(128,140,160,.08) !important}
#obtBar .jstage.proc-red .jn{border-color:rgba(128,140,160,.38) !important;text-shadow:0 0 8px rgba(128,140,160,.38) !important;box-shadow:0 0 10px rgba(128,140,160,.5) !important}
#obtBar .jstage.proc-gold{border-color:rgba(59,130,246,.75) !important}
#obtBar .jstage.proc-gold .jn{border-color:#2563EB !important;color:#60A5FA !important;text-shadow:0 0 8px #2563EB !important}
.obt-prow.p2 .obt-pfire{color:var(--bbx-bluet) !important}
:root[data-theme="light"] #obtBar .jstage .jc{border-color:#2563EB !important;color:#1D4ED8 !important}
:root[data-theme="light"] #obtBar .jstage.seen{border-color:rgba(59,130,246,.45) !important}
:root[data-theme="light"] #obtBar .jstage.seen .jn{border-color:#2563EB !important;color:#1D4ED8 !important}
:root[data-theme="light"] #obtBar .jstage.seen b{color:#1D4ED8 !important}
:root[data-theme="light"] #obtBar .jstage.seen .jg{border-color:rgba(59,130,246,.35) !important;color:#1D4ED8 !important}
:root[data-theme="light"] #obtBar .jstage.seen::after{background:linear-gradient(180deg,rgba(59,130,246,.14),transparent) !important}
:root[data-theme="light"] #obtBar .jstage.proc-red{border-color:rgba(128,140,160,.55) !important;box-shadow:0 2px 10px rgba(128,140,160,.16) !important}
:root[data-theme="light"] #obtBar .jstage.proc-red .jn{border-color:rgba(128,140,160,.38) !important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage .jc{border-color:#2563EB !important;color:#1D4ED8 !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.seen{border-color:rgba(59,130,246,.45) !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.seen .jn{border-color:#2563EB !important;color:#1D4ED8 !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.seen b{color:#1D4ED8 !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.seen .jg{border-color:rgba(59,130,246,.35) !important;color:#1D4ED8 !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.seen::after{background:linear-gradient(180deg,rgba(59,130,246,.14),transparent) !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.proc-red{border-color:rgba(128,140,160,.55) !important;box-shadow:0 2px 10px rgba(128,140,160,.16) !important}}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]):not([data-theme="light"]) #obtBar .jstage.proc-red .jn{border-color:rgba(128,140,160,.38) !important}}
.injc.que{border-left-color:#2563EB !important}
.injc.out{border-left-color:rgba(128,140,160,.38) !important}
.obt-quiet.lock{border-color:var(--bbx-blue) !important}
.obt-co.warn{border-left:3px solid var(--bbx-blue) !important}
.obt-qg .c.cold{box-shadow:inset 0 -3px 0 rgba(128,140,160,.38) !important}
.obt-rr span.r{color:var(--ink-faint,#7D8BA0) !important}
.obt-mu .hd .b{color:var(--bbx-bluet) !important}
.obt-mu .r b.b{color:var(--bbx-bluet) !important}
.obt-mu .bars i.b{background:var(--bbx-blue) !important}
.obt-mu .meet b.b{color:var(--bbx-bluet) !important}
.obt-mu .r1 b.b{color:var(--bbx-bluet) !important}
.obt-bench b.out{color:var(--ink-faint,#7D8BA0) !important}
.obt-mp .vs .r b.b{color:var(--bbx-bluet) !important}
.obt-mp .vs .bars i.b{background:var(--bbx-blue) !important}
.obt-sg .sgr em{color:var(--bbx-bluet) !important}
.obt-rollup.w{color:var(--bbx-bluet) !important}
:root[data-theme="light"] .obt-rollup.w{color:var(--bbx-bluet) !important}
.obt-callline .st{color:var(--bbx-bluet) !important}
.obt-callline .wtake.mini{color:var(--bbx-bluet) !important;border:1px solid rgba(59,130,246,.5) !important}
.obt-lc.lc2 .w .mn,.obt-lc.lc2 .w .st{color:var(--bbx-bluet) !important}
.obt-lc.lc2.star{border-color:rgba(59,130,246,.5) !important}
.obt-build.v37 .condw .crow em.watch{color:var(--bbx-bluet) !important}
html[data-theme="light"] .obt-ghead,html[data-theme="light"] .obt-gamehead,html[data-theme="light"] .hr1,html[data-theme="light"] .hr2,html[data-theme="light"] #obtStage{--gold:#2563EB !important}
.obt-page .bbsw-c:focus-visible{outline:2px solid var(--bbsw-ac,var(--bbx-blue)) !important}
.obt-page .bbsw-c.on{background:var(--bbsw-ac,var(--bbx-blue)) !important;border-color:var(--bbsw-ac,var(--bbx-blue)) !important}
.obt-page .bbsw-arw:focus-visible{outline:2px solid var(--bbsw-ac,var(--bbx-blue)) !important}
:root[data-theme="light"] .obt-page .bbsw-c.on{background:var(--bbsw-ac,var(--bbx-blue)) !important;border-color:var(--bbsw-ac,var(--bbx-blue)) !important}
.obt-page .obt-app .bbw44-pill .bbw44-px{color:var(--ui-gold, #60A5FA) !important}
.obt-page .obt-app .bbw44-track{background:var(--ui-gold, #2563EB) !important;color:#fff !important}
.obt-page .obt-app #bbSwMk .bbsw-c.bbsw-mk.on{border-bottom-color:var(--ui-gold, #2563EB) !important}
@media (max-width: 899px){.obt-page .obt-app.bbch-game:not([data-scr="board"]){--w47-gold:var(--bbx-blue) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game:not([data-scr="board"]) .obt-top #bbSwLg .bbsw-c.on::before{background:var(--bbx-blue) !important;border-color:var(--bbx-blue) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game:not([data-scr="board"]) #obtStage .obt-wsid.phh .bbh > .bbsw-arw{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game:not([data-scr="board"]) #obtStage .obt-pickrow > #bbW44bet .bbw44-px{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game:not([data-scr="board"]) #obtStage .obt-pickrow > #bbchPhoneTrack.bbch-act.solid.bbch-ptrack{background:var(--bbx-blue) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game.bbw47-min:not([data-scr="board"]) #obtStage .obt-wsid.phh #bbW47Mini .bbw47-mc .bbw47-mp{color:var(--bbx-bluet) !important}}
.obt-page .obt-app.bbw47g{--bbw47-gold:var(--bbx-blue) !important;--bbw47-live:rgba(128,140,160,.38) !important}
@media (min-width: 900px){.obt-page .obt-app.bbw47g.bbch-game .obt-deck .obt-gamescol #obtMkt button.on{box-shadow:inset 0 -2px 0 var(--bbx-blue) !important}}
@media (min-width: 900px){.obt-page .obt-app.bbw47g.bbch-game .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gch > .bb-mine73{color:var(--bbx-bluet) !important;border:1px solid rgba(59,130,246,.45) !important;background:rgba(59,130,246,.08) !important}}
@media (min-width: 900px){.obt-page .obt-app.bbw47g.bbch-game .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gch > .gstar.on{color:var(--bbx-bluet) !important}}
@media (min-width: 900px){.obt-page .obt-app.bbw47g.bbch-game .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp{color:var(--bbx-bluet) !important}}
@media (min-width: 900px){.obt-page .obt-app.bbw47g.bbch-game .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp::after{color:var(--bbx-bluet) !important}}
@media (min-width: 900px){.obt-page .obt-app.bbw47g.bbch-game .obt-deck #obtRows .obt-day .bbw47-dg{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gch > .bb-mine73{color:var(--bbx-bluet) !important;border:1px solid rgba(59,130,246,.45) !important;background:rgba(59,130,246,.08) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gch > .gstar.on{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp::after{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-day .bbw47-dg{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g[data-scr="board"] #obtRail .obt-lg.on{background:var(--bbx-blue) !important;border-color:var(--bbx-blue) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbw47g .obt-deck .obt-gamescol #obtMkt button.on{border-bottom-color:var(--bbx-blue) !important}}
:root{--w48-gold:#3B82F6 !important;--w48-miss:rgba(128,140,160,.38) !important}
.r9o.w48r .w48-seg > button.on{box-shadow:inset 0 -2px 0 var(--bbx-blue) !important}
.r9o.w48r .w48-seg > button:focus-visible{outline:2px solid var(--bbx-blue) !important}
.r9o.w48r .w48-pill .w48-px{color:var(--bbx-bluet) !important}
.r9o.w48r .w48-rrow .be, .r9o.w48r .w48-pk .be{color:var(--bbx-bluet) !important}
.r9o.w48r .w48-strip i{background:rgba(128,140,160,.45) !important}
.r9o.w48r .w48-strip i.need:after{background:var(--bbx-blue) !important}
.r9o.w48r .w48-ticks i.l{background:rgba(128,140,160,.2) !important}
.r9o.w48r .qr .qc{border:1px solid rgba(59,130,246,.55) !important;background:rgba(59,130,246,.06) !important}
.r9o.w48r .qr .qc:focus-visible{outline:2px solid var(--bbx-blue) !important}
.r9o.w48r .r9o-in .snd{background:var(--bbx-blue) !important}
.r9o.w48r .r9c-eg .msg.me .txt{background:rgba(59,130,246,.08) !important;border:1px solid rgba(59,130,246,.5) !important}
.r9o.w48r .w48-more{color:var(--bbx-bluet) !important}
.r9o.w48r .r9cta{background:var(--bbx-blue) !important}
.r9o.w48r .w48-hero .w48-hr b{color:var(--bbx-bluet) !important}
.r9o.w48r .w48-filt button:focus-visible{outline:2px solid var(--bbx-blue) !important}
.r9o.w48r .w48-st.lost .t{background:rgba(128,140,160,.2) !important}
.r9o.w48r .w48-doors > button:focus-visible, .r9o.w48r .w48-dr > summary:focus-visible{outline:2px solid var(--bbx-blue) !important}
.r9o.w48r .w48-two .setl button{background:var(--bbx-blue) !important}
html[data-theme="light"] .obt-page .obt-app.bbw47g{--bbw47-gold:#3B82F6 !important}
html[data-theme="light"] .obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp{color:#60A5FA !important}
html[data-theme="light"] .obt-page .obt-app #bbSwMk .bbsw-c.bbsw-mk.on,
html[data-theme="light"] .obt-page .obt-app #bbSwMk .bbsw-c.bbsw-mk.on b{border-bottom-color:#2563EB !important}
html[data-theme="light"] .r9o.w48r .qr .qc{border-color:#2563EB !important;background:rgba(59,130,246,.08) !important}
html[data-theme="light"] .r9o.w48r .qr .qc .r9-chipq{color:#1D4ED8 !important}
@media (max-width: 899px){html[data-theme="light"] .obt-page .obt-app.bbch-game:not([data-scr="board"]){--w47-gold:#3B82F6 !important}}
@media (max-width: 899px){html[data-theme="light"] .obt-page .obt-app.bbw47g .obt-deck .obt-gamescol #obtMkt button.on{border-bottom-color:#2563EB !important}}
html[data-theme="light"] #obtStage{--r9-miss:rgba(128,140,160,.38) !important}
@media (max-width: 899px){.obt-page .obt-app.bbch-game #obtBar .jstage.on{--bbch-onbg:var(--bbx-blue) !important;background:var(--bbx-blue) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game #obtBar .bbask, #obtBar .bbask{border:1px solid rgba(59,130,246,.55) !important;background:rgba(59,130,246,.10) !important;color:var(--bbx-bluet) !important}}
@media (max-width: 899px){#obtBar .bbask[data-new]{background:var(--bbx-blue) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game #obtBar #bbAskSeat{border:1px solid rgba(59,130,246,.55) !important;background:rgba(59,130,246,.10) !important;color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game #obtBar #bbAskSeat .bbch-lb, .obt-page .obt-app.bbch-game #obtBar #bbAskSeat b{color:var(--bbx-bluet) !important}}
@media (max-width: 899px){.obt-page .obt-app.bbch-game #obtBar #bbAskSeat[data-new="1"]{background:var(--bbx-blue) !important}}
@media (min-width: 900px){.obt-page .obt-app .obt-top .tb-modes a.on, .obt-page .obt-app .obt-top .tb-modes button.on{background:var(--bbx-blue) !important}}
html[data-theme="light"] .r9o.w48r, html[data-theme="light"] .r9o.w48r.r9o-ph{--w48-gold:#2563EB !important}
html[data-theme="light"] .obt-page .obt-app.bbw47g .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp{color:#1D4ED8 !important}
html[data-theme="light"] .obt-page .obt-app.bbw47g.bbch-game .obt-deck .obt-gamescol #obtMkt button.on,
html[data-theme="light"] .obt-page .obt-app.bbw47g .obt-deck .obt-gamescol #obtMkt button.on{box-shadow:inset 0 -2px 0 #2563EB !important}
html[data-theme="light"] .obt-page .obt-app.bbw47g.bbch-game .obt-deck #obtRows .obt-row.bbw47g-row[data-bbw47="1"] > .obt-gside > .sp{color:#1D4ED8 !important}
html[data-theme="light"] .obt-page .obt-app #bbW44bet .bbw44-pill .bbw44-px{color:#1D4ED8 !important}
@media (max-width: 899px){html[data-theme="light"] .obt-page .obt-app.bbch-game #obtBar .jstage.on{background:var(--bbx-blue) !important}}
@media (max-width: 899px){html[data-theme="light"] .obt-page .obt-app.bbch-game #obtBar #bbAskSeat{color:#1D4ED8 !important;border-color:rgba(59,130,246,.6) !important;background:rgba(59,130,246,.14) !important}}
@media (max-width: 899px){html[data-theme="light"] .obt-page .obt-app.bbch-game #obtBar #bbAskSeat .bbch-lb, html[data-theme="light"] .obt-page .obt-app.bbch-game #obtBar #bbAskSeat b{color:#1D4ED8 !important}}
@media (min-width: 900px){html[data-theme="light"] .obt-page .obt-app .obt-top .tb-modes a.on, html[data-theme="light"] .obt-page .obt-app .obt-top .tb-modes button.on{background:var(--bbx-blue) !important}}
html[data-theme="light"] .r9o.w48r .w48-seg > button.on{box-shadow:inset 0 -2px 0 #2563EB !important}
html[data-theme="light"] .obt-page .obt-app.bbch-game:not([data-scr="board"]) #obtStage .obt-pickrow > #bbW44bet .bbw44-px, html[data-theme="light"] .obt-page .obt-app .bbw44-pill .bbw44-px{color:#1D4ED8 !important}
.obt-page #bbSwMk .bbsw-chev{border:1px solid rgba(59,130,246,.35) !important;color:var(--bbx-bluet) !important}
.obt-page #bbSwMk .bbsw-chev:hover{background:rgba(59,130,246,.10) !important}
html[data-theme="light"] .obt-page #bbSwMk .bbsw-chev{color:#1D4ED8 !important;border-color:rgba(59,130,246,.45) !important}
html[data-theme="light"] .r9o.w48r .r9c-eg .msg.me .txt p{color:#1D4ED8 !important}
html[data-theme="light"] .r9o.w48r .r9cta, html[data-theme="light"] .r9o.w48r .r9cta.r9cta-split{background:#2563EB !important;color:#fff !important}
.r9-row .bar i.o{background:var(--bbx-blue) !important}
.r9-row .bar i.r{background:rgba(128,140,160,.38) !important}
.r9-heat .c.r1{background:rgba(128,140,160,.32) !important}
.r9-heat .c.r2{background:rgba(128,140,160,.16) !important}
.r9-list .st.out{color:var(--ink-faint,#7D8BA0) !important;border-color:rgba(128,140,160,.5) !important}
.r9-list .st.q{color:var(--bbx-bluet) !important;border-color:rgba(59,130,246,.5) !important}
.r9-legend i.o{background:var(--bbx-blue) !important}
.r9-dg span.out{color:var(--ink-faint,#7D8BA0) !important}
.r9-dg span.q{color:var(--bbx-bluet) !important}
.r9-head .pro{color:var(--bbx-bluet) !important;border:1px solid rgba(59,130,246,.5) !important}
#obtTiles.r9-pbi .obt-tile.r9t.wait .hl{color:var(--bbx-bluet) !important}
.obt-tile.t-you{--acc:var(--bbx-blue) !important}
.r9-pbi-mobile .obt-tile.r9t.wait .hl{color:var(--bbx-bluet) !important}
.r9-pbi-title{color:var(--bbx-bluet) !important}
.r9-pbi-title em{border:1px solid rgba(59,130,246,.55) !important;color:var(--bbx-bluet) !important}
#obtTiles.r9-spot{outline:2px solid var(--bbx-blue) !important}
#obtBar .u-you i{color:var(--bbx-bluet) !important}
.r9x-read .v.y{color:var(--bbx-bluet) !important}
.r9x-read .v.r{color:var(--ink-faint,#7D8BA0) !important}
.r9x-tab.on{border-bottom-color:var(--bbx-blue) !important}
.r9x-row.me .l:before{background:var(--bbx-blue) !important}
.r9x-row .m.r{color:var(--ink-faint,#7D8BA0) !important}
.r9x-row .tag.leak{color:var(--ink-faint,#7D8BA0) !important}
.r9x-foot:before{background:var(--bbx-blue) !important}
.r9x-note i{background:var(--bbx-blue) !important}
.r9x-note.tilt i{background:rgba(128,140,160,.38) !important}
.r9x-note.pace i{background:var(--bbx-blue) !important}
.r9x-msg.a{border-left:2px solid var(--bbx-blue) !important}
.r9x-week .track i{background:var(--bbx-blue) !important}
html[data-theme="light"] #obtStage,
:root:not([data-theme="dark"]):not([data-theme="light"]) #obtStage{--gold:#2563EB !important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) #obtStage{--gold:#2563EB !important}}
.r9-table .ls{color:var(--ink-faint,#7D8BA0) !important}
html[data-theme="light"] .r9-table .ls,:root:not([data-theme="dark"]):not([data-theme="light"]) .r9-table .ls{color:var(--ink-faint,#7D8BA0) !important}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]) .r9-table .ls{color:var(--ink-faint,#7D8BA0) !important}}
.bbs{--bbs-l:rgba(128,140,160,.38) !important}
html[data-theme="light"] .bbs{--bbs-l:rgba(128,140,160,.38) !important}
.r9d-dot{background:var(--acc, var(--bbx-blue))) !important}
:root{--r9-miss:rgba(128,140,160,.38) !important}
#obtStage .r9-table .r9-no{background:rgba(128,140,160,.22) !important}
#obtStage .r9-cln{border-top:1.5px dashed var(--bbx-blue) !important}
#obtStage .r9-cln u{color:var(--bbx-bluet) !important}

/* ---- 2. HAND */
/* ==================================================================================================================
   THE BROADCAST LOOK ON /odds (DESIGN_RULEBOOK sections 1-5). Every selector starts at body.bb-odds-page so it only
   ever touches this page; !important because the console's own sheets carry ~2,300 of them.
   Theme: the console sets data-theme on <html> itself (dark unless the reader chose light), so two states only.
   ================================================================================================================== */
body.bb-odds-page{
  --bbx-blue:#3B82F6;--bbx-bluet:#60A5FA;--bbx-btn:#2563EB;--bbx-btnh:#1D4ED8;--bbx-black:#05070B;--bbx-bar:#1B2230;
  --bbx-bdim:#8A96AA;--bbx-blt:#DBE7FF;--bbx-chip:#0E1420;--bbx-money:#34D399;--bbx-wash:rgba(59,130,246,.14);
  --bbx-disp:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--bbx-plate:#fff;--bbx-hh:117px;
}
html[data-theme="light"] body.bb-odds-page{--bbx-blue:#2563EB;--bbx-bluet:#1D4ED8;--bbx-money:#0B7D4F;--bbx-wash:rgba(37,99,235,.08)}

/* ---- 1. the site header (navbar 4) is back on top; the games row stays off (the console IS the games) ---------- */
body.bb-odds-page .site-top{display:block !important;position:relative !important;top:auto !important;z-index:60 !important}
body.bb-odds-page .site-top #pnlGamesStrip{display:none !important}
body.bb-odds-page .site-top header.main-header{display:grid !important}
body.bb-odds-page .main-header .nav-links a[href$="/odds"]{color:var(--ink) !important;border-bottom-color:#2563EB !important}
/* the console layer starts under the header; the helper script writes --bbx-hh (the header's real height) */
body.bb-odds-page .obt-page{top:var(--bbx-hh,0px) !important}
@media (min-width:900px){
  body.bb-odds-page #obtStage .obt-bento.r9-grid.r9-v2 .r9-pane{height:calc(100vh - var(--bbx-hh,0px) - var(--bb-headh,120px) - var(--bb-barh,56px) - var(--bb-rulh,142px)) !important}
}

/* ---- 2. the console's top bar = the black broadcast strip (Day, Your apps, Find, Menu). On desktop the header above
          carries the logo, the site links and Log in, so the console's copies stand down there. ------------------- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top{background:var(--bbx-black) !important;border-bottom:1px solid var(--bbx-bar) !important;color:#fff !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-day,
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-it,
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-ini{background:var(--bbx-black) !important;border:1px solid var(--bbx-bar) !important;border-radius:12px !important;color:var(--bbx-blt) !important;font-weight:600 !important;font-family:var(--ui) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-day *,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-it *,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-ini *{color:inherit !important;background:transparent !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-find,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top #bbtFind{border:0 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-day:hover,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-it:hover,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-ini:hover{border-color:#2A3446 !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .obt-home span{font-weight:800 !important;font-family:var(--ui) !important;letter-spacing:.04em !important;text-transform:uppercase !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-modes button,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-modes a{background:transparent !important;color:var(--bbx-bdim) !important;border-radius:10px !important;font-weight:700 !important;font-family:var(--ui) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-modes .on{background:#2563EB !important;color:#fff !important}
html[data-theme="light"] body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .obt-home .bbm{filter:none !important}
@media (min-width:900px){
  body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .obt-home,
  body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .tb-modes,
  body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top #bbWayIn{display:none !important}
}

/* ---- 3. the league chips (black strip under the top bar on a game) ------------------------------------------- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg{background:var(--bbx-black) !important;border-color:var(--bbx-bar) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c{background:var(--bbx-chip) !important;color:var(--bbx-blt) !important;border:0 !important;border-radius:999px !important;font-weight:700 !important;font-family:var(--ui) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c b{color:inherit !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c .bbsw-n{color:var(--bbx-bdim) !important;font-family:var(--mono) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c.on,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c[aria-pressed="true"],body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c[aria-current]{background:#2563EB !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c.on .bbsw-n{color:var(--bbx-blt) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwLg .bbsw-c img{background:var(--bbx-plate) !important;border-radius:50% !important;padding:2px !important;box-sizing:border-box !important}
/* the old league rail (desktop board) */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtRail .obt-lg{border-radius:12px !important;font-weight:700 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtRail .obt-lg.on{background:#2563EB !important;color:#fff !important;border-color:#2563EB !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtRail .obt-lg img{background:var(--bbx-plate) !important;border-radius:50% !important;padding:2px !important}

/* ---- 4. the board column: black group bar, segmented market switch, day labels, game cards, green money ------ */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbchHdG,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-lghd{background:var(--bbx-black) !important;color:#fff !important;border-radius:14px 14px 0 0 !important;border:0 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-lghd b{font:italic 900 24px/1 var(--bbx-disp) !important;text-transform:uppercase !important;letter-spacing:.01em !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-lghd span,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-lghd small,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-lghd i{color:var(--bbx-bdim) !important;font-family:var(--mono) !important;font-style:normal !important;letter-spacing:.04em !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-lghd img{background:var(--bbx-plate) !important;border-radius:50% !important;padding:3px !important;box-sizing:border-box !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtMkt.obt-seg{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:0 0 14px 14px !important;padding:4px !important;gap:4px !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtMkt.obt-seg button{border-radius:10px !important;font-weight:700 !important;font-family:var(--ui) !important;color:var(--ink-dim) !important;background:transparent !important;box-shadow:none !important;border:0 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtMkt.obt-seg button.on{background:var(--bbx-black) !important;color:#fff !important}
html[data-theme="light"] body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtMkt.obt-seg button.on{background:#111827 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-day b{font:800 11.5px/1.3 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-day,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-day span,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-day i,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-day em{color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-day > :last-child:not(:first-child){font:800 10.5px var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:12px !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc:hover{border-color:var(--line-strong) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc.sel,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc.on,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc[aria-current]{border-color:var(--bbx-blue) !important;box-shadow:0 0 0 1px var(--bbx-blue) inset !important;background:linear-gradient(var(--bbx-wash),var(--bbx-wash)),var(--panel) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc::before,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-row.obt-gc::after{background:transparent !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-gside .nm{font:700 14px/1.2 var(--ui) !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-gside .sp{color:var(--bbx-money) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-gside .sp::after{color:var(--bbx-money) !important;font-family:var(--mono) !important;font-weight:800 !important;font-variant-numeric:tabular-nums !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-gside img{background:var(--bbx-plate) !important;border-radius:50% !important;padding:2px !important;box-sizing:border-box !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbw47-ko,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-gch b{font-family:var(--mono) !important;font-variant-numeric:tabular-nums !important;color:var(--ink) !important}

/* "Tonight's one thing" = a small broadcast ticket */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtHeroM.obt-heromini{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:16px !important;margin:10px 10px 4px !important;padding:0 14px 12px !important;overflow:hidden !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtHeroM .k{display:block !important;margin:0 -14px 10px !important;padding:8px 26px 8px 14px !important;background:var(--bbx-black) !important;color:#fff !important;font:italic 900 15px/1 var(--bbx-disp) !important;text-transform:uppercase !important;letter-spacing:.06em !important;background-image:linear-gradient(100deg,#2563EB 0 62%,transparent 62.2%) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtHeroM b:first-of-type{display:block !important;font:italic 900 26px/.92 var(--bbx-disp) !important;text-transform:uppercase !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtHeroM b + b,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtHeroM b:last-of-type:not(:first-of-type){color:var(--bbx-money) !important;font:800 15px var(--mono) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtHeroM .r{display:inline-flex !important;align-items:center !important;margin-top:8px !important;padding:6px 12px !important;border-radius:10px !important;background:#2563EB !important;color:#fff !important;font-weight:700 !important;font-family:var(--ui) !important;text-decoration:none !important}

/* ---- 5. the game band = black broadcast bar, crests on white plates, display names; club colours stay as edges -- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .hr1{background:var(--bbx-black) !important;color:#fff !important;border-radius:16px !important;border:0 !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .hr1 .tm b,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-side .tm b{font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;font-size:min(calc(var(--bbch-nm,18px) * 1.55),34px) !important;line-height:.95 !important;text-transform:uppercase !important;letter-spacing:0 !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-side img{background:var(--bbx-plate) !important;border-radius:50% !important;padding:5px !important;box-sizing:border-box !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-mid,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-mid i,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-ko{color:var(--bbx-bdim) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-ko .mid,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bbch-ko b{font-family:var(--mono) !important;letter-spacing:.04em !important;color:var(--bbx-blt) !important}
/* the bet on screen ("Cardinals to win  $10 gets $76.90") */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbW44bet .bbw44-pill{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:12px !important;color:var(--ink) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbW44bet .bbw44-pill b{font:italic 900 20px/1 var(--bbx-disp) !important;text-transform:uppercase !important;color:var(--ink) !important;letter-spacing:.01em !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbW44bet .bbw44-px{color:var(--bbx-money) !important;font:800 15px var(--mono) !important}
/* market tabs + the selection box */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk .bbsw-c.bbsw-mk{background:transparent !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;color:var(--ink-dim) !important;font-weight:700 !important;font-family:var(--ui) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk .bbsw-c.bbsw-mk b{color:inherit !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk .bbsw-c.bbsw-mk.on{color:var(--ink) !important;border-bottom-color:var(--bbx-blue) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk select.obt-ssel,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk .obt-ddw{border-radius:10px !important;border-color:var(--line-strong) !important;font-weight:600 !important;font-family:var(--ui) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk .bbsw-chev,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #bbSwMk .bbsw-arr{border-radius:10px !important;border-color:var(--line-strong) !important;color:var(--ink) !important;background:transparent !important}

/* ---- 6. the five stops + Share / Track it ------------------------------------------------------------------- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop{border-radius:10px !important;font-weight:700 !important;font-family:var(--ui) !important;color:var(--ink-dim) !important;background:transparent !important;border:0 !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop.on{background:var(--bbx-black) !important;color:#fff !important}
html[data-theme="light"] body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop.on{background:#111827 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop.on svg,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop.on i{color:#60A5FA !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop::after,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-tabs.r9-stops .r9-stop.on::after{background:transparent !important;border:0 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-act{border-radius:12px !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-act:not(.solid){font-weight:700 !important;font-family:var(--ui) !important;background:transparent !important;border:1px solid var(--line-strong) !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-act.solid{background:#2563EB !important;border-color:#2563EB !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-act.solid:not(.bbch-ptrack){color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-ptrack::before,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-ptrack::after{color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbch-act.solid:hover{background:#1D4ED8 !important}

/* ---- 7. tiles: panel cards, caps labels, big display numbers, no red ---------------------------------------- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc.r9-v4,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .obt-bento .bc{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:14px !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .bh .lab.r9m-open{font:800 11.5px/1.3 var(--ui) !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .bh i,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .bh svg{color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-otabs button,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-dtabs button{border-radius:8px !important;font-weight:700 !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-otabs button.on,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-dtabs button.on{color:var(--ink) !important;border-color:var(--bbx-blue) !important;box-shadow:inset 0 -2px 0 var(--bbx-blue) !important;background:transparent !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-bar.ok,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-sq.ok,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .ok > i{background:#0B7D4F !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-bar.no,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-bar.bad,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-bar.miss,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-bar:not(.ok){background:rgba(128,140,160,.38) !important}
body.bb-odds-page :is(#obtStage,.r9-modal,#obtTiles){--r9-miss:rgba(128,140,160,.45);--w48-miss:rgba(128,140,160,.45);--bbs-l:rgba(128,140,160,.45)}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-big,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .num,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .bigline b{font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:-.005em !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-morelink,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .more,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .rd{color:var(--bbx-bluet) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-morechip{color:var(--bbx-bluet) !important;font-weight:700 !important;background:transparent !important;border-color:transparent !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-rule b,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-rule strong{color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-rg{color:var(--ink-faint) !important}
/* the locked call = a dashed lock box with one blue Unlock */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .r9-callgate{border:1.5px dashed var(--line-strong) !important;border-radius:12px !important;background:transparent !important}

/* ---- 8. the Ask column: black header, the Pro card in black with one blue button, blue chat ------------------ */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .r9o-tabs{background:var(--bbx-black) !important;border-bottom:1px solid var(--bbx-bar) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-seg{background:transparent !important;border:0 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-seg button{color:var(--bbx-bdim) !important;background:transparent !important;border-radius:8px !important;font-weight:700 !important;font-family:var(--ui) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-seg button.on{background:#2563EB !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-pill{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:12px !important;color:var(--ink) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-pill b{font:italic 900 18px/.95 var(--bbx-disp) !important;text-transform:uppercase !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-pill .w48-px,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-pill > :last-child{font-family:var(--mono) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-door{background:var(--bbx-black) !important;color:#fff !important;border:0 !important;border-radius:16px !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-door .w48-dh{font:italic 900 28px/.9 var(--bbx-disp) !important;text-transform:uppercase !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-door p,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-door small{color:#B8C3D4 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-door .r9-wayb,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o.w48r .w48-door .r9-wayin button{background:transparent !important;border:1px solid #2A3446 !important;color:#fff !important;border-radius:12px !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9cta{background:#2563EB !important;background-image:none !important;color:#fff !important;border:0 !important;border-radius:12px !important;box-shadow:none !important;text-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9cta *{color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9cta:hover{background:#1D4ED8 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9cta::before,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9cta::after{display:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o-body .msg.me .txt{background:#2563EB !important;color:#fff !important;border-color:#2563EB !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o-body .msg.me .txt *{color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o-body .msg:not(.me) .txt{background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink-dim) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9o-body .w48-more{color:var(--bbx-bluet) !important}
/* the one-sentence pitch the helper script writes in place of the tick list (rulebook law 14) */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .w48-gets.bbx-one p{padding-left:0 !important;background:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .w48-gets.bbx-one p::before{display:none !important}

/* ---- 9. phones: the bottom bar is black, the active stop blue, Ask blue --------------------------------------- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtTabs{background:var(--bbx-black) !important;border-top:1px solid var(--bbx-bar) !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .jstage,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .bf,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtTabs button{background:transparent !important;color:var(--bbx-bdim) !important;border:0 !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .jstage b,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .jstage .jq{color:inherit !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .jstage.on,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtTabs button.on{color:#fff !important;background:transparent !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .jstage.on .jg,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .jstage.on svg,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtTabs button.on i{color:#60A5FA !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .bk{background:#2563EB !important;color:#fff !important;border-radius:12px !important;border:0 !important}

body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .bc .bh .lab.r9-ctx{font:600 12px var(--ui) !important;letter-spacing:0 !important;text-transform:none !important;color:var(--ink-faint) !important}

/* ---- 10. phones: one header. navbar 4 keeps its top row (logo, search, Unlock, theme, menu); its link row and the
          console's own logo row stand down on the board (the game view keeps the console's back arrow + chips row). */
@media (max-width:899.98px){
  body.bb-odds-page{--bbx-hh:59px}
  body.bb-odds-page .site-top header.main-header .nav-links{display:none !important}
  body.bb-odds-page #obtApp#obtApp#obtApp[data-scr="board"] .obt-top{display:none !important}
  body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top .obt-home,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-top #bbtFind{display:none !important}
}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtTabs #bbAskTab{background:#2563EB !important;color:#fff !important;border-radius:12px !important;margin:2px 4px !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtTabs #bbAskTab *{color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtDays button{border-radius:12px !important;background:var(--panel) !important;border:1px solid var(--line) !important;color:var(--ink-dim) !important;font-weight:700 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtDays button.on{background:var(--bbx-black) !important;border-color:var(--bbx-black) !important;color:#fff !important}
html[data-theme="light"] body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtDays button.on{background:#111827 !important}

/* ---- 11. the Ask seat in the game bar is the one blue thing there; the layer never scrolls itself (the receipt
          note under the app stays out of view, as before the header came back) */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar #bbAskSeat,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .bbask{background:#2563EB !important;color:#fff !important;border-color:#2563EB !important;border-radius:12px !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar #bbAskSeat *,body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) #obtBar .bbask *{color:#fff !important}
body.bb-odds-page .obt-page{overflow:clip !important}
/* the phone game band */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .phh .bbh{background:var(--bbx-black) !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .phh .bbh .bbh-tm b{font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;font-size:1.32em !important;letter-spacing:0 !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .phh .bbh .bbh-cr{background:var(--bbx-plate) !important;border-radius:50% !important;padding:2px !important;box-sizing:border-box !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .phh .bbh *:not(b):not(img){color:var(--bbx-bdim) !important}

/* ==================================================================================================================
   PART 2 (16-Oct, owner after the first publish: "doesnt look like you covered the entire page ... as it loads.. the
   centre console the modal pop ups.. make sure you cover all"). The console AND every breakdown pop-up (.r9-modal lives
   on <body>, outside the app); the overlays below are named one by one.
   ================================================================================================================== */
body.bb-odds-page{--accent-grad:#2563EB;--accent-glow:transparent;--r9cta-grad:#2563EB;--r9cta-glow:transparent;--r9cta-sheen:transparent}

/* ---- 12. tile insides: the big number in the display face, form ticks as squares, tabs as a segmented switch,
           tables with caps heads and mono numbers, green for a hit, grey for a miss, links in blue --------------- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-hnum{font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:-.005em !important;line-height:.9 !important;color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbs-t i{border-radius:6px !important;background:rgba(128,140,160,.22) !important;color:var(--ink-faint) !important;font-family:var(--mono) !important;font-style:normal !important;font-weight:800 !important;border:0 !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbs-t.wn i{background:#0B7D4F !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbs-t span{color:var(--ink-faint) !important;font-family:var(--mono) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .bbs-nm em{color:var(--bbx-bluet) !important;font-style:normal !important;font-weight:700 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.obt-chip,.bbtab-t){border-radius:10px !important;border:1px solid var(--line) !important;background:transparent !important;color:var(--ink-dim) !important;font-weight:700 !important;box-shadow:none !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.obt-chip,.bbtab-t):is([aria-selected="true"],.on){background:var(--bbx-black) !important;border-color:var(--bbx-black) !important;color:#fff !important}
html[data-theme="light"] body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.obt-chip,.bbtab-t):is([aria-selected="true"],.on){background:#111827 !important;border-color:#111827 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table th{font-family:var(--ui) !important;font-weight:800 !important;letter-spacing:.1em !important;text-transform:uppercase !important;color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table td{font-variant-numeric:tabular-nums !important;border-color:var(--line) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table td.n{font-family:var(--mono) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table .r9-pos{color:var(--bbx-money) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table .r9-neg{color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table .r9-ok{background:#0B7D4F !important;color:#fff !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-table .r9-no{background:rgba(128,140,160,.22) !important;color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.r9-bdbtn,.r9-morelink,.r9-readall,.w48-more){color:var(--bbx-bluet) !important;font-weight:700 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-callgate .r9-morelink{display:inline-flex !important;align-items:center !important;min-height:36px !important;padding:0 14px !important;border-radius:10px !important;background:#2563EB !important;color:#fff !important;text-decoration:none !important;border:0 !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.r9-lead,.r9-oneline){color:var(--ink-dim) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.r9-lead,.r9-oneline) b{color:var(--ink) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9s-imp{color:var(--bbx-bluet) !important;font-family:var(--mono) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .r9-dg{border-radius:8px !important}

/* ---- 13. the breakdown pop-up (every "Breakdown", "Read it all", "More on this"; the phone Ask sheet too) ------- */
body.bb-odds-page .r9-modal.r9-modal{background:rgba(5,7,11,.66) !important}
html[data-theme="light"] body.bb-odds-page .r9-modal.r9-modal{background:rgba(17,24,39,.42) !important}
body.bb-odds-page .r9-modal.r9-modal > .box{background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:20px !important;box-shadow:0 34px 80px -34px rgba(0,0,0,.75) !important;padding-left:22px !important;padding-right:22px !important}
body.bb-odds-page .r9-modal.r9-modal > .box > h3{background:var(--bbx-black) !important;color:#fff !important;margin:0 -22px 14px !important;padding:12px 10px 12px 22px !important;border-bottom:0 !important;border-radius:19px 19px 0 0 !important;align-items:center !important}
body.bb-odds-page .r9-modal.r9-modal > .box > h3 .r9m-t{font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:.01em !important;font-size:22px !important;line-height:1 !important;color:#fff !important}
body.bb-odds-page .r9-modal.r9-modal > .box > h3 .r9m-t svg{color:#60A5FA !important;stroke:#60A5FA !important}
body.bb-odds-page .r9-modal.r9-modal > .box > h3 .r9m-sub{display:block !important;margin-top:4px !important;font-family:var(--mono) !important;font-style:normal !important;font-weight:600 !important;font-size:12px !important;text-transform:none !important;letter-spacing:.02em !important;color:var(--bbx-bdim) !important}
body.bb-odds-page .r9-modal.r9-modal > .box > h3 button{color:var(--bbx-blt) !important;border-radius:10px !important;font-family:var(--ui) !important;font-weight:700 !important}
body.bb-odds-page .r9-modal.r9-modal > .box > h3 button:hover{color:#fff !important;background:#0E1420 !important}
body.bb-odds-page .r9-modal.r9-modal :is(.r9m-sec h4,.r9m-body h4,.r9lb-h){font-family:var(--ui) !important;font-weight:800 !important;font-size:11.5px !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--ink) !important}
@media (max-width:899.98px){
  body.bb-odds-page .r9-modal.r9-modal > .box{border-radius:20px 20px 0 0 !important;padding-left:14px !important;padding-right:14px !important}
  body.bb-odds-page .r9-modal.r9-modal > .box > h3{margin:0 -14px 12px !important;padding-left:16px !important}
}

/* ---- 14. Settings / Your apps drawer, the top-bar menus, the little fly-outs, palette, tips --------------------- */
body.bb-odds-page #obtDrawer#obtDrawer{background:var(--panel) !important;color:var(--ink) !important;border-left:1px solid var(--line) !important;border-radius:20px 0 0 20px !important;box-shadow:-30px 0 70px -30px rgba(0,0,0,.7) !important}
body.bb-odds-page #obtDrawer#obtDrawer :is(.obt-dh,.obt-dh2){font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;font-size:30px !important;line-height:.9 !important;letter-spacing:0 !important;color:var(--ink) !important}
body.bb-odds-page #obtDrawer#obtDrawer .obt-dlab{font-family:var(--ui) !important;font-weight:800 !important;font-size:11px !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:var(--ink-faint) !important}
body.bb-odds-page #obtDrawer#obtDrawer :is(.obt-ctl,select,input){border-radius:12px !important;border:1px solid var(--line-strong) !important;background:var(--panel-2) !important;color:var(--ink) !important;min-height:44px !important;box-shadow:none !important}
body.bb-odds-page #obtDrawer#obtDrawer :is(button.on,[aria-pressed="true"]){background:var(--bbx-black) !important;color:#fff !important;border-color:var(--bbx-black) !important}
html[data-theme="light"] body.bb-odds-page #obtDrawer#obtDrawer :is(button.on,[aria-pressed="true"]){background:#111827 !important;border-color:#111827 !important}
body.bb-odds-page #obtDrawer#obtDrawer a{color:var(--bbx-bluet) !important}
body.bb-odds-page #obtDrawer#obtDrawer .obt-dx{border-radius:12px !important;border:1px solid var(--line-strong) !important;background:transparent !important;color:var(--ink) !important}
body.bb-odds-page #obtDrawer#obtDrawer .bba-panel{border-radius:14px !important}
body.bb-odds-page #obtDrawer#obtDrawer .bba-foot button[data-bba="done"]{background:#2563EB !important;color:#fff !important;border-color:#2563EB !important;border-radius:10px !important}
body.bb-odds-page :is(.tb-menu.tb-menu,.obt-fly.obt-fly){background:var(--panel) !important;border:1px solid var(--line-strong) !important;border-radius:14px !important;padding:6px !important;box-shadow:0 26px 54px -26px rgba(0,0,0,.65) !important}
body.bb-odds-page :is(.tb-menu.tb-menu button,.obt-fly.obt-fly button,.obt-fly.obt-fly a){border-radius:10px !important;min-height:40px !important;color:var(--ink-dim) !important;font-family:var(--ui) !important;font-weight:600 !important}
body.bb-odds-page :is(.tb-menu.tb-menu button,.obt-fly.obt-fly button,.obt-fly.obt-fly a):hover{background:var(--panel-2) !important;color:var(--ink) !important}
body.bb-odds-page .tb-menu.tb-menu button.on{background:#2563EB !important;color:#fff !important}
body.bb-odds-page .obt-fly.obt-fly b{font-family:var(--ui) !important;font-weight:800 !important;font-size:10.5px !important;letter-spacing:.12em !important;color:var(--ink-faint) !important}
body.bb-odds-page :is(#obtPal#obtPal .box,#obtPow#obtPow .sheet){background:var(--panel) !important;border:1px solid var(--line-strong) !important;border-radius:18px !important;overflow:hidden !important}
body.bb-odds-page #obtPal#obtPal input{font-family:var(--ui) !important}
body.bb-odds-page #obtTip#obtTip{background:var(--panel) !important;border:1px solid var(--line-strong) !important;border-radius:12px !important;box-shadow:0 18px 40px -18px rgba(0,0,0,.6) !important}
body.bb-odds-page #obtTip#obtTip b{font-family:var(--ui) !important;font-weight:800 !important;color:var(--bbx-bluet) !important}
body.bb-odds-page #obtModal#obtModal :is(.bbsheet,.obt-modalbox){background:var(--panel) !important;border:1px solid var(--line) !important;border-radius:20px !important}

/* ---- 15. the slip, the toast ("On your slip ..."), the dimmer ------------------------------------------------ */
body.bb-odds-page #obtSlip#obtSlip{background:var(--panel) !important;color:var(--ink) !important;border:1px solid var(--line-strong) !important;border-radius:16px !important;box-shadow:0 26px 60px -26px rgba(0,0,0,.7) !important}
body.bb-odds-page #obtSlip#obtSlip .obt-smode{font-family:var(--ui) !important;text-transform:none !important;font-weight:700 !important;font-size:13px !important;background:transparent !important;color:var(--ink-dim) !important}
body.bb-odds-page #obtSlip#obtSlip .obt-smode[style*="accent-grad"]{background:var(--bbx-black) !important;color:#fff !important}
html[data-theme="light"] body.bb-odds-page #obtSlip#obtSlip .obt-smode[style*="accent-grad"]{background:#111827 !important}
body.bb-odds-page #obtSlip#obtSlip .obt-sleg .lg{color:var(--bbx-bluet) !important}
body.bb-odds-page #obtSlip#obtSlip .obt-sleg b{color:var(--bbx-money) !important}
body.bb-odds-page #obtSlip#obtSlip .clear{color:var(--bbx-bluet) !important;font-family:var(--ui) !important;font-weight:700 !important}
body.bb-odds-page #obtSlip#obtSlip input{border-radius:8px !important;border:1px solid var(--line-strong) !important;background:var(--panel-2) !important;color:var(--ink) !important;font-family:var(--mono) !important}
body.bb-odds-page #obtToast#obtToast{background:var(--bbx-black) !important;color:#fff !important;border:1px solid var(--bbx-bar) !important;border-radius:14px !important;box-shadow:0 22px 50px -22px rgba(0,0,0,.7) !important}
body.bb-odds-page #obtToast#obtToast *{color:#DBE7FF !important}
body.bb-odds-page #obtToast#obtToast b{color:#fff !important}
body.bb-odds-page #obtToast#obtToast button{background:#2563EB !important;color:#fff !important;border-radius:10px !important;padding:0 14px !important;font-family:var(--ui) !important;font-weight:700 !important;font-size:13.5px !important}
body.bb-odds-page .obt-veil.obt-veil{background:rgba(5,7,11,.6) !important}

/* ---- 16. the empty / loading states in the middle (board rows loading, "Pick a game", "still getting ready") ---- */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) .obt-skel{border-radius:12px !important;background:var(--panel) !important;border:1px solid var(--line) !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(.obt-empty,.obt-empty2){font-family:var(--ui) !important;color:var(--ink-dim) !important}
body.bb-odds-page #obtApp#obtApp#obtApp #obtStage > .obt-empty{font-size:16px !important;max-width:34em !important}
body.bb-odds-page #obtApp#obtApp#obtApp #obtHero.obt-heroline{font-family:var(--ui) !important;color:var(--ink-dim) !important}
body.bb-odds-page #obtApp#obtApp#obtApp #obtHero.obt-heroline b{font-family:var(--bbx-disp) !important;font-style:italic !important;font-weight:900 !important;text-transform:uppercase !important;color:var(--ink) !important}

/* ---- 17. overlays that live inside the console layer start under the site header (the layer is its own stacking
          context below the header, so a drawer pinned to top:0 would slide in under it) */
body.bb-odds-page .obt-page :is(#obtDrawer,#obtModal,#obtPal,#obtPow,.obt-veil){top:var(--bbx-hh,0px) !important}
body.bb-odds-page .obt-page #obtDrawer#obtDrawer{height:auto !important;bottom:0 !important;max-height:none !important}

/* phone band: the display face fits the long names on one line */
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .phh .bbh .bbh-tm b{font-size:1.08em !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;display:block !important}
body.bb-odds-page :is(#obtApp#obtApp#obtApp,.r9-modal) :is(#obtStage,.r9m-body) .phh .bbh .bbh-tm{min-width:0 !important}
