/* ==== RoosterRun play v116: My bets + Results (bets-results.js) ==== */
.br-page{--br-meron:var(--red,#ef4e57);--br-wala:var(--blue,#5791ff);--br-draw:var(--green,#46d18b);--br-line:rgba(255,255,255,.09);--br-card:var(--surface,#121620);--br-card-2:var(--surface-2,#181d28);--br-muted:var(--text-muted,#7f8796)}
.br-arena{--br-meron:var(--red,#ef4e57);--br-wala:var(--blue,#5791ff);--br-draw:var(--green,#46d18b);--br-line:rgba(255,255,255,.09);--br-card:rgba(255,255,255,.025);--br-card-2:rgba(255,255,255,.04);--br-muted:var(--text-muted,#7f8796)}
.br-page{gap:14px!important;font-variant-numeric:tabular-nums;container-type:inline-size;container-name:brpage}
.br-arena{container-type:inline-size;container-name:brarena}
.br-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* crest + side label */
.br-crest{width:20px;height:20px;object-fit:contain;flex:0 0 auto;display:block}
.br-side{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;min-width:0}
.br-side--meron{color:var(--br-meron)}.br-side--wala{color:var(--br-wala)}.br-side--draw{color:var(--br-draw)}.br-side--none{color:var(--br-muted)}

/* summary strip */
.br-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.br-summary__cell{display:grid;gap:4px;padding:12px;border:1px solid var(--br-line);border-radius:14px;background:linear-gradient(180deg,var(--br-card-2),var(--br-card));min-width:0}
.br-summary__cell small,.br-summary__counts small,.br-stats small,.br-mine small,.br-arena-sum small,.br-bet__winner small,.br-bet__more dt{color:var(--br-muted);font-size:12px;font-weight:700;letter-spacing:.2px}
.br-summary__cell b{font-size:17px;font-weight:800;color:var(--text,#f7f8fb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-summary__cell--pos b{color:var(--green,#46d18b)}.br-summary__cell--neg b{color:var(--red,#ef4e57)}
.br-summary__counts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.br-summary__counts span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;padding:8px 10px;border:1px solid var(--br-line);border-radius:12px;background:var(--br-card)}
.br-summary__counts small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px!important}
.br-summary--results{grid-template-columns:repeat(2,minmax(0,1fr))}
.br-summary--results .br-summary__counts--one{grid-column:auto;grid-template-columns:minmax(0,1fr)}
.br-summary--results .br-summary__counts--one span{padding:8px 12px}
.br-summary__counts b{font-size:16px;font-weight:800;color:var(--text,#f7f8fb)}
.br-summary__counts .is-won b{color:var(--green,#46d18b)}.br-summary__counts .is-lost b{color:var(--red,#ef4e57)}.br-summary__counts .is-refunded b{color:var(--gold,#e8b84c)}

/* chips */
.br-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:100%;padding:1px} /* wraps: every chip visible at 360-400px */
.br-chips::-webkit-scrollbar{display:none}
.br-chip-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--br-line);border-radius:999px;background:var(--br-card);color:var(--text-soft,#b8bfcc);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background var(--motion-fast,160ms) ease,color var(--motion-fast,160ms) ease}
.br-chip-btn i{font-style:normal;font-size:12px;min-width:20px;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.08);text-align:center}
.br-chip-btn.is-active{border-color:transparent;background:linear-gradient(110deg,var(--gold,#e8b84c),var(--gold-bright,#ffd878));color:var(--gold-ink,#261900)}
.br-chip-btn.is-active i{background:rgba(0,0,0,.14)}
.br-chip-btn:focus-visible,.br-bet__hit:focus-visible,.br-more:focus-visible,.br-link-btn:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:2px}
.br-chips--tight .br-chip-btn{min-height:32px;padding:0 12px;font-size:12.5px}

/* lists */
.br-list{display:grid;gap:10px}
.br-empty{margin:0;padding:28px 12px;text-align:center;color:var(--text-soft,#b8bfcc);font-size:15px;font-weight:700}
.br-error{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 12px;color:#ff8a91;font-size:13px;text-align:center}
.br-link-btn{min-height:32px;padding:0 12px;border:1px solid rgba(255,138,145,.35);border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer}
.br-more{justify-self:center;display:block;margin:4px auto 0;min-height:40px;padding:0 22px;border:1px solid color-mix(in srgb,var(--gold,#e8b84c) 35%,transparent);border-radius:999px;background:transparent;color:var(--gold-bright,#ffd878);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.br-more[disabled]{opacity:.6;cursor:default}
.br-skeletons{display:grid;gap:10px}
.br-skel{border-radius:14px;background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.075),rgba(255,255,255,.035));background-size:200% 100%;animation:br-shimmer 1.2s linear infinite}
.br-skel--card{height:132px}.br-skel--row{height:58px}
@keyframes br-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* match head */
.br-match{display:flex;align-items:baseline;gap:8px;min-width:0}
.br-match b{flex:0 0 auto;color:var(--gold-bright,#ffd878);font-size:14px;font-weight:800}
.br-match span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#f7f8fb);font-size:14px;font-weight:700}

/* status + P/L */
.br-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.br-status--open{background:color-mix(in srgb,var(--gold,#e8b84c) 16%,transparent);color:var(--gold-bright,#ffd878)}
.br-status--won{background:var(--green-soft,rgba(70,209,139,.14));color:var(--green,#46d18b)}
.br-status--lost{background:var(--red-soft,rgba(239,78,87,.14));color:#ff7a82}
.br-status--refunded,.br-status--void{background:rgba(255,255,255,.08);color:var(--text-soft,#b8bfcc)}
.br-pl{font-size:16px;font-weight:800;white-space:nowrap}
.br-pl--pos{color:var(--green,#46d18b)}.br-pl--neg{color:#ff7a82}.br-pl--zero{color:var(--text-soft,#b8bfcc)}
b.br-pl--pos,span.br-pl--pos b{color:var(--green,#46d18b)}b.br-pl--neg,span.br-pl--neg b{color:#ff7a82}

/* winner chip */
.br-win{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px 0 6px;border-radius:999px;border:1px solid var(--br-line);background:rgba(255,255,255,.04);font-size:13px;font-weight:800;white-space:nowrap}
.br-win .br-crest{width:20px;height:20px}
.br-win--meron{color:var(--br-meron);border-color:color-mix(in srgb,var(--br-meron) 40%,transparent);background:color-mix(in srgb,var(--br-meron) 12%,transparent)}
.br-win--wala{color:var(--br-wala);border-color:color-mix(in srgb,var(--br-wala) 40%,transparent);background:color-mix(in srgb,var(--br-wala) 12%,transparent)}
.br-win--draw{color:var(--br-draw);border-color:color-mix(in srgb,var(--br-draw) 40%,transparent);background:color-mix(in srgb,var(--br-draw) 12%,transparent)}
.br-win--cancelled,.br-win--none{padding:0 10px;color:var(--text-soft,#b8bfcc)}

/* bet card */
.br-bet{border:1px solid var(--br-line);border-radius:16px;background:linear-gradient(180deg,var(--br-card-2),var(--br-card));overflow:hidden;position:relative}
.br-bet::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:rgba(255,255,255,.12)}
.br-bet--won::before{background:var(--green,#46d18b)}.br-bet--lost::before{background:var(--red,#ef4e57)}.br-bet--open::before{background:var(--gold,#e8b84c)}
.br-bet__hit{display:grid;gap:10px;width:100%;padding:12px 14px 12px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.br-bet__top,.br-bet__mid,.br-bet__foot,.br-res__top,.br-res__main{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.br-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 10px;border-radius:12px;background:rgba(0,0,0,.18)}
.br-stats>span,.br-mine>span,.br-arena-sum>span{display:grid;gap:2px;min-width:0;align-content:start}
.br-stats b,.br-mine>span>b,.br-arena-sum b{font-size:14px;font-weight:800;color:var(--text,#f7f8fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-mine>span>b.br-pl--pos,.br-arena-sum>span.br-pl--pos b{color:var(--green,#46d18b)}.br-mine>span>b.br-pl--neg,.br-arena-sum>span.br-pl--neg b{color:#ff7a82}
.br-bet__foot time,.br-res__top time{color:var(--br-muted);font-size:12px;font-weight:600;white-space:nowrap}
.br-bet__winner{display:inline-flex;align-items:center;gap:6px}
.br-bet__more{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0;padding:10px 14px 12px 16px;border-top:1px dashed var(--br-line)}
.br-bet__more div{display:grid;gap:4px;min-width:0}
.br-bet__more dd{margin:0;font-size:13px;font-weight:700;color:var(--text,#f7f8fb);overflow-wrap:anywhere}
.br-bet__ref dd{overflow-wrap:normal;min-width:0}
.br-ref{display:block;max-width:100%;margin:0;padding:0;border:0;background:none;color:var(--text,#f7f8fb);font:600 12px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;letter-spacing:0;text-align:left;cursor:copy}
.br-ref span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.br-ref.is-copied{color:var(--green,#46d18b)}
.br-ref:focus-visible{outline:2px solid var(--gold-bright,#ffd878);outline-offset:2px;border-radius:4px}
.br-bet.is-open{border-color:color-mix(in srgb,var(--gold,#e8b84c) 35%,transparent)}

/* compact (arena) bet card */
.br-bet--compact .br-bet__hit{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:10px 12px 10px 14px}
.br-bet--compact .br-bet__top{grid-column:1/-1}
.br-bet--compact .br-bet__mid{grid-column:1/-1}
.br-bet--compact .br-stats{grid-column:1/-1;padding:6px 8px}
.br-bet--compact .br-bet__foot{grid-column:1/-1}
.br-bet--compact .br-pl{font-size:15px}

/* results */
.br-dots{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 1px}
.br-dots::-webkit-scrollbar{display:none}
.br-dot{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:900;color:#fff;background:rgba(255,255,255,.12)}
.br-dot--meron{background:var(--br-meron)}.br-dot--wala{background:var(--br-wala)}.br-dot--draw{background:var(--br-draw);color:#06261a}
.br-dot--cancelled,.br-dot--none{background:rgba(255,255,255,.14);color:var(--text-soft,#b8bfcc)}
.br-res{display:grid;gap:10px;padding:12px 14px;border:1px solid var(--br-line);border-radius:16px;background:linear-gradient(180deg,var(--br-card-2),var(--br-card));min-width:0}
.br-res__main{flex-wrap:wrap;justify-content:flex-start}
.br-odds{display:inline-flex;gap:4px;margin-left:auto}
.br-odds__s{display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:0 8px;border-radius:8px;background:rgba(255,255,255,.05);font-size:12.5px;font-weight:800;color:var(--text-soft,#b8bfcc)}
.br-odds__s i,.br-book__s i{font-style:normal;font-size:11.5px;font-weight:900}
.br-odds__s--meron i,.br-book__s--meron i{color:var(--br-meron)}.br-odds__s--wala i,.br-book__s--wala i{color:var(--br-wala)}.br-odds__s--draw i,.br-book__s--draw i{color:var(--br-draw)}
.br-odds__s.is-win{color:var(--text,#f7f8fb);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold,#e8b84c) 55%,transparent)}
.br-book{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.br-book__s{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 6px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.18);min-width:0}
.br-book__s b{font-size:13px;font-weight:800;color:var(--text,#f7f8fb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-book__s small{grid-column:2;color:var(--br-muted);font-size:11.5px;font-weight:700}
.br-mine{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;padding:8px 10px;border-radius:12px;background:color-mix(in srgb,var(--gold,#e8b84c) 7%,transparent);border:1px solid color-mix(in srgb,var(--gold,#e8b84c) 18%,transparent)}
.br-mine__picks{display:flex!important;flex-wrap:wrap;gap:4px 10px}
.br-mine__picks .br-side{font-size:13px}
.br-mine em{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--text-soft,#b8bfcc)}
.br-res--compact{padding:10px 12px;gap:8px}
.br-res--compact .br-mine{padding:6px 8px}

/* arena tab bodies */
.br-arena{display:grid;gap:10px;padding:10px 12px 4px}
.br-arena__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.br-arena-sum{display:flex;gap:14px}
.br-arena-sum>span{text-align:right}
.arena-mybets .br-arena{padding-top:12px}
.recent-arena__body .br-arena .br-list--compact,.arena-mybets .br-list--compact{gap:8px}

/* Summary: counts get their own row until the page is wide enough for 4 roomy tiles beside the totals. */
@container brpage (min-width:560px){
  .br-summary--results{grid-template-columns:repeat(4,minmax(0,1fr))}
  .br-summary__cell b{font-size:19px}
}
@container brpage (min-width:920px){
  .br-summary:not(.br-summary--results){grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.8fr)}
  .br-summary:not(.br-summary--results) .br-summary__counts{grid-column:auto;align-self:stretch}
  .br-summary__cell b{font-size:20px}
}
@media (min-width:1000px){
  .br-page .br-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .br-arena .br-list--compact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
}
@media (max-width:420px){
  .br-summary__cell{padding:10px}
  .br-summary__cell b{font-size:15px}
  .br-odds{margin-left:0}
  .br-res__main{gap:8px}
  .br-bet__more{grid-template-columns:1fr 1fr}
  .br-bet__more div:last-child{grid-column:1/-1}
}

/* ---------- Results table (mine-only; #results and the arena Results tab) ---------- */
.br-rt{display:grid;gap:8px;min-width:0}
.br-rt__head{display:none}
.br-rt__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"match pl" "cat win" "pick amt";align-items:center;gap:8px 12px;padding:12px 14px 12px 16px;border:1px solid var(--br-line);border-radius:14px;background:linear-gradient(180deg,var(--br-card-2),var(--br-card));overflow:hidden;min-width:0}
.br-rt__row::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:rgba(255,255,255,.12)}
.br-rt__row--pl-pos::before{background:var(--green,#46d18b)}.br-rt__row--pl-neg::before{background:var(--red,#ef4e57)}
.br-rt__c{min-width:0;font-size:13px;font-weight:700;color:var(--text,#f7f8fb)}
.br-rt__c--match{grid-area:match;display:grid;gap:2px}
.br-rt__c--match b{color:var(--gold-bright,#ffd878);font-size:15px;font-weight:800}
.br-rt__c--match time{color:var(--br-muted);font-size:11.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-rt__c--cat{grid-area:cat;color:var(--text-soft,#b8bfcc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-rt__c--amt{grid-area:amt;justify-self:end;text-align:right;white-space:nowrap}
.br-rt__c--amt b{font-size:14px;font-weight:800}
.br-rt__c--pick{grid-area:pick}
.br-rt__c--win{grid-area:win;justify-self:end}
.br-rt__c--pl{grid-area:pl;justify-self:end;text-align:right}
.br-rt__c--pl .br-pl{font-size:15px}
.br-rt__c[data-label]::before{content:attr(data-label);display:block;margin-bottom:2px;color:var(--br-muted);font-size:11px;font-weight:700;letter-spacing:.2px}
.br-rt__picks{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;font-size:13.5px}
.br-rt__picks>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft,#b8bfcc)}
.br-rt__crests{display:inline-flex;flex:0 0 auto}
.br-rt__crests .br-crest+.br-crest{margin-left:-5px}
.br-rt__pick{font-weight:800}
.br-rt__pick--meron{color:var(--br-meron)}.br-rt__pick--wala{color:var(--br-wala)}.br-rt__pick--draw{color:var(--br-draw)}
.br-rt .br-win{min-height:26px;font-size:12.5px}
@container brpage (min-width:640px){
  .br-rt{gap:0;border:1px solid var(--br-line);border-radius:16px;background:linear-gradient(180deg,var(--br-card-2),var(--br-card));overflow:hidden}
  .br-rt__head,.br-rt__row{grid-template-columns:minmax(104px,1.05fr) minmax(88px,1fr) minmax(88px,.85fr) minmax(120px,1.35fr) minmax(104px,1fr) minmax(96px,.9fr);grid-template-areas:none;gap:12px;padding:10px 16px 10px 18px}
  .br-rt__head{display:grid;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--br-line);color:var(--br-muted);font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
  .br-rt__head span:last-child{text-align:right}
  .br-rt__row{border:0;border-radius:0;background:none}
  .br-rt__row+.br-rt__row{border-top:1px solid var(--br-line)}
  .br-rt__c,.br-rt__c--amt,.br-rt__c--win{grid-area:auto;justify-self:start;text-align:left}
  .br-rt__c--pl{grid-area:auto;justify-self:end;text-align:right}
  .br-rt__c[data-label]::before{display:none}
}
@container brarena (min-width:640px){
  .br-rt{gap:0;border:1px solid var(--br-line);border-radius:14px;overflow:hidden}
  .br-rt__head,.br-rt__row{grid-template-columns:minmax(100px,1.05fr) minmax(84px,1fr) minmax(84px,.85fr) minmax(112px,1.35fr) minmax(100px,1fr) minmax(90px,.9fr);grid-template-areas:none;gap:12px;padding:9px 14px 9px 16px}
  .br-rt__head{display:grid;border-bottom:1px solid var(--br-line);color:var(--br-muted);font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
  .br-rt__head span:last-child{text-align:right}
  .br-rt__row{border:0;border-radius:0;background:none}
  .br-rt__row+.br-rt__row{border-top:1px solid var(--br-line)}
  .br-rt__c,.br-rt__c--amt,.br-rt__c--win{grid-area:auto;justify-self:start;text-align:left}
  .br-rt__c--pl{grid-area:auto;justify-self:end;text-align:right}
  .br-rt__c[data-label]::before{display:none}
}
.br-rt__head span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* 'Amount bet' header stays on one line */
/* ==== end v116 bets-results ==== */