/* The Consensus page, after the owner's "Consensus Scores" mockup (2026-10-13). Scoped to .cs-page. */
.cs-page,dialog.cs-detail{--cs-page:#101720;--cs-panel:#131c25;--cs-panel2:#18222e;--cs-line:#223040;--cs-line2:#2a394b;--cs-text:#eaf0f4;--cs-muted:#8b9eb7;
 --cs-green:#39d7a5;--cs-red:#f25b6a;--cs-blue:#83a8ec}
.cs-page{color:var(--cs-text);font-family:"Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif;
 background:linear-gradient(105deg,#101820,#101720 54%,#0e1720);border:1px solid var(--cs-line);border-radius:12px;padding:16px 16px 24px;min-width:0}
.cs-page{container:cs/inline-size}
.cs-page *,dialog.cs-detail *{box-sizing:border-box}
.cs-head{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:center;justify-content:flex-start;margin:0}
.cs-brand{display:flex;gap:10px;align-items:center;min-width:0;flex:1 1 200px}
.cs-brand img{width:26px;height:29px}
.cs-brand p{margin:0;color:#a3b4c9;font-size:13px;letter-spacing:.2px}
.cs-head .cs-search{flex:1 1 220px;max-width:340px}
.cs-search,.cs-date{height:36px;border:1px solid var(--cs-line2);border-radius:6px;background:linear-gradient(115deg,#18222e,#151e29);color:#8ea3bf;display:flex;align-items:center;gap:8px;padding:0 10px}
.cs-search input{flex:1;min-width:0;background:none;border:0;outline:none;color:#e4ebf3;font:inherit;font-size:13px;padding:0;border-radius:0}
.cs-search input::placeholder{color:#8b9db4}
.cs-date{gap:4px;padding:0 4px}
.cs-date input{background:none;border:0;color:#d1dce9;font:inherit;font-size:13px;color-scheme:dark;padding:0 4px}
.cs-date button{background:none;border:0;color:#a9bbd0;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px}
.cs-date button:hover{background:#ffffff10}
.cs-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 14px;flex-wrap:wrap}
.cs-tabs{display:flex;gap:4px;flex-wrap:wrap}
.cs-tab{background:none;border:0;color:#a7b6c9;font:inherit;font-size:13px;letter-spacing:.3px;padding:7px 11px;border-bottom:2px solid transparent;cursor:pointer}
.cs-tab.active{color:#fff;border-bottom-color:var(--cs-blue);font-weight:700}
.cs-tab:hover{color:#fff}
.cs-reliable{display:flex;align-items:center;gap:10px}
.cs-toggle{display:flex;align-items:center;gap:8px;border:1px solid #1f6e58;background:#10302a;color:#cfeee4;border-radius:7px;padding:7px 10px;font:inherit;font-size:12.5px;cursor:pointer}
.cs-toggle .cs-switch{width:30px;height:17px;border-radius:9px;background:#34465a;position:relative;flex-shrink:0;transition:background .15s}
.cs-toggle .cs-switch:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#dfe7ef;transition:left .15s}
.cs-toggle[aria-pressed="true"] .cs-switch{background:var(--cs-green)}
.cs-toggle[aria-pressed="true"] .cs-switch:after{left:15px}
.cs-toggle[aria-pressed="false"]{border-color:var(--cs-line2);background:var(--cs-panel2);color:#b8c6d6}
.cs-count{color:var(--cs-muted);font-size:12.5px}
.cs-league{background:var(--cs-panel);border:1px solid var(--cs-line);border-radius:8px;margin-bottom:16px;overflow:hidden}
.cs-league-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:10px 14px;border-bottom:1px solid var(--cs-line);background:#141e29}
.cs-league-name{display:flex;align-items:center;gap:10px}
.cs-league-name img{height:24px;width:auto}
.cs-league-name h2{margin:0;font-size:18px;font-weight:700;letter-spacing:.3px}
.cs-view-all{background:none;border:0;color:#a9bbd0;font:inherit;font-size:12.5px;cursor:pointer}
.cs-cols,.cs-row{display:grid;grid-template-columns:minmax(150px,1.15fr) minmax(150px,1fr) minmax(300px,2fr);gap:12px;padding:0 14px}
.cs-cols{color:#9fb0c5;font-size:11px;letter-spacing:.4px;text-transform:uppercase;padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--cs-line)}
.cs-row{padding-top:12px;padding-bottom:12px;border-bottom:1px solid var(--cs-line);align-items:center}
.cs-row:last-child{border-bottom:0}
.cs-teams{display:grid;gap:6px}
.cs-team{display:flex;align-items:center;gap:8px;min-width:0}
.cs-team img,.cs-team .cs-ph{width:22px;height:22px;flex-shrink:0;object-fit:contain}
.cs-ph{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#22303f;color:#b9c7d8;font-size:9px;font-weight:700}
.cs-team-name{font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-record{color:var(--cs-muted);font-size:11.5px;margin-left:2px;white-space:nowrap}
.cs-venue{color:var(--cs-muted);font-size:11.5px;margin-top:6px}
.cs-state{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}
.cs-status{display:grid;gap:4px;justify-items:start;font-size:13px;color:#d4dde8;min-width:62px}
.cs-live{background:var(--cs-red);color:#fff;font-weight:700;font-size:11px;padding:2px 6px;border-radius:4px;letter-spacing:.4px}
.cs-final{color:var(--cs-muted);font-weight:700;font-size:11px;letter-spacing:.4px}
.cs-mini{display:grid;justify-items:center;gap:4px;min-width:0}
.cs-mini-score{font-weight:700;font-size:12px;white-space:nowrap}
.cs-mini img{max-width:104px;width:100%;height:auto;opacity:.95}
.cs-mini-caption{display:flex;align-items:center;gap:5px;color:var(--cs-muted);font-size:11px;white-space:nowrap}
.cs-dot{width:6px;height:6px;border-radius:50%;background:#8ea6c3}
.cs-dot.live{background:var(--cs-green)}
.cs-markets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cs-card{position:relative;display:flex;align-items:stretch;border:1px solid var(--cs-line2);border-radius:7px;background:linear-gradient(115deg,#18222e,#151e29);min-width:0}
.cs-card.cs-none{opacity:.55}
.cs-open{flex:1;min-width:0;background:none;border:0;color:inherit;font:inherit;text-align:left;padding:8px 9px;cursor:pointer;display:grid;gap:3px}
.cs-open:hover{background:#ffffff08}
.cs-market{color:#a7b6c9;font-size:11.5px}
/* A long name ('Francischinelli') gives way, never the percentage. */
.cs-pct{font-size:16px;white-space:nowrap;display:flex;align-items:baseline;gap:4px;min-width:0}
.cs-pct span{overflow:hidden;text-overflow:ellipsis;min-width:0}
.cs-pct b{font-weight:700;flex-shrink:0}
.cs-pct.lead{color:var(--cs-green)}
.cs-pct.lead.home,.cs-pct.lead.under{color:var(--cs-red)}
.cs-pct.split{color:#c9d4e2}
.cs-cappers{color:var(--cs-muted);font-size:11.5px}
.cs-plus{width:30px;margin:8px 7px 8px 0;border:0;border-radius:6px;background:#1e5c4b;color:#e7fff6;font-size:18px;line-height:1;cursor:pointer;align-self:center;height:30px}
.cs-plus:hover{background:#257a63}
.cs-plus:disabled{background:#26313d;color:#6e7f93;cursor:default}
.cs-empty{color:var(--cs-muted);padding:22px 14px;text-align:center}
.cs-note{color:var(--cs-muted);font-size:11.5px;margin-top:8px}
dialog.cs-detail{width:min(640px,calc(100vw - 24px));max-width:none;max-height:calc(100vh - 40px);background:#141d27;color:var(--cs-text);border:1px solid #2b3a4c;border-radius:12px;padding:0;
 font-family:"Roboto Condensed","Arial Narrow","Helvetica Neue",Arial,sans-serif}
dialog.cs-detail::backdrop{background:#05080dcc}
.cs-detail-head{display:flex;justify-content:space-between;gap:10px;padding:16px 18px;border-bottom:1px solid #243243}
.cs-detail-head small{color:var(--cs-green);letter-spacing:.6px;font-size:11px;text-transform:uppercase}
.cs-detail-head h3{margin:4px 0 0;font-size:20px}
.cs-close{background:none;border:0;color:#a9bbd0;font-size:22px;cursor:pointer;line-height:1}
.cs-detail-body{padding:14px 18px 18px;display:grid;gap:14px;container:csd/inline-size}
.cs-follow-lead{background:var(--cs-green);color:#04291f;border:0;border-radius:7px;font:inherit;font-size:14px;font-weight:700;padding:11px 16px;cursor:pointer}
.cs-follow-lead:hover{background:#5ae3b7}
.cs-big{display:flex;align-items:baseline;gap:10px}
.cs-big b{font-size:40px;color:var(--cs-green);font-weight:700}
.cs-big span{color:#c7d3e1;font-size:13px}
.cs-filter-note{border:1px solid #1f5a4a;background:#112a25;color:#cfeee4;border-radius:7px;padding:9px 12px;font-size:12.5px}
.cs-side{border:1px solid #243243;border-radius:8px;overflow:hidden}
.cs-side h4{margin:0;padding:9px 12px;background:#18232f;font-size:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cs-side h4 span{color:#a9bbd0;font-weight:400;font-size:12.5px}
.cs-pick{display:grid;grid-template-columns:minmax(0,1.4fr) .7fr .9fr .5fr auto;gap:8px;align-items:center;padding:8px 12px;border-top:1px solid #1f2b39;font-size:13px}
.cs-pick:first-of-type{border-top:0}
.cs-pick-who{min-width:0}
.cs-pick-who strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cs-pick-who small{color:var(--cs-muted);font-size:11.5px}
.cs-reliable-badge{color:var(--cs-green)}
.cs-pick small.cs-posted{color:var(--cs-muted);display:block;font-size:11px}
.cs-result{font-weight:700;font-size:11.5px;text-transform:uppercase}
.cs-result.won{color:var(--cs-green)}.cs-result.lost{color:var(--cs-red)}.cs-result.push{color:#c9d4e2}
.cs-follow-box:empty{display:none}
.cs-follow-box{grid-column:1/-1}
.cs-disclaimer{color:#7f92a9;font-size:11px}
@media (max-width:760px){.cs-page{padding:12px 10px 18px;border-radius:0;border-left:0;border-right:0}}
@container cs (max-width:880px){
 .cs-head .cs-search{max-width:none}
 .cs-cols{display:none}
 .cs-row{grid-template-columns:1fr auto;gap:10px 12px}
 .cs-state{grid-template-columns:auto auto;gap:12px}
 .cs-mini-score.cs-dash{display:none}
 .cs-mini img{max-width:78px}
 .cs-markets{grid-column:1/-1}
 .cs-open{padding:7px}
 .cs-pct{font-size:14px}
 .cs-plus{width:26px;height:26px;margin-right:5px;font-size:16px}
}
@container cs (max-width:480px){
 .cs-mini img,.cs-mini-caption{display:none}
 .cs-state{gap:0}
 .cs-team-name{font-size:13.5px}
 .cs-markets{gap:6px}
 .cs-open{padding:7px 8px}
 .cs-pct{font-size:13.5px}
 .cs-plus{position:absolute;top:5px;right:5px;width:22px;height:22px;margin:0;font-size:14px;border-radius:5px}
}
@container csd (max-width:520px){
 .cs-pick{grid-template-columns:minmax(0,1fr) auto auto auto;gap:6px 10px}
 .cs-pick .cs-units{display:none}
 .cs-big b{font-size:32px}
}
.nav-trophy{--icon:url('/static/studio-assets/trophy.svg')}