/* Compact match presentation. Values, outcome order and bar percentages remain server supplied. */
html:root .rt-cards-v3 .rt-market-card { padding:12px 16px 14px; gap:0; }
html:root .rt-cards-v3 .rt-market-title { display:flex; margin:12px 0; min-height:48px; font-size:16px; line-height:1.4; gap:10px; }
html:root .rt-cards-v3 .rt-market-title .rt-team-logo { width:42px; height:42px; flex:0 0 42px; border-radius:8px; }
html:root .rt-cards-v3 .rt-market-title .rt-market-team { gap:10px; }
html:root .rt-cards-v3 .rt-market-title .rt-team-name { overflow-wrap:anywhere; }
html:root .rt-cards-v3 .rt-market-title > small {
 display:inline-flex; align-items:center; justify-content:center; flex:0 0 40px;
 width:40px; height:34px; box-sizing:border-box; padding:0; border:1px solid var(--rt-brand);
 border-radius:9px; color:#bca3ff; background:rgba(var(--rt-brand-rgb),.08);
 box-shadow:0 0 12px rgba(var(--rt-brand-rgb),.14); font-size:13px; font-weight:750; letter-spacing:.3px;
}
html:root .rt-cards-v3 .rt-market-body { flex:none; min-height:0; display:block; }
html:root .rt-cards-v3 .rt-market-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
html:root .rt-cards-v3 .rt-market-choice { display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto 9px; align-items:center; gap:4px; min-width:0; min-height:0; border:0; padding:0; text-align:center; }
html:root .rt-cards-v3 .rt-market-choice-label { grid-column:1; grid-row:1; min-width:0; padding:0; font-size:12px; line-height:1.4; text-align:center; overflow-wrap:anywhere; }
html:root .rt-cards-v3 .rt-market-choice-label::before { content:none; }
html:root .rt-cards-v3 .rt-market-percent { grid-column:1; grid-row:2; text-align:center; font-size:19px; }
html:root .rt-cards-v3 .rt-market-bar { grid-column:1; grid-row:3; width:100%; height:9px; }
html:root .rt-cards-v3 .rt-market-choice:first-child { --market-choice-color:var(--rt-data-blue); }
html:root .rt-cards-v3 .rt-market-choice:last-child { --market-choice-color:var(--rt-brand); }
html:root .rt-cards-v3 .rt-market-choices[data-choice-count="2"] { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
html:root .rt-cards-v3 .rt-league-repeated { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
html:root .rt-cards-v3 [data-choice-count="2"] .rt-market-percent { font-size:21px; }
html:root .rt-cards-v3 .rt-market-meta time { margin-left:auto; }
html:root .rt-cards-v3 .rt-market-pending { min-height:52px; justify-content:flex-start; }
@media(max-width:1000px) {
 html:root .rt-cards-v3 .rt-market-title { font-size:14px; gap:6px; }
 html:root .rt-cards-v3 .rt-market-title .rt-team-logo { width:32px; height:32px; flex-basis:32px; }
 html:root .rt-cards-v3 .rt-market-title .rt-market-team { gap:6px; }
 html:root .rt-cards-v3 .rt-market-title > small { flex-basis:34px; width:34px; height:30px; font-size:12px; border-radius:8px; }
 html:root .rt-cards-v3 .rt-market-choices { gap:10px; }
 html:root .rt-cards-v3 .rt-market-choice { grid-template-rows:auto auto 8px; }
 html:root .rt-cards-v3 .rt-market-percent { font-size:18px; }
 html:root .rt-cards-v3 .rt-market-bar { grid-row:3; height:8px; }
 html:root .rt-cards-v3 [data-choice-count="2"] .rt-market-percent { font-size:20px; }
}
@media(max-width:350px) {
 html:root .rt-cards-v3 .rt-market-card { padding:12px; }
 html:root .rt-cards-v3 .rt-market-title .rt-team-logo { width:28px; height:28px; flex-basis:28px; }
 html:root .rt-cards-v3 .rt-market-title { font-size:13px; }
 html:root .rt-cards-v3 .rt-market-choice-label { font-size:11px; }
}

/* League mode only: dense cards over the same DTO, outcomes and detail link. */
html:root .rt-cards-v3.rt-sort-league .rt-market-card { padding:10px 13px 12px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-meta { min-height:24px; justify-content:center; }
html:root .rt-cards-v3.rt-sort-league .rt-compact-datetime-badge {
 display:inline-flex; align-items:center; justify-content:center; gap:6px; margin:0 auto;
 padding:4px 12px; border:1px solid var(--rt-data-blue); border-radius:999px;
 background:color-mix(in srgb,var(--rt-data-blue) 9%,transparent); color:#d8ddf1; font-size:11px; font-weight:650;
 line-height:1.35; white-space:nowrap; font-variant-numeric:tabular-nums;
}
html:root .rt-cards-v3.rt-sort-league .rt-compact-datetime-badge svg { width:13px; height:13px; flex:0 0 13px; fill:none; stroke:var(--rt-data-blue); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
html:root .rt-cards-v3.rt-sort-league .rt-compact-datetime-badge i { color:#9aa6c6; font-style:normal; font-weight:500; }
html:root .rt-cards-v3.rt-sort-league .rt-compact-datetime-badge strong { color:#f1f4ff; font-size:12px; font-weight:800; }
html:root .rt-cards-v3.rt-sort-league .rt-market-title { margin:6px 0 10px; min-height:42px; gap:8px; font-size:14px; line-height:1.3; }
html:root .rt-cards-v3.rt-sort-league .rt-market-title .rt-team-logo { width:34px; height:34px; flex-basis:34px; border-radius:7px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-title .rt-market-team { gap:7px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-title .rt-team-name { overflow-wrap:anywhere; }
html:root .rt-cards-v3.rt-sort-league .rt-market-title > small { flex-basis:32px; width:32px; height:29px; border-radius:8px; font-size:11px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-choices { gap:10px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-choice { grid-template-rows:minmax(30px,auto) auto 8px; gap:3px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-choice-label { display:flex; align-items:flex-end; justify-content:center; font-size:12px; line-height:1.25; }
html:root .rt-cards-v3.rt-sort-league .rt-market-percent { font-size:18px; line-height:1.2; }
html:root .rt-cards-v3.rt-sort-league .rt-market-bar { height:8px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-choices[data-choice-count="2"] { gap:16px; }
html:root .rt-cards-v3.rt-sort-league [data-choice-count="2"] .rt-market-percent { font-size:19px; }
html:root .rt-cards-v3.rt-sort-league .rt-market-pending { min-height:54px; }
@media(max-width:700px) {
 html:root .rt-cards-v3.rt-sort-league .rt-market-card { padding:10px 12px 12px; }
 html:root .rt-cards-v3.rt-sort-league .rt-market-title { font-size:13px; }
 html:root .rt-cards-v3.rt-sort-league .rt-market-title .rt-team-logo { width:32px; height:32px; flex-basis:32px; }
 html:root .rt-cards-v3.rt-sort-league .rt-market-title > small { flex-basis:30px; width:30px; height:28px; }
 html:root .rt-cards-v3.rt-sort-league .rt-market-choice-label { font-size:11px; }
 html:root .rt-cards-v3.rt-sort-league .rt-compact-datetime-badge { gap:4px; padding:3px 9px; font-size:10px; }
}