/* bb-results v10 - /results, owner-approved redesign 2026-10-09 (option A, canvas https://claude.ai/artifact/MAfNnukK4gwXXZSi2sFn2i).
   Scoped under .rx. Site tokens (--void --panel --panel-2 --ink --ink-dim --line --action --gold --ui --mono) flip with the
   master's light/dark; page tokens below follow DESIGN_RULEBOOK section 2 (dark default, then light for an explicit choice and
   for OS-light). Type scale = rulebook section 3, never the mockup's pixels. Loaded after bb-results.62137203.css. */

.rx{--rx-disp:'Barlow Condensed','Arial Narrow','Roboto Condensed',sans-serif;--rx-black:#05070B;--rx-bar-line:#1B2230;--rx-bar-dim:#8A96AA;
  --rx-faint:#7D8BA0;--rx-line:rgba(255,255,255,.10);--rx-green:#34D399;--rx-gsoft:rgba(52,211,153,.14);--rx-gold:#F5B301;
  --rx-shadow:0 30px 60px -30px rgba(0,0,0,.7);
  position:relative;z-index:1;color:var(--ink);font-family:var(--ui);line-height:1.5;padding-bottom:8px;}
:root[data-theme="light"] .rx{--rx-faint:#5A6B82;--rx-line:rgba(16,24,40,.12);--rx-green:#0B7D4F;--rx-gsoft:rgba(15,157,99,.12);--rx-gold:#8A6210;
  --rx-shadow:0 30px 60px -30px rgba(23,37,64,.4);}
@media (prefers-color-scheme:light){
  :root:not([data-theme="dark"]):not([data-theme="light"]) .rx{--rx-faint:#5A6B82;--rx-line:rgba(16,24,40,.12);--rx-green:#0B7D4F;
    --rx-gsoft:rgba(15,157,99,.12);--rx-gold:#8A6210;--rx-shadow:0 30px 60px -30px rgba(23,37,64,.4);}
}

.rx *,.rx *::before,.rx *::after{box-sizing:border-box;}
.rx a{text-decoration:none;}
.rx :where(a,button,summary):focus-visible{outline:2px solid var(--action);outline-offset:3px;border-radius:8px;}
.rx-wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;}
.rx .rcrumbs{margin:22px 0 0;}
.rx-disp{font-family:var(--rx-disp);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.005em;margin:0;text-wrap:balance;}
.rx-disp span{color:var(--action);}
.rx-h1{font-size:clamp(44px,5.4vw,78px);color:var(--ink);}
.rx-h2{font-size:clamp(34px,3.8vw,54px);color:var(--ink);}
.rx-lead{font-size:18px;line-height:1.55;color:var(--ink-dim);max-width:30em;margin:14px 0 0;}
.rx-kick{font:800 11.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--action);margin-bottom:14px;}

/* hero */
.rx-hero{padding:28px 0 56px;}
.rx-hg{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center;}
.rx-hg>*{min-width:0;}
.rx-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;}
.rx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;background:#2563EB;color:#fff !important;font:700 16px var(--ui);}
.rx-btn:hover{background:#1D4ED8;}
.rx-ghost{display:inline-flex;align-items:center;min-height:50px;padding:0 20px;border-radius:12px;border:1px solid var(--line-strong,var(--rx-line));color:var(--ink) !important;font:600 15px var(--ui);background:transparent;}

/* the score bug (black in both themes) */
.rx-bug{background:var(--rx-black);color:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--rx-shadow);}
.rx-bug .bh{display:flex;align-items:stretch;gap:12px;border-bottom:1px solid var(--rx-bar-line);min-height:42px;}
.rx-bug .tag{display:inline-flex;align-items:center;background:#2563EB;color:#fff;font:italic 900 15px/1 var(--rx-disp);letter-spacing:.06em;padding:0 24px 0 14px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);}
.rx-bug .k{align-self:center;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--rx-bar-dim);min-width:0;}
.rx-bug .bb{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:20px 22px 0;}
.rx-bug .lbl{font:600 15px var(--ui);color:#AEB8C8;}
.rx-seg{display:inline-flex;gap:4px;background:#121722;border:1px solid var(--rx-bar-line);border-radius:12px;padding:3px;}
.rx-seg button{all:unset;cursor:pointer;min-width:44px;min-height:38px;display:grid;place-items:center;border-radius:9px;font:700 14px var(--mono);color:#AEB8C8;padding:0 8px;}
.rx-seg button[aria-pressed="true"]{background:#2563EB;color:#fff;}
.rx-seg button:focus-visible{outline:2px solid #60A5FA;outline-offset:2px;}
.rx-bug .tot{font:800 clamp(52px,6vw,84px)/1 var(--mono);color:#34D399;font-variant-numeric:tabular-nums;padding:14px 22px 0;letter-spacing:-.02em;}
.rx-bug .cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:20px;border-top:1px solid var(--rx-bar-line);}
.rx-bug .cells span{padding:14px 22px 18px;font:600 12.5px var(--ui);color:var(--rx-bar-dim);border-left:1px solid var(--rx-bar-line);min-width:0;}
.rx-bug .cells span:first-child{border-left:0;}
.rx-bug .cells b{display:block;font:800 22px/1.1 var(--mono);color:#fff;margin-bottom:3px;}

/* sections */
.rx-sec{padding-bottom:64px;}
.rx-shd{margin-bottom:22px;}
.rx-shd.row{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;}
.rx-more{font:700 15px var(--ui);color:var(--action) !important;}
.rx-card{background:var(--panel);border:1px solid var(--rx-line);border-radius:18px;padding:22px;}
.rx-m{font-variant-numeric:tabular-nums;white-space:nowrap;}

/* month bars */
.rx-bars{display:grid;grid-template-columns:repeat(var(--rx-cols,10),minmax(0,1fr));gap:10px;align-items:end;}
.rx-bar{display:flex;flex-direction:column;min-width:0;text-align:center;}
.rx-bar .v{font:700 12.5px var(--mono);color:var(--rx-green);margin-bottom:6px;white-space:nowrap;}
.rx-bar.down .v{color:var(--rx-faint);}
.rx-bar .col{height:180px;display:flex;align-items:flex-end;border-bottom:2px solid var(--ink);}
.rx-bar .col b{display:block;width:100%;border-radius:8px 8px 0 0;background:var(--rx-green);}
.rx-bar.down .col b{background:var(--rx-line);border-radius:0;}
.rx-bar.gap .col{border-bottom-style:dashed;border-bottom-color:var(--rx-line);align-items:center;justify-content:center;}
.rx-bar.gap .col span{font:600 11.5px/1.3 var(--ui);color:var(--rx-faint);}
.rx-bar .mo{font:700 14px var(--ui);margin-top:8px;color:var(--ink);}
.rx-bar .mo small{display:block;font:600 11px var(--mono);color:var(--rx-faint);}
.rx-bar .n{font:500 11px var(--mono);color:var(--rx-faint);margin-top:2px;}

/* weeks */
.rx-wk{margin-top:14px;}
.rx-wk .wh{font:600 15px var(--ui);color:var(--ink-dim);margin-bottom:12px;}
.rx-wk .wh b{color:var(--ink);}
.rx-weeks{display:flex;flex-wrap:wrap;gap:5px;}
.rx-weeks i{display:block;flex:1 0 18px;max-width:30px;aspect-ratio:1;border-radius:5px;background:var(--rx-green);}
.rx-weeks i.dn{background:transparent;box-shadow:inset 0 0 0 2px var(--rx-line);}
.rx-wk .wf{display:flex;justify-content:space-between;font:600 11.5px var(--mono);color:var(--rx-faint);margin-top:8px;}

/* tiles: where Zenith made it */
.rx-tiles{display:grid;grid-template-columns:repeat(var(--rx-n,4),minmax(0,1fr));gap:14px;}
.rx-tile{display:flex;flex-direction:column;gap:12px;background:var(--panel);border:1px solid var(--rx-line);border-radius:16px;padding:18px;min-width:0;color:var(--ink) !important;}
.rx-tile:hover{border-color:var(--action);}
.rx-tile .hd{display:flex;align-items:center;gap:10px;min-width:0;}
.rx-tile .hd>span:last-child{min-width:0;}
.rx-tile .hd b{display:block;font:800 12px var(--ui);letter-spacing:.1em;color:var(--rx-faint);}
.rx-tile .hd small{display:block;font:700 15px/1.25 var(--ui);color:var(--ink);overflow-wrap:anywhere;}
.rx-tile .big{font:800 30px/1 var(--mono);color:var(--rx-green);}
.rx-tile .ft{font:500 12.5px var(--ui);color:var(--rx-faint);}

/* crest / league plates (white in both themes) */
.rx-plate{flex:none;display:grid;place-items:center;background:#fff;border-radius:50%;box-shadow:0 0 0 1px rgba(16,24,40,.10);overflow:hidden;}
.rx-plate img{width:72%;height:72%;object-fit:contain;}
.rx-plate.p22{width:22px;height:22px;}.rx-plate.p36{width:36px;height:36px;}
.rx-plate.ini{font:800 8px/1 var(--ui);color:#111827;letter-spacing:.02em;}
.rx-plate.p22.ini{font-size:6px;}

/* goal 1: the card (black) */
.rx-cardx{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--rx-black);color:#fff;border-radius:18px;overflow:hidden;box-shadow:var(--rx-shadow);}
.rx-cardx .ct{padding:24px 26px;}
.rx-cardx .lbl{font:600 15px var(--ui);color:#AEB8C8;}
.rx-cardx .tot{font:800 clamp(48px,5.4vw,76px)/1 var(--mono);color:#34D399;letter-spacing:-.02em;margin-top:8px;}
.rx-cardx .cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--rx-bar-line);}
.rx-cardx .cells span{font:600 12.5px/1.35 var(--ui);color:var(--rx-bar-dim);min-width:0;}
.rx-cardx .cells b{display:block;font:800 19px/1.15 var(--mono);color:#fff;margin-bottom:3px;}
.rx-cardx .cg{background:#0B0F17;border-left:1px solid var(--rx-bar-line);padding:18px 22px;}
.rx-cardx .kh{font:800 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--rx-bar-dim);margin-bottom:6px;}
.rx-cardx .cl{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 0;border-top:1px solid var(--rx-bar-line);}
.rx-cardx .kh+.cl{border-top:0;}
.rx-cardx .cl .nm{font:500 12.5px var(--mono);color:var(--rx-bar-dim);min-width:0;}
.rx-cardx .cl .nm b{display:block;font:700 15px var(--ui);color:#fff;}
.rx-cardx .cl .mn{font:800 19px var(--mono);color:#34D399;}
.rx-nba{margin-top:14px;}
.rx-nba .kh{font:800 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--rx-faint);margin-bottom:10px;}
.rx-nba .csr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.rx-nba .cs{min-width:0;border-left:3px solid var(--rx-green);padding-left:12px;}
.rx-nba .cs span{display:block;font:700 15px var(--ui);color:var(--ink);}
.rx-nba .cs b{display:block;font:800 24px/1.2 var(--mono);color:var(--rx-green);}
.rx-nba .cs small{font:500 12px var(--mono);color:var(--rx-faint);}
.rx-nba .fn{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--rx-line);color:var(--ink-dim);font-size:15px;}
.rx-nba .fn b{color:var(--rx-green);font-family:var(--mono);}

/* the rules list */
.rx-pk{padding:8px 22px 14px;}
.rx-pk .pkh,.rx-pk li{display:grid;align-items:center;gap:14px;}
.rx-pk .pkh{grid-template-columns:minmax(0,1fr) 110px 150px;padding:12px 0 10px 50px;border-bottom:1px solid var(--rx-line);font:800 11px var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--rx-faint);}
.rx-pk .pkh span:nth-child(n+2){text-align:right;}
.rx-pk ul{list-style:none;margin:0;padding:0;}
.rx-pk li{grid-template-columns:36px minmax(0,1fr) 110px 150px;padding:12px 0;border-bottom:1px solid var(--rx-line);}
.rx-pk .nm{font:600 15.5px/1.35 var(--ui);color:var(--ink);min-width:0;}
.rx-pk .nm b{display:block;font:800 11px var(--ui);letter-spacing:.1em;color:var(--rx-faint);}
.rx-pk .nb{text-align:right;font:500 13px var(--mono);color:var(--rx-faint);}
.rx-pk .mn{text-align:right;font:800 20px var(--mono);color:var(--rx-green);}
.rx-pk li.more{display:none;}
.rx-pk.open li.more{display:grid;}
.rx-all{all:unset;cursor:pointer;min-height:48px;display:flex;align-items:center;font:700 15px var(--ui);color:var(--action);}

/* live bets start now */
.rx-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--panel);border:1px solid var(--rx-line);border-radius:18px;padding:28px;}
.rx-live p{color:var(--ink-dim);font-size:16.5px;margin:12px 0 0;max-width:30em;}
.rx-live ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.rx-live li{background:var(--panel-2);border:1px solid var(--rx-line);border-radius:14px;padding:16px;min-width:0;}
.rx-live li b{display:block;font:italic 900 30px/1 var(--rx-disp);text-transform:uppercase;color:var(--ink);}
.rx-live li span{display:block;margin-top:6px;font:700 13px var(--mono);color:var(--action);}

/* latest results */
.rx-slips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.rx-slip{background:var(--panel);border:1px solid var(--rx-line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;}
.rx-slip .sh{display:flex;align-items:center;gap:8px;font:700 11.5px var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--rx-faint);}
.rx-slip .sh em{margin-left:auto;font:italic 900 14px/1 var(--rx-disp);letter-spacing:.06em;color:#05070B;background:#34D399;padding:4px 8px;border-radius:5px;}
.rx-slip.lost .sh em{background:transparent;color:var(--rx-faint);box-shadow:inset 0 0 0 2px var(--rx-line);}
.rx-slip .sp{font:600 15.5px/1.3 var(--ui);min-height:40px;color:var(--ink);overflow-wrap:anywhere;}
.rx-slip .sp b{font-weight:800;}
.rx-slip .sg{font:500 13px var(--ui);color:var(--ink-dim);}
.rx-slip .sm{display:flex;justify-content:space-between;gap:8px;border-top:1px dashed var(--rx-line);padding-top:10px;margin-top:auto;font:600 12.5px var(--mono);color:var(--rx-faint);}
.rx-slip .sm .r{font:800 14px var(--mono);color:var(--rx-green);white-space:nowrap;}
.rx-slip.lost .sm .r{color:var(--rx-faint);}
.rx-slip .odds-val{color:var(--ink);}

/* doors */
.rx-doors{display:grid;gap:10px;}
.rx-doors>details{background:var(--panel);border:1px solid var(--rx-line);border-radius:14px;}
.rx-doors>details>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:0 20px;font:700 17px var(--ui);color:var(--ink);}
.rx-doors>details>summary::-webkit-details-marker{display:none;}
.rx-doors>details>summary::after{content:"+";font:500 24px var(--ui);color:var(--rx-faint);}
.rx-doors>details[open]>summary::after{content:"\2013";}
.rx-doors .dp{padding:0 20px 18px;color:var(--ink-dim);min-width:0;overflow-x:auto;}
.rx-doors .dp>p{max-width:72ch;}
.rx-doors .dp a{color:var(--action);}
.rx-doors .era{display:flex;gap:10px 16px;align-items:baseline;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--rx-line);}
.rx-doors .era b{color:var(--ink);}
.rx-doors .era span{color:var(--rx-faint);font-size:14px;}
.rx-doors .era .rx-m{margin-left:auto;font:800 18px var(--mono);color:var(--rx-green);}
.rx-facts{margin:0;padding-left:20px;}
.rx-facts li{margin:6px 0;}
.rx-facts b{color:var(--ink);font-family:var(--mono);}

/* end card */
.rx-endc{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--rx-black);color:#fff;border-radius:28px;padding:36px;}
.rx-endc .rx-h2{color:#fff;}
.rx-endc .rx-disp span{color:#60A5FA;}
.rx-endc p{color:#AEB8C8;margin:10px 0 0;font-size:16px;}
.rx-endc .ec{display:grid;gap:8px;justify-items:start;}
.rx-endc .fine{font:600 12.5px var(--ui);color:var(--rx-bar-dim);}
.rx-cap{margin-top:28px;}

@media (max-width:1100px){
  .rx-slips{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:900px){
  .rx-wrap{padding-left:16px;padding-right:16px;}
  .rx-hero{padding:20px 0 40px;}
  .rx-hg{grid-template-columns:minmax(0,1fr);gap:24px;}
  .rx-sec{padding-bottom:48px;}
  .rx-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}
  .rx-cardx{grid-template-columns:minmax(0,1fr);}
  .rx-cardx .cg{border-left:0;border-top:1px solid var(--rx-bar-line);}
  .rx-live{grid-template-columns:minmax(0,1fr);}
  .rx-nba .csr{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:700px){
  .rx-h1{font-size:44px;}.rx-h2{font-size:34px;}
  .rx-lead{font-size:16.5px;}
  .rx-bug .bb{padding:16px 16px 0;}
  .rx-bug .tot{padding:12px 16px 0;font-size:54px;}
  .rx-bug .cells span{padding:12px 12px 14px;}
  .rx-bug .cells b{font-size:18px;}
  .rx-card{padding:16px;}
  .rx-bars{gap:4px;}
  .rx-bar .v{font-size:9.5px;writing-mode:vertical-rl;transform:rotate(180deg);margin:0 auto 6px;height:62px;text-align:left;}
  .rx-bar .col{height:130px;}
  .rx-bar .n{display:none;}
  .rx-bar .mo{font-size:12px;}
  .rx-bar.gap .col span{font-size:9px;}
  .rx-weeks{gap:4px;}
  .rx-weeks i{flex-basis:14px;}
  /* phone rails (rulebook section 4) */
  .rx-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:16px;padding:2px 16px 10px;margin:0 -16px;
    overscroll-behavior-x:contain;scrollbar-width:none;}
  .rx-rail::-webkit-scrollbar{display:none;}
  .rx-rail>*{flex:0 0 82%;max-width:320px;min-width:0;scroll-snap-align:start;}
  .rx-cardx .ct{padding:18px;}.rx-cardx .tot{font-size:50px;}.rx-cardx .cg{padding:14px 18px;}
  .rx-cardx .cells b{font-size:16px;}
  .rx-live{padding:20px;}.rx-live li{padding:12px;}.rx-live li b{font-size:24px;}
  .rx-pk{padding:4px 16px 10px;}
  .rx-pk .pkh{display:none;}
  .rx-pk li{grid-template-columns:32px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:2px;}
  .rx-pk li .rx-plate{grid-row:span 2;width:32px;height:32px;}
  .rx-pk .nb{grid-column:2;grid-row:2;text-align:left;font-size:12px;}
  .rx-pk .mn{grid-column:3;grid-row:1 / span 2;font-size:17px;}
  .rx-pk .nm{font-size:14.5px;}
  .rx-endc{padding:26px 22px;border-radius:22px;}
}