.sp-home-v1{--sp-ink:#18212f;--sp-muted:#667085;--sp-line:#e3e8ef;--sp-soft:#f5f7fa;--sp-card:#ffffff;--sp-accent:#2857d9;--sp-accent-deep:#173da8;max-width:1180px;margin:0 auto;padding:28px 18px 54px;color:var(--sp-ink);}.sp-home-v1 *{box-sizing:border-box;}.sp-hub-groups,.sp-hub-fixture,.sp-hub-panel{overflow-anchor:none;}html.sp-fixture-switching,html.sp-fixture-switching body{overflow-anchor:none;scroll-behavior:auto !important;}html.sp-fixture-switching .sp-hub-fixture-summary{pointer-events:none;}.sp-home-v1-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:30px;align-items:stretch;padding:38px 24px;border:1px solid var(--sp-line);border-radius:24px;background:radial-gradient( circle at 88% 12%,rgba(40,87,217,.14),transparent 32% ),linear-gradient( 145deg,#ffffff 0%,#f4f7ff 100% );}.sp-home-v1-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-accent-deep);}.sp-home-v1-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sp-accent);box-shadow:0 0 0 5px rgba(40,87,217,.10);}.sp-home-v1-hero h1{max-width:800px;margin:0;font-size:clamp(34px,6vw,62px);line-height:1.02;letter-spacing:-.045em;}.sp-home-v1-hero-copy{max-width:650px;margin:18px 0 0;font-size:17px;line-height:1.65;color:var(--sp-muted);}.sp-home-v1-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;}.sp-home-v1-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid var(--sp-accent);text-decoration:none;font-weight:750;line-height:1;}.sp-home-v1-button-primary{color:#fff;background:var(--sp-accent);}.sp-home-v1-button-secondary{color:var(--sp-accent-deep);background:rgba(255,255,255,.75);}.sp-home-v1-markets{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;}.sp-home-v1-market{padding:8px 11px;border:1px solid var(--sp-line);border-radius:999px;background:rgba(255,255,255,.78);font-size:12px;font-weight:800;letter-spacing:.02em;}.sp-home-v1-section{margin-top:34px;}.sp-home-v1-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px;}.sp-home-v1-section-head h2{margin:0;font-size:clamp(24px,4vw,34px);line-height:1.1;letter-spacing:-.025em;}.sp-home-v1-section-head p{max-width:590px;margin:7px 0 0;line-height:1.55;color:var(--sp-muted);}.sp-home-v1-text-link{flex:0 0 auto;color:var(--sp-accent-deep);font-weight:750;text-decoration:none;}.sp-home-v1-fixtures{padding:14px 16px;border:1px solid var(--sp-line);border-radius:18px;background:#fbfcfe;}.sp-home-v1-fixtures .empty-icon{display:none !important;}.sp-home-v1-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}.sp-home-v1-principle{padding:20px;border:1px solid var(--sp-line);border-radius:18px;background:var(--sp-card);}.sp-home-v1-principle-index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:15px;border-radius:10px;background:var(--sp-soft);color:var(--sp-accent-deep);font-size:12px;font-weight:850;}.sp-home-v1-principle h3{margin:0 0 8px;font-size:17px;}.sp-home-v1-principle p{margin:0;color:var(--sp-muted);line-height:1.55;font-size:14px;}.sp-home-v1-hero-side{display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(40,87,217,.15);border-radius:18px;background:rgba(255,255,255,.74);}.sp-home-v1-side-eyebrow{margin:0 0 12px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted);}.sp-home-v1-side-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--sp-line);}.sp-home-v1-side-row:first-of-type{border-top:0;padding-top:0;}.sp-home-v1-side-code{display:inline-flex;align-items:center;justify-content:center;min-width:68px;min-height:36px;padding:0 10px;border-radius:10px;background:var(--sp-soft);color:var(--sp-accent-deep);font-size:12px;font-weight:850;}.sp-home-v1-side-copy strong{display:block;margin-bottom:2px;font-size:14px;}.sp-home-v1-side-copy span{color:var(--sp-muted);font-size:12px;line-height:1.4;}.sp-home-v1-side-note{margin:0;padding-top:14px;border-top:1px solid var(--sp-line);color:var(--sp-muted);font-size:12px;line-height:1.5;}.sp-home-v1-note{margin-top:26px;padding:14px 16px;border-radius:14px;background:var(--sp-soft);color:var(--sp-muted);font-size:13px;line-height:1.55;}@media (max-width:760px){.sp-home-v1{padding:18px 12px 40px;}.sp-home-v1-hero{grid-template-columns:1fr;gap:20px;padding:30px 18px;border-radius:19px;}.sp-home-v1-hero-side{padding:16px;}.sp-home-v1-section-head{align-items:start;flex-direction:column;}.sp-home-v1-principles{grid-template-columns:1fr;}.sp-home-v1-fixtures{padding:11px;border-radius:16px;}.sp-home-v1-actions{display:grid;grid-template-columns:1fr;}}.sp-hub{border:1px solid var(--sp-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 16px 42px rgba(24,33,47,.055);}.sp-hub-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:22px 22px 18px;border-bottom:1px solid var(--sp-line);background:linear-gradient(180deg,#ffffff 0%,#fafcff 100%);}.sp-hub-head h2{margin:0;font-size:clamp(24px,3vw,34px);letter-spacing:-.03em;}.sp-hub-head p{max-width:690px;margin:7px 0 0;color:var(--sp-muted);line-height:1.55;}.sp-hub-count{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;border-radius:999px;background:#eef3ff;color:var(--sp-accent-deep);font-size:13px;font-weight:800;white-space:nowrap;}.sp-hub-calendar-wrap{padding:14px 16px 10px;border-bottom:1px solid var(--sp-line);background:#fbfcff;}.sp-hub-calendar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(74px,1fr);gap:8px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding:2px 1px 7px;}.sp-hub-day{scroll-snap-align:center;display:grid;gap:2px;min-height:68px;align-content:center;padding:8px 7px;border:1px solid var(--sp-line);border-radius:14px;background:#fff;color:var(--sp-ink);text-align:center;text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease;}.sp-hub-day:hover{border-color:#b8c7f4;transform:translateY(-1px);}.sp-hub-day.is-selected{border-color:var(--sp-accent);background:#eef3ff;box-shadow:inset 0 0 0 1px var(--sp-accent);}.sp-hub-day.is-today:not(.is-selected){border-color:#c9d3e6;}.sp-hub-day-name,.sp-hub-day-month{color:var(--sp-muted);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}.sp-hub-day-number{font-size:20px;line-height:1;font-weight:850;}.sp-hub-day-count{font-size:10px;color:var(--sp-accent-deep);font-weight:800;}.sp-hub-tools{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--sp-line);}.sp-hub-search{position:relative;}.sp-hub-search input{width:100%;min-height:42px;padding:10px 13px 10px 39px;border:1px solid var(--sp-line);border-radius:12px;background:#fff;color:var(--sp-ink);font:inherit;outline:none;}.sp-hub-search input:focus{border-color:#9db1ef;box-shadow:0 0 0 3px rgba(40,87,217,.10);}.sp-hub-search::before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-52%);color:var(--sp-muted);font-size:20px;pointer-events:none;}.sp-hub-filters{display:flex;gap:6px;overflow-x:auto;}.sp-hub-filter{min-height:38px;padding:8px 12px;border:1px solid var(--sp-line);border-radius:999px;background:#fff;color:var(--sp-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;}.sp-hub-filter.is-active{border-color:var(--sp-accent);background:var(--sp-accent);color:#fff;}.sp-hub-groups{display:grid;}.sp-hub-league{border-bottom:1px solid var(--sp-line);}.sp-hub-league:last-child{border-bottom:0;}.sp-hub-league-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;background:#f8fafc;}.sp-hub-league-name{font-size:13px;font-weight:850;}.sp-hub-league-count{color:var(--sp-muted);font-size:11px;font-weight:750;}.sp-hub-fixture{border-top:1px solid #edf0f4;background:#fff;}.sp-hub-fixture:first-of-type{border-top:0;}.sp-hub-fixture[open]{background:#fbfcff;}.sp-hub-fixture summary{list-style:none;cursor:pointer;}.sp-hub-fixture summary::-webkit-details-marker{display:none;}.sp-hub-fixture-summary{display:grid;grid-template-columns:minmax(230px,1.45fr) minmax(84px,.42fr) repeat(5,minmax(74px,.43fr)) 24px;gap:10px;align-items:center;min-height:76px;padding:11px 16px;}.sp-hub-teams{min-width:0;display:grid;gap:3px;}.sp-hub-team{overflow:hidden;color:var(--sp-ink);font-size:14px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;}.sp-hub-vs{color:#98a2b3;font-size:10px;font-weight:800;text-transform:uppercase;}.sp-hub-kickoff{display:grid;gap:2px;text-align:center;}.sp-hub-kickoff strong{font-size:13px;}.sp-hub-kickoff span{color:var(--sp-muted);font-size:10px;}.sp-hub-market{display:grid;gap:3px;text-align:center;}.sp-hub-market span{color:var(--sp-muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;}.sp-hub-market strong{font-size:14px;font-variant-numeric:tabular-nums;}.sp-hub-chevron{color:var(--sp-muted);font-size:18px;text-align:right;transition:transform .16s ease;}.sp-hub-fixture[open] .sp-hub-chevron{transform:rotate(180deg);}.sp-hub-panel{padding:0 16px 17px;}.sp-hub-panel-inner{display:grid;gap:18px;padding:17px;border:1px solid #dfe6f2;border-radius:16px;background:#fff;}.sp-hub-panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;}.sp-hub-panel-title h3{margin:0;font-size:17px;}.sp-hub-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:850;text-transform:uppercase;}.sp-hub-distribution{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}.sp-hub-prob-card{padding:11px;border:1px solid var(--sp-line);border-radius:12px;background:#fbfcfe;}.sp-hub-prob-card-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;color:var(--sp-muted);font-size:11px;font-weight:750;}.sp-hub-prob-card-head strong{color:var(--sp-ink);font-size:13px;}.sp-hub-bar{height:7px;overflow:hidden;border-radius:999px;background:#e9edf4;}.sp-hub-bar > span{display:block;height:100%;border-radius:inherit;background:var(--sp-accent);}.sp-hub-binary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}.sp-hub-binary-card{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:13px;border:1px solid var(--sp-line);border-radius:12px;}.sp-hub-binary-card > strong{font-size:13px;}.sp-hub-binary-values{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:7px;}.sp-hub-binary-values span{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:9px;background:#f7f9fc;color:var(--sp-muted);font-size:11px;}.sp-hub-binary-values b{color:var(--sp-ink);font-variant-numeric:tabular-nums;}.sp-hub-signals{padding:14px;border:1px dashed #cfd8e8;border-radius:14px;background:#fbfcfe;}.sp-hub-signals-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px;}.sp-hub-signals-head strong{font-size:13px;}.sp-hub-signals-head span{color:var(--sp-muted);font-size:11px;}.sp-hub-signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}.sp-hub-signal{padding:9px;border-radius:10px;background:#fff;color:var(--sp-muted);font-size:10px;}.sp-hub-signal b{display:block;margin-top:5px;color:var(--sp-ink);font-size:13px;}.sp-hub-proof{display:flex;flex-wrap:wrap;gap:8px 16px;padding-top:2px;color:var(--sp-muted);font-size:10px;}.sp-hub-empty{padding:34px 20px;text-align:center;}.sp-hub-empty h3{margin:0 0 8px;font-size:18px;}.sp-hub-empty p{max-width:570px;margin:0 auto;color:var(--sp-muted);line-height:1.55;}.sp-hub-no-results{display:none;padding:24px 18px;text-align:center;color:var(--sp-muted);}@media (max-width:880px){.sp-hub-head{align-items:flex-start;flex-direction:column;}.sp-hub-tools{grid-template-columns:1fr;}.sp-hub-fixture-summary{width:100%;overflow:hidden;grid-template-columns:minmax(170px,1fr) minmax(74px,.42fr) repeat(3,minmax(62px,.38fr)) 24px;}.sp-hub-market.market-over,.sp-hub-market.market-btts{display:none;}.sp-hub-signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:620px){.sp-hub{margin-left:-4px;margin-right:-4px;border-radius:18px;}.sp-hub-head,.sp-hub-calendar-wrap,.sp-hub-tools{padding-left:12px;padding-right:12px;}.sp-hub-calendar{grid-auto-columns:70px;}.sp-hub-fixture-summary{grid-template-columns:minmax(0,1fr) 76px 28px;grid-template-rows:auto auto;gap:8px 10px;min-height:104px;padding:12px;}.sp-hub-kickoff{text-align:right;}.sp-hub-market{grid-row:2;display:grid !important;gap:2px;padding:7px 5px 0;border-top:1px solid #edf0f4;}.sp-hub-market.market-home{grid-column:1;}.sp-hub-market.market-draw{grid-column:2;}.sp-hub-market.market-away{grid-column:3;}.sp-hub-market.market-over,.sp-hub-market.market-btts{display:none !important;}.sp-hub-chevron{grid-column:3;grid-row:1;}.sp-hub-panel{padding:0 10px 12px;}.sp-hub-distribution,.sp-hub-binary{grid-template-columns:1fr;}.sp-hub-signal-grid{grid-template-columns:1fr 1fr;}}.sp-label-short{display:none;font-style:normal;}.sp-label-long{font-style:normal;}.sp-hub-filter b{display:inline-grid;min-width:20px;height:20px;place-items:center;margin-left:4px;padding:0 5px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:850;}.sp-hub-filter.is-active b{background:rgba(255,255,255,.20);color:#fff;}@media (max-width:760px){.sp-home-v1{display:flex;flex-direction:column;max-width:none;padding:0 0 38px;}.sp-home-v1-hero{display:none;}#predictions{order:-10;margin-top:0;}#predictions .sp-hub{margin:0;border-left:0;border-right:0;border-radius:0;}.sp-hub-head{display:none;}.sp-hub-calendar-wrap{position:sticky;top:52px;z-index:42;padding:6px 8px;border-bottom:1px solid var(--sp-line);background:rgba(255,255,255,.97);backdrop-filter:blur(14px);}.sp-hub-calendar{grid-auto-columns:58px;gap:5px;padding:0;scroll-padding-inline:calc(50% - 29px);}.sp-hub-day{min-height:58px;gap:0;padding:5px 3px;border-radius:10px;}.sp-hub-day-name,.sp-hub-day-month{font-size:8px;}.sp-hub-day-number{font-size:17px;}.sp-hub-day-count{font-size:8px;}.sp-hub-tools{position:sticky;top:117px;z-index:41;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:7px 8px 8px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);box-shadow:0 5px 12px rgba(16,24,40,.06);}.sp-hub-search input{min-height:34px;padding:6px 10px 6px 32px;border-radius:9px;font-size:12px;}.sp-hub-search::before{left:10px;font-size:17px;}.sp-hub-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible;}.sp-hub-filter{min-width:0;min-height:30px;padding:4px 3px;border-radius:8px;font-size:9px;overflow:hidden;text-overflow:ellipsis;}.sp-hub-filter b{min-width:16px;height:16px;margin-left:2px;padding:0 3px;font-size:8px;}.sp-hub-league-head{padding:7px 7px;}.sp-hub-league-name{font-size:10px;}.sp-hub-league-count{font-size:9px;}.sp-hub-fixture-summary{grid-template-columns:minmax(70px,1fr) 42px repeat(5,minmax(29px,34px)) 10px;grid-template-rows:1fr;gap:2px;min-height:58px;padding:6px 5px;}.sp-hub-teams{grid-column:1;grid-row:1;gap:1px;}.sp-hub-team{font-size:10.5px;line-height:1.12;}.sp-hub-vs{font-size:7px;line-height:1;}.sp-hub-kickoff{grid-column:2;grid-row:1;gap:0;text-align:center;}.sp-hub-kickoff strong{font-size:10.5px;line-height:1.05;}.sp-hub-kickoff span{font-size:7px;line-height:1.15;white-space:normal;}.sp-hub-market{grid-row:1 !important;display:grid !important;align-content:center;gap:0;padding:0 !important;border-top:0 !important;min-width:0;}.sp-hub-market.market-home{grid-column:3;}.sp-hub-market.market-draw{grid-column:4;}.sp-hub-market.market-away{grid-column:5;}.sp-hub-market.market-over{grid-column:6;display:grid !important;}.sp-hub-market.market-btts{grid-column:7;display:grid !important;}.sp-hub-market span{font-size:0;line-height:1;letter-spacing:0;}.sp-hub-market .sp-label-long{display:none;}.sp-hub-market .sp-label-short{display:inline;font-size:6.5px;letter-spacing:-.02em;}.sp-hub-market strong{font-size:9.5px;line-height:1.15;letter-spacing:-.04em;}.sp-hub-chevron{grid-column:8;grid-row:1;font-size:11px;text-align:center;}.sp-hub-panel{padding:0 6px 8px;}.sp-hub-panel-inner{gap:12px;padding:12px;border-radius:12px;}.sp-home-v1-section:not(#predictions){padding-left:12px;padding-right:12px;}}@media (max-width:360px){.sp-hub-fixture-summary{grid-template-columns:minmax(62px,1fr) 39px repeat(5,28px) 9px;gap:1px;padding-left:3px;padding-right:3px;}.sp-hub-team{font-size:9.5px;}.sp-hub-market strong{font-size:8.7px;}.sp-hub-market .sp-label-short{font-size:6px;}}.sp-hub-panel-inner-compact{padding:10px 12px;}.sp-hub-compact-details{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--sp-muted);font-size:10px;}.sp-hub-compact-details b{margin-left:4px;color:var(--sp-ink);font-variant-numeric:tabular-nums;}.sp-hub-country{border-bottom:1px solid #dfe6f0;background:#fff;}.sp-hub-country + .sp-hub-country{margin-top:10px;}.sp-hub-country-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 14px;border-top:1px solid #dbe4f2;border-bottom:1px solid #dbe4f2;background:linear-gradient( 135deg,#f3f6ff 0%,#f8fbff 100% );}.sp-hub-country-title{display:flex;align-items:baseline;gap:8px;min-width:0;}.sp-hub-country-title strong{color:#17233a;font-size:14px;font-weight:900;letter-spacing:-.015em;}.sp-hub-country-title span{color:#667085;font-size:9px;font-weight:750;white-space:nowrap;}.sp-hub-league{border-bottom:1px solid #edf1f6;}.sp-hub-league-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;background:#fbfcfe;}.sp-hub-league-title{display:flex;align-items:center;gap:7px;min-width:0;}.sp-hub-league-id{flex:0 0 auto;padding:3px 6px;border-radius:7px;background:#e9eef8;color:#344054;font-size:9px;font-weight:850;font-variant-numeric:tabular-nums;}.sp-hub-league-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.sp-accuracy-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:4px;}.sp-accuracy-label{margin-right:2px;color:#667085;font-size:8px;font-weight:850;letter-spacing:.05em;text-transform:uppercase;}.sp-acc-chip{display:inline-flex;align-items:center;gap:3px;min-height:23px;padding:3px 6px;border:1px solid #dbe3ef;border-radius:8px;background:rgba(255,255,255,.88);font-variant-numeric:tabular-nums;}.sp-acc-chip i{color:#667085;font-size:7px;font-style:normal;font-weight:900;}.sp-acc-chip b{color:#18212f;font-size:9px;}.sp-acc-chip small{color:#98a2b3;font-size:6px;font-weight:750;}.sp-accuracy-strip-league .sp-acc-chip{min-height:20px;padding:2px 5px;background:#fff;}.sp-hub-fixture{transition:background .15s ease,box-shadow .15s ease;}.sp-hub-fixture:hover{background:#fbfdff;}.sp-hub-fixture[open]{position:relative;z-index:1;background:#f8faff;box-shadow:inset 3px 0 0 #2857d9,0 5px 18px rgba(28,44,80,.06);}.sp-prob-ring{--ring-color:#2857d9;--p:0;position:relative;display:grid;width:38px;height:38px;place-items:center;margin:2px auto 0;border-radius:50%;background:conic-gradient( var(--ring-color) calc(var(--p) * 1%),#e8edf4 0 );box-shadow:inset 0 0 0 1px rgba(17,24,39,.03),0 2px 7px rgba(17,24,39,.06);}.sp-prob-ring::before{content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;}.sp-prob-ring b{position:relative;z-index:1;color:#162033;font-size:8px;font-weight:900;letter-spacing:-.04em;font-variant-numeric:tabular-nums;}.sp-prob-ring.is-empty{background:#edf1f6;box-shadow:none;}.market-home .sp-prob-ring{--ring-color:#2857d9;}.market-draw .sp-prob-ring{--ring-color:#d9911d;}.market-away .sp-prob-ring{--ring-color:#7958d8;}.market-over .sp-prob-ring{--ring-color:#159a70;}.market-btts .sp-prob-ring{--ring-color:#cc4f7a;}.sp-panel-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}.sp-panel-section-head > div{min-width:0;}.sp-panel-section-head strong{display:block;color:#172033;font-size:13px;}.sp-panel-section-head span:not(.sp-panel-badge){display:block;margin-top:2px;color:#667085;font-size:9px;line-height:1.45;}.sp-panel-section-head-inputs{margin-top:4px;padding-top:11px;border-top:1px solid #edf0f4;}.sp-panel-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:25px;padding:4px 8px;border-radius:999px;background:#eef3ff;color:#2147aa;font-size:8px;font-weight:900;letter-spacing:.04em;}.sp-panel-badge.is-ready{background:#e8f8f1;color:#147250;}.sp-panel-badge.is-pending{background:#fff5df;color:#8a5a00;}.sp-diagnostic-grid,.sp-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}.sp-diagnostic-tile,.sp-feature-tile{min-width:0;padding:8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;}.sp-diagnostic-tile{background:#f8faff;}.sp-diagnostic-tile span,.sp-feature-tile span{display:block;min-height:22px;color:#667085;font-size:8px;font-weight:750;line-height:1.25;}.sp-diagnostic-tile b,.sp-feature-tile b{display:block;margin-top:4px;color:#172033;font-size:12px;font-variant-numeric:tabular-nums;}.sp-feature-tile b{color:#2857d9;}.sp-panel-meta{display:flex;flex-wrap:wrap;gap:5px 14px;padding-top:8px;border-top:1px solid #edf0f4;color:#667085;font-size:8px;}.sp-panel-meta b{color:#344054;}@media (max-width:760px){.sp-hub-country + .sp-hub-country{margin-top:6px;}.sp-hub-country-head{display:grid;gap:6px;padding:7px 7px;}.sp-hub-country-title strong{font-size:11px;}.sp-hub-country-title span{font-size:7px;}.sp-accuracy-strip{justify-content:flex-start;gap:2px;}.sp-accuracy-label{width:100%;font-size:6px;}.sp-acc-chip{min-height:18px;padding:2px 4px;border-radius:6px;}.sp-acc-chip i{font-size:6px;}.sp-acc-chip b{font-size:7px;}.sp-acc-chip small{font-size:5px;}.sp-hub-league-head{display:grid;gap:5px;padding:6px 7px;}.sp-hub-league-id{font-size:7px;}.sp-hub-league-name{font-size:9px;}.sp-accuracy-strip-league{padding-left:1px;}.sp-hub-fixture-summary{min-height:62px;}.sp-prob-ring{width:29px;height:29px;margin-top:1px;}.sp-prob-ring::before{inset:3px;}.sp-prob-ring b{font-size:6.4px;}.sp-diagnostic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;}.sp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;}.sp-diagnostic-tile,.sp-feature-tile{padding:6px 5px;border-radius:8px;}.sp-diagnostic-tile span,.sp-feature-tile span{min-height:20px;font-size:6.5px;}.sp-diagnostic-tile b,.sp-feature-tile b{font-size:9px;}.sp-panel-section-head strong{font-size:10px;}.sp-panel-section-head span:not(.sp-panel-badge){font-size:7px;}.sp-panel-badge{min-height:20px;padding:3px 6px;font-size:6px;}}@media (max-width:360px){.sp-prob-ring{width:27px;height:27px;}.sp-prob-ring b{font-size:6px;}.sp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important;white-space:nowrap !important;border:0 !important;}.sp-hub{overflow:visible;}.sp-hub-sticky-controls{position:sticky;top:52px;z-index:45;border-bottom:1px solid #cfd8e8;background:rgba(244,248,255,.97);box-shadow:0 8px 20px rgba(20,35,65,.08);backdrop-filter:blur(16px);}.sp-hub-sticky-controls .sp-hub-calendar-wrap,.sp-hub-sticky-controls .sp-hub-tools{position:relative;top:auto;z-index:auto;background:transparent;backdrop-filter:none;box-shadow:none;}.sp-hub-calendar-wrap{padding:5px 10px 3px;}.sp-hub-calendar{grid-auto-columns:70px;gap:5px;padding:0 0 4px;}.sp-hub-day{min-height:45px;gap:1px;padding:4px 4px;border-radius:10px;}.sp-hub-day-date{display:flex;align-items:baseline;justify-content:center;gap:3px;color:#667085;font-size:8px;font-weight:850;line-height:1;text-transform:uppercase;}.sp-hub-day-date strong{color:#172033;font-size:15px;line-height:1;}.sp-hub-day-count{font-size:8px;line-height:1.1;}.sp-hub-tools{padding:5px 10px 7px;}.sp-hub-search input{font-size:13px;font-weight:650;}.sp-hub-country{background:#fff;}.sp-hub-country-head{padding:11px 14px;border-color:#c9d6ed;background:linear-gradient( 135deg,#dde7fb 0%,#edf3ff 100% );}.sp-hub-country-title strong{color:#0f2a55;font-size:15px;}.sp-hub-country-title span{color:#4d6385;font-size:10px;}.sp-hub-league-head{padding:9px 14px;border-top:1px solid #e0e6f0;background:#f0f3f8;}.sp-hub-league-name{color:#243650;font-size:13px;font-weight:900;}.sp-hub-league-count{color:#68758a;font-size:10px;}.sp-accuracy-strip{gap:5px;}.sp-accuracy-label{color:#405575;font-size:9px;letter-spacing:0;text-transform:none;}.sp-acc-chip{min-height:27px;padding:4px 7px;border-color:#cbd6e6;background:rgba(255,255,255,.94);}.sp-acc-chip i{font-size:8px;}.sp-acc-chip b{color:#10233f;font-size:11px;font-weight:900;}.sp-acc-chip small{font-size:7px;}.sp-hub-team{font-weight:850;}.sp-hub-kickoff strong{font-size:14px;font-weight:900;}.sp-hub-kickoff span{font-size:10px;font-weight:800;}.sp-prob-ring b{font-size:10px;}.sp-hub-fixture[open]{background:#eef4ff;box-shadow:inset 4px 0 0 #315ed7,0 9px 24px rgba(28,44,80,.10);}.sp-hub-fixture[open] .sp-hub-panel{background:#eef4ff;}.sp-hub-fixture[open] .sp-hub-panel-inner{border-color:#bfd0f1;background:#f7faff;}@keyframes sp-live-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(217,45,32,.26);}50%{opacity:.72;box-shadow:0 0 0 4px rgba(217,45,32,.08);}}.sp-hub-fixture[data-status="live"] .sp-hub-kickoff{padding:5px 4px;border-radius:8px;background:#d92d20;color:#fff;animation:sp-live-pulse 1.15s ease-in-out infinite;}.sp-hub-fixture[data-status="live"] .sp-hub-kickoff strong,.sp-hub-fixture[data-status="live"] .sp-hub-kickoff span{color:#fff !important;}.sp-signal-graphics{display:grid;gap:12px;}.sp-signal-block{display:grid;gap:7px;padding:10px 11px;border:1px solid #dce4ef;border-radius:12px;background:#fff;}.sp-signal-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5d6b80;font-size:10px;font-weight:800;}.sp-signal-values{display:flex;flex-wrap:wrap;gap:8px 14px;}.sp-signal-values span{color:#53627a;font-size:10px;font-weight:750;}.sp-signal-values b{color:#14223a;font-size:13px;font-variant-numeric:tabular-nums;}.sp-stack-bar{display:flex;overflow:hidden;height:13px;border-radius:999px;background:#e7ecf3;}.sp-stack-segment{min-width:0;height:100%;transition:width .25s ease;}.sp-stack-home{background:#315ed7;}.sp-stack-draw{background:#d9911d;}.sp-stack-away{background:#7958d8;}.sp-stack-over{background:#159a70;}.sp-stack-under{background:#6d7f99;}.sp-stack-btts-yes{background:#cc4f7a;}.sp-stack-btts-no{background:#7c8aa0;}.sp-confidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}.sp-confidence-card{padding:10px;border:1px solid #dce4ef;border-radius:11px;background:#f6f9ff;}.sp-confidence-card span{display:block;color:#667085;font-size:9px;font-weight:800;}.sp-confidence-card b{display:block;margin-top:4px;color:#12213a;font-size:16px;font-variant-numeric:tabular-nums;}.sp-confidence-card small{display:block;margin-top:4px;color:#7a8799;font-size:8px;line-height:1.35;}.sp-feature-explainer{padding:9px 11px;border-radius:10px;background:#eef4ff;color:#50627d;font-size:9px;line-height:1.5;}.sp-feature-visuals{display:grid;gap:8px;}.sp-feature-compare{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.8fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid #dde5ef;border-radius:11px;background:#fff;}.sp-feature-compare-label{color:#53627a;font-size:9px;font-weight:850;line-height:1.25;}.sp-feature-duel{display:grid;grid-template-columns:1fr 1fr;gap:5px;}.sp-feature-side{display:grid;gap:3px;}.sp-feature-side:first-child{text-align:right;}.sp-feature-side strong{color:#14223a;font-size:13px;font-variant-numeric:tabular-nums;}.sp-feature-track{height:7px;overflow:hidden;border-radius:999px;background:#e9edf4;}.sp-feature-fill{height:100%;border-radius:inherit;background:#315ed7;}.sp-feature-side:last-child .sp-feature-fill{background:#e58a17;}.sp-elo-visual{padding:10px;border:1px solid #dde5ef;border-radius:11px;background:#fff;}.sp-elo-visual-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:#53627a;font-size:9px;font-weight:850;}.sp-elo-visual-head b{color:#14223a;font-size:14px;}.sp-elo-track{position:relative;height:10px;border-radius:999px;background:linear-gradient( 90deg,#7958d8 0 49.5%,#d9e0ea 49.5% 50.5%,#315ed7 50.5% 100% );}.sp-elo-marker{position:absolute;top:50%;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:#101828;transform:translate(-50%,-50%);box-shadow:0 1px 4px rgba(16,24,40,.28);}.sp-feature-grid{margin-top:2px;}.sp-feature-tile b{font-size:16px;}.sp-feature-tile span{font-size:9px;}html[data-theme="dark"] .sp-home-v1{--sp-ink:#ecf2ff;--sp-muted:#aab7ca;--sp-line:#34445b;--sp-soft:#182235;--sp-card:#111a29;--sp-accent:#7397ff;--sp-accent-deep:#9fb7ff;color:var(--sp-ink);}html[data-theme="dark"] .sp-home-v1-hero{border-color:#34445b;background:radial-gradient( circle at 88% 12%,rgba(115,151,255,.16),transparent 32% ),#111a29;}html[data-theme="dark"] .sp-home-v1-hero-side,html[data-theme="dark"] .sp-home-v1-principle,html[data-theme="dark"] .sp-home-v1-market,html[data-theme="dark"] .sp-home-v1-button-secondary{border-color:#34445b;background:#172235;color:#eaf1ff;}html[data-theme="dark"] .sp-home-v1-note{background:#182235;color:#aab7ca;}html[data-theme="dark"] .sp-hub,html[data-theme="dark"] .sp-hub-country,html[data-theme="dark"] .sp-hub-fixture{background:#101826;}html[data-theme="dark"] .sp-hub-sticky-controls{border-color:#34445b;background:rgba(18,28,43,.98);box-shadow:0 8px 24px rgba(0,0,0,.28);}html[data-theme="dark"] .sp-hub-day,html[data-theme="dark"] .sp-hub-search input,html[data-theme="dark"] .sp-hub-filter,html[data-theme="dark"] .sp-acc-chip,html[data-theme="dark"] .sp-signal-block,html[data-theme="dark"] .sp-feature-compare,html[data-theme="dark"] .sp-elo-visual,html[data-theme="dark"] .sp-feature-tile{border-color:#34445b;background:#172235;color:#edf3ff;}html[data-theme="dark"] .sp-hub-day-date,html[data-theme="dark"] .sp-hub-day-count,html[data-theme="dark"] .sp-accuracy-label,html[data-theme="dark"] .sp-acc-chip i,html[data-theme="dark"] .sp-acc-chip small{color:#a9b7ca;}html[data-theme="dark"] .sp-hub-day-date strong,html[data-theme="dark"] .sp-acc-chip b,html[data-theme="dark"] .sp-signal-values b,html[data-theme="dark"] .sp-confidence-card b,html[data-theme="dark"] .sp-feature-side strong,html[data-theme="dark"] .sp-elo-visual-head b,html[data-theme="dark"] .sp-panel-section-head strong,html[data-theme="dark"] .sp-full-feature-values b,html[data-theme="dark"] .sp-full-elo-summary > div:first-child b,html[data-theme="dark"] .sp-full-elo-summary > div:last-child b{color:#f4f7ff;}html[data-theme="dark"] .sp-panel-section-head span:not(.sp-panel-badge){color:#b7c5d8;}html[data-theme="dark"] .sp-hub-country-head{border-color:#405474;background:linear-gradient(135deg,#1a3156,#1d2940);}html[data-theme="dark"] .sp-hub-country-title strong{color:#cfe0ff;}html[data-theme="dark"] .sp-hub-country-title span{color:#9eb1cb;}html[data-theme="dark"] .sp-hub-league-head{border-color:#34445b;background:#1c2738;}html[data-theme="dark"] .sp-hub-league-name{color:#dce7fa;}html[data-theme="dark"] .sp-hub-fixture[open],html[data-theme="dark"] .sp-hub-fixture[open] .sp-hub-panel{background:#142645;}html[data-theme="dark"] .sp-hub-fixture[open] .sp-hub-panel-inner{border-color:#3e5f91;background:#172947;}html[data-theme="dark"] .sp-prob-ring::before{background:#101826;}html[data-theme="dark"] .sp-prob-ring b,html[data-theme="dark"] .sp-hub-team{color:#f1f5ff;}html[data-theme="dark"] .sp-confidence-card{border-color:#34445b;background:#1a2942;}html[data-theme="dark"] .sp-feature-explainer{background:#1a2b48;color:#b8c7db;}@media (max-width:760px){.sp-home-v1{padding-top:0;}#predictions{margin-top:0 !important;}.sp-hub-sticky-controls{top:52px;}.sp-hub-calendar-wrap{padding:3px 6px 2px;}.sp-hub-calendar{grid-auto-columns:61px;gap:4px;scroll-padding-inline:calc(50% - 30px);}.sp-hub-day{min-height:42px;padding:3px 2px;}.sp-hub-day-date{gap:2px;font-size:7px;}.sp-hub-day-date strong{font-size:14px;}.sp-hub-day-count{font-size:9px;font-weight:850;}.sp-hub-tools{gap:5px;padding:4px 6px 6px;}.sp-hub-search input{min-height:32px;font-size:12px;}.sp-hub-country-head{gap:7px;padding:8px 8px;}.sp-hub-country-title strong{font-size:12px;}.sp-hub-country-title span{font-size:8px;}.sp-accuracy-label{font-size:8px;line-height:1.25;}.sp-acc-chip{min-height:22px;padding:3px 5px;}.sp-acc-chip i{font-size:7px;}.sp-acc-chip b{font-size:10.5px;}.sp-acc-chip small{font-size:6.5px;}.sp-hub-league-head{gap:6px;padding:7px 8px;}.sp-hub-league-name{font-size:11px;}.sp-hub-league-count{font-size:8px;}.sp-hub-team{font-size:11px;}.sp-hub-kickoff strong{font-size:11.5px;}.sp-hub-kickoff span{font-size:8px;}.sp-prob-ring{width:31px;height:31px;}.sp-prob-ring b{font-size:9.5px;}.sp-panel-section-head strong{font-size:13px;}.sp-panel-section-head span:not(.sp-panel-badge){font-size:9px;}.sp-panel-badge{font-size:8px;}.sp-confidence-card b{font-size:14px;}.sp-confidence-card small{font-size:7.5px;}.sp-feature-compare{grid-template-columns:92px minmax(0,1fr);}.sp-feature-compare-label{font-size:8px;}.sp-feature-side strong{font-size:11px;}.sp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.sp-feature-tile span{font-size:7.5px;}.sp-feature-tile b{font-size:14px;}}@media (max-width:360px){.sp-prob-ring{width:29px;height:29px;}.sp-prob-ring b{font-size:8px;}.sp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}.sp-hub-fixture:target,.sp-hub-fixture.sp-fte-linked-fixture{outline:2px solid #448cf0;outline-offset:3px;scroll-margin-top:130px;}.sp-hub:not([data-sort-mode]) .sp-hub-country-head{display:none;}.sp-hub-tools{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:6px;}.sp-hub-filters{grid-column:1 / -1;}.sp-hub-sort{position:relative;display:block;}.sp-hub-sort::before{content:"⇅";position:absolute;top:50%;left:10px;z-index:1;transform:translateY(-50%);color:#667085;font-size:13px;pointer-events:none;}.sp-hub-sort select{width:100%;min-height:34px;padding:6px 26px 6px 29px;border:1px solid #d9e1ec;border-radius:9px;outline:0;background:#fff;color:#344054;font:inherit;font-size:11px;font-weight:800;cursor:pointer;}.sp-hub-sort select:focus{border-color:#6f8df0;box-shadow:0 0 0 3px rgba(47,91,218,.09);}.sp-hub-country-head{padding:9px 12px;}.sp-hub-league-head{padding:8px 12px;}.sp-hub-league-country-inline{color:#65758d;font-weight:700;}.sp-kickoff-context{padding:6px 10px 5px;border-top:1px solid #dfe6f0;border-bottom:1px solid #e7ecf3;background:#f1f4f8;color:#50627a;font-size:9px;font-weight:850;line-height:1.2;}.sp-hub-kickoff-item + .sp-hub-kickoff-item{margin-top:1px;}.sp-prob-ring b{font-family:ui-rounded,"SF Pro Rounded","Segoe UI",Arial,sans-serif;font-size:10.5px;font-weight:500;letter-spacing:-.01em;font-variant-numeric:tabular-nums;}.sp-stack-labels{display:flex;width:100%;align-items:flex-end;margin-top:1px;}.sp-stack-label{min-width:0;padding:0 2px 3px;text-align:center;line-height:1.02;}.sp-stack-label span{display:block;overflow:hidden;color:#637087;font-size:9px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;}.sp-stack-label b{display:block;margin-top:3px;color:#14223a;font-size:16px;font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;}.sp-stack-bar{height:14px;}.sp-confidence-verdict{display:block;margin-top:2px;color:#315ed7;font-size:10px;font-style:normal;font-weight:900;line-height:1.15;}.sp-feature-team-sticky{position:sticky;top:58px;z-index:8;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;padding:8px 10px;border:1px solid #cad6eb;border-radius:10px;background:rgba(238,244,255,.98);box-shadow:0 4px 12px rgba(28,44,80,.08);backdrop-filter:blur(10px);}.sp-feature-team-sticky span{overflow:hidden;color:#17345f;font-size:10px;font-weight:900;text-overflow:ellipsis;white-space:nowrap;}.sp-feature-team-home{text-align:left;}.sp-feature-team-away{text-align:right;}.sp-feature-duel{grid-template-columns:1fr 1fr;}.sp-feature-side:first-child{text-align:left;}.sp-feature-side:last-child{text-align:right;}.sp-feature-side:first-child .sp-feature-fill{background:#315ed7;}.sp-feature-side:last-child .sp-feature-fill{background:#7958d8;}.sp-feature-explainer{margin-bottom:7px;}html[data-theme="dark"] .sp-hub-sort select,html[data-theme="dark"] .sp-kickoff-context{border-color:#34445b;background:#172235;color:#dce7f8;}html[data-theme="dark"] .sp-hub-sort::before{color:#9aabc1;}html[data-theme="dark"] .sp-hub-league-country-inline{color:#9eb0c9;}html[data-theme="dark"] .sp-stack-label span{color:#a9b7ca;}html[data-theme="dark"] .sp-stack-label b{color:#f2f6ff;}html[data-theme="dark"] .sp-confidence-verdict{color:#96afff;}html[data-theme="dark"] .sp-feature-team-sticky{border-color:#40577b;background:rgba(25,43,72,.98);}html[data-theme="dark"] .sp-feature-team-sticky span{color:#dce8ff;}@media (max-width:900px){.sp-strongest-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}@media (max-width:760px){.sp-hub-tools{grid-template-columns:minmax(0,1fr) 126px;gap:5px;}.sp-hub-sort select{min-height:32px;padding:5px 20px 5px 25px;font-size:9px;}.sp-hub-sort::before{left:8px;font-size:11px;}.sp-prob-ring b{font-size:9.5px;font-weight:500;}.sp-stack-label{padding-inline:1px;}.sp-stack-label span{font-size:7.5px;}.sp-stack-label b{margin-top:2px;font-size:13px;}.sp-strongest-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.sp-feature-team-sticky{top:146px;margin:6px 0;padding:7px 8px;}.sp-feature-team-sticky span{font-size:9px;}.sp-kickoff-context{padding:5px 7px 4px;font-size:8px;}}@media (max-width:360px){.sp-hub-tools{grid-template-columns:minmax(0,1fr) 116px;}.sp-stack-label b{font-size:12px;}}.sp-model-input-root{display:grid;gap:8px;}.sp-full-feature-groups{display:grid;gap:10px;}.sp-full-elo-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:7px;padding:9px;border:1px solid #d9e3f2;border-radius:11px;background:#f5f8ff;}.sp-full-elo-summary > div{min-width:0;display:grid;align-content:center;gap:3px;padding:6px 8px;border-radius:8px;background:#fff;}.sp-full-elo-summary > div:first-child{text-align:left;}.sp-full-elo-summary > div:nth-child(2){min-width:92px;text-align:center;background:#eaf0ff;}.sp-full-elo-summary > div:last-child{text-align:right;}.sp-full-elo-summary span{overflow:hidden;color:#65758c;font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap;}.sp-full-elo-summary b{color:#15253f;font-size:15px;font-weight:850;font-variant-numeric:tabular-nums;}.sp-full-elo-summary > div:first-child b{color:#2857d9;}.sp-full-elo-summary > div:last-child b{color:#c96b00;}.sp-strongest-signals{overflow:hidden;padding:11px;border:1px solid #cbd9f2;border-radius:12px;background:linear-gradient(135deg,rgba(49,94,215,.07),rgba(121,88,216,.05)),#fff;}.sp-strongest-signals-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px;}.sp-strongest-signals-head > div{min-width:0;display:grid;gap:2px;}.sp-strongest-signals-head strong{color:#1d3353;font-size:11px;font-weight:900;}.sp-strongest-signals-head span{color:#6e7e94;font-size:8px;line-height:1.4;}.sp-strongest-signals-head b{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#e9f7f0;color:#237a58;font-size:7px;font-weight:900;text-transform:uppercase;}.sp-strongest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}.sp-strongest-card{min-width:0;padding:8px;border:1px solid #dce5f2;border-radius:10px;background:rgba(255,255,255,.9);}.sp-strongest-card-label{min-height:20px;color:#54657c;font-size:7.5px;font-weight:850;line-height:1.25;}.sp-strongest-edge{display:inline-flex;margin-top:6px;padding:3px 6px;border-radius:999px;background:#eef3fb;color:#50627b;font-size:7px;font-weight:900;}.sp-strongest-edge.is-home{background:#eaf0ff;color:#2857d9;}.sp-strongest-edge.is-away{background:#fff0dc;color:#b75c00;}html[data-theme="dark"] .sp-strongest-signals{border-color:#405475;background:linear-gradient(135deg,rgba(115,151,255,.10),rgba(164,139,255,.08)),#132034;}html[data-theme="dark"] .sp-strongest-card{border-color:#344a68;background:#172438;}html[data-theme="dark"] .sp-strongest-signals-head strong{color:#e8f0ff;}html[data-theme="dark"] .sp-strongest-signals-head span,html[data-theme="dark"] .sp-strongest-card-label{color:#a9b8ce;}html[data-theme="dark"] .sp-strongest-edge.is-home{background:#20365f;color:#cfe0ff;}html[data-theme="dark"] .sp-strongest-edge.is-away{background:#4a3218;color:#ffd19a;}.sp-full-feature-group{overflow:hidden;border:1px solid #dce5f1;border-radius:12px;background:#fff;}.sp-full-feature-group-head{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:0;background:#f1f5fb;color:inherit;text-align:left;font:inherit;cursor:pointer;}.sp-full-feature-group.is-open .sp-full-feature-group-head{border-bottom:1px solid #e5ebf3;}.sp-full-feature-group-head-copy{min-width:0;display:grid;gap:2px;}.sp-full-feature-group-head strong{color:#213451;font-size:10px;font-weight:900;}.sp-full-feature-group-head small{color:#728197;font-size:7.5px;line-height:1.35;}.sp-full-feature-group-head-meta{display:flex;flex:0 0 auto;align-items:center;gap:6px;}.sp-full-feature-group-count{min-width:22px;padding:2px 6px;border-radius:999px;background:#e4ebf7;color:#51627a;text-align:center;font-size:8px;font-weight:850;font-variant-numeric:tabular-nums;}.sp-full-feature-group-chevron{width:16px;color:#52647e;text-align:center;font-size:12px;font-weight:900;transition:transform .16s ease;}.sp-full-feature-group.is-open .sp-full-feature-group-chevron{transform:rotate(180deg);}.sp-full-feature-grid[hidden]{display:none !important;}.sp-full-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#e9eef5;}.sp-full-feature-card{min-width:0;padding:7px;background:#fff;}.sp-full-feature-label{min-height:21px;overflow:hidden;color:#657389;font-size:7px;font-weight:800;line-height:1.25;text-overflow:ellipsis;}.sp-full-feature-values{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;}.sp-full-feature-values b{overflow:hidden;color:#15243b;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;}.sp-full-feature-values b:first-child{color:#2857d9;text-align:left;}.sp-full-feature-values b:last-child{color:#c96b00;text-align:right;}.sp-full-pair-meter{display:flex;width:100%;height:6px;margin-top:5px;overflow:hidden;border-radius:999px;background:#edf0f5;}.sp-full-pair-meter > span{min-width:0;height:100%;overflow:hidden;}.sp-full-pair-meter i{display:block;width:100%;height:100%;}.sp-full-pair-meter .is-home i{background:#315ed7;}.sp-full-pair-meter .is-away i{background:#e58a17;}.sp-full-feature-card.is-single{display:grid;align-content:space-between;gap:4px;}.sp-full-single-value{color:#203653;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;}html[data-theme="dark"] .sp-full-elo-summary,html[data-theme="dark"] .sp-full-feature-group{border-color:#384a64;background:#111b2c;}html[data-theme="dark"] .sp-full-elo-summary{background:#14223a;}html[data-theme="dark"] .sp-full-elo-summary > div,html[data-theme="dark"] .sp-full-feature-card{background:#172235;}html[data-theme="dark"] .sp-full-elo-summary > div:nth-child(2){background:#1e3152;}html[data-theme="dark"] .sp-full-elo-summary span,html[data-theme="dark"] .sp-full-feature-label{color:#aab8cb;}html[data-theme="dark"] .sp-full-elo-summary b,html[data-theme="dark"] .sp-full-single-value{color:#eef4ff;}html[data-theme="dark"] .sp-full-feature-group-head{border-color:#384a64;background:#1b293d;}html[data-theme="dark"] .sp-full-feature-group-head strong{color:#dce8fb;}html[data-theme="dark"] .sp-full-feature-group-head small{color:#9eb0c7;}html[data-theme="dark"] .sp-full-feature-group-head span{background:#2a3a52;color:#b8c6d9;}html[data-theme="dark"] .sp-full-feature-grid{background:#34445b;}html[data-theme="dark"] .sp-full-pair-meter{background:#2b394d;}@media (max-width:760px){.sp-full-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.sp-full-feature-card{padding:6px;}.sp-full-feature-label{min-height:19px;font-size:6.7px;}.sp-full-feature-values b{font-size:10px;}.sp-full-single-value{font-size:10.5px;}.sp-full-elo-summary{gap:4px;padding:6px;}.sp-full-elo-summary > div{padding:5px 4px;}.sp-full-elo-summary > div:nth-child(2){min-width:74px;}.sp-full-elo-summary span{font-size:6.5px;}.sp-full-elo-summary b{font-size:12px;}.sp-full-feature-group-head{padding:7px 8px;}.sp-full-feature-group-head strong{font-size:9px;}}.sp-home-v1,.sp-home-v1 button,.sp-home-v1 input,.sp-home-v1 select{font-family:"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}.sp-panel-section-head strong{font-size:15px;line-height:1.25;}.sp-panel-section-head span:not(.sp-panel-badge){font-size:10.5px;line-height:1.5;}.sp-feature-team-sticky span{font-size:11.5px;line-height:1.35;}.sp-strongest-signals-head strong{font-size:13.5px;line-height:1.25;}.sp-strongest-signals-head span{font-size:9.5px;line-height:1.5;}.sp-strongest-card{padding:10px;}.sp-strongest-card-label{min-height:24px;font-size:9px;line-height:1.35;}.sp-strongest-card .sp-full-feature-values b{font-size:13px;}.sp-strongest-edge{font-size:8.5px;line-height:1.2;}.sp-full-elo-summary span{font-size:8.5px;line-height:1.35;}.sp-full-elo-summary b{font-size:16px;}.sp-full-feature-group-head strong{font-size:11px;line-height:1.3;}.sp-full-feature-group-head small{font-size:8.5px;line-height:1.4;}.sp-full-feature-label{min-height:24px;font-size:8.8px;line-height:1.35;}.sp-full-feature-values b{font-size:13px;line-height:1.25;}.sp-full-single-value{font-size:13px;line-height:1.25;}@media (max-width:760px){.sp-panel-section-head strong{font-size:15px;}.sp-panel-section-head span:not(.sp-panel-badge){font-size:10.5px;}.sp-feature-team-sticky span{font-size:10.5px;}.sp-strongest-signals{padding:12px;}.sp-strongest-signals-head{margin-bottom:10px;}.sp-strongest-signals-head strong{font-size:14px;}.sp-strongest-signals-head span{font-size:10px;}.sp-strongest-grid{grid-template-columns:1fr;gap:8px;}.sp-strongest-card{display:block;padding:11px 12px;}.sp-strongest-card-label{min-height:0;margin-bottom:8px;font-size:11.5px;line-height:1.3;}.sp-strongest-card .sp-full-feature-values{width:100%;min-width:0;margin-top:0;gap:16px;}.sp-strongest-card .sp-full-feature-values b{font-size:14px;line-height:1.25;}.sp-strongest-card .sp-full-pair-meter{width:100%;height:7px;margin-top:7px;}.sp-strongest-card .sp-strongest-edge{display:inline-flex;margin-top:8px;padding:4px 8px;font-size:9px;}.sp-full-feature-card{padding:9px;}.sp-full-feature-label{min-height:25px;font-size:9px;line-height:1.35;}.sp-full-feature-values b{font-size:13px;}.sp-full-single-value{font-size:13px;}.sp-full-elo-summary{gap:5px;padding:8px;}.sp-full-elo-summary > div{padding:7px 5px;}.sp-full-elo-summary span{font-size:8.5px;}.sp-full-elo-summary b{font-size:15px;}.sp-full-feature-group-head{padding:10px 9px;}.sp-full-feature-group-head strong{font-size:11px;}.sp-full-feature-group-head small{font-size:8.5px;}.sp-full-feature-group-count{font-size:9px;}}@media (max-width:380px){.sp-strongest-card .sp-full-feature-values{width:100%;}.sp-strongest-card .sp-full-feature-values b{font-size:13.5px;}}.sp-home-v1-hero{grid-template-columns:1fr;padding:26px 26px 28px;}.sp-home-v1-hero h1{max-width:920px;font-size:clamp(27px,4.4vw,46px);line-height:1.08;letter-spacing:-.035em;}.sp-home-v1-hero-copy{max-width:780px;margin-top:12px;font-size:16px;line-height:1.6;}.sp-home-v1-actions{margin-top:18px;}@media (max-width:640px){.sp-home-v1-hero{padding:20px 16px 22px;border-radius:18px;}.sp-home-v1-hero-copy{font-size:15px;}}html[data-theme="dark"] .sp-hub-head{border-bottom-color:#34445b;background:#111a29;}html[data-theme="dark"] .sp-hub-head h2{color:var(--sp-ink);}html[data-theme="dark"] .sp-hub-count{background:#1b2b4a;color:#b6c9ff;}.sp-top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;}.sp-top-grid > li{min-width:0;}.sp-top-card{display:grid;gap:8px;height:100%;padding:14px 16px;border:1px solid var(--sp-line);border-radius:16px;background:var(--sp-card);color:var(--sp-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;}.sp-top-card:hover{border-color:var(--sp-accent);box-shadow:0 10px 26px rgba(24,33,47,.10);transform:translateY(-1px);}.sp-top-league{overflow:hidden;color:var(--sp-muted);font-size:11px;font-weight:800;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;}.sp-top-teams{display:grid;gap:2px;min-width:0;}.sp-top-teams b{overflow:hidden;font-size:15px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap;}.sp-top-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--sp-muted);font-size:13px;font-variant-numeric:tabular-nums;}.sp-top-pick{padding:3px 10px;border-radius:999px;background:var(--sp-soft);color:var(--sp-accent-deep);font-size:12px;font-weight:800;white-space:nowrap;}.sp-top-pick-d{color:#a86a0c;}.sp-top-pick-a{color:#6a46c8;}html[data-theme="dark"] .sp-top-pick-d{color:#f0b95a;}html[data-theme="dark"] .sp-top-pick-a{color:#b8a0ff;}@media (max-width:900px){.sp-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:640px){.sp-top-grid{display:flex;gap:10px;padding-bottom:8px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;}.sp-top-grid > li{flex:0 0 76%;scroll-snap-align:start;}}.sp-hub-legend{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:12px 22px;border-bottom:1px solid var(--sp-line);list-style:none;color:var(--sp-muted);font-size:12.5px;line-height:1.4;}.sp-hub-legend li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;}.sp-hub-legend b{display:inline-grid;place-items:center;min-width:34px;padding:2px 7px;border-radius:7px;background:var(--sp-soft);color:var(--sp-accent-deep);font-size:11px;font-weight:900;letter-spacing:.03em;}@media (max-width:640px){.sp-hub-legend{gap:4px 14px;padding:10px 14px;font-size:12px;}.sp-hub-legend span{display:none;}}.sp-hub-sliced{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:11px 22px;border-bottom:1px solid var(--sp-line);background:var(--sp-soft);color:var(--sp-muted);font-size:13px;}.sp-hub-showall{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--sp-accent);color:#fff;font-weight:800;text-decoration:none;}html[data-theme="dark"] .sp-hub-showall{color:#0b1220;}.sp-hub-no-results .sp-hub-showall{margin-left:10px;}@media (max-width:640px){.sp-hub-sliced{padding:10px 14px;}}.sp-hub-pending{color:var(--sp-muted);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}.sp-hub-fixture.no-prediction .sp-prob-ring{opacity:.45;}.sp-hub-market.is-top .sp-prob-ring{box-shadow:0 0 0 2px var(--ring-color),0 4px 12px rgba(17,24,39,.14);}.sp-hub-market.is-top .sp-prob-ring b{font-weight:900;}.sp-hub-market.is-top > span:first-child{color:var(--sp-ink);}html[data-theme="dark"] .sp-hub-market.is-top .sp-prob-ring{box-shadow:0 0 0 2px var(--ring-color),0 4px 12px rgba(0,0,0,.35);}.sp-hub-league-name a{border-bottom:1px dotted currentColor;color:inherit;text-decoration:none;}.sp-hub-league-name a:hover{border-bottom-style:solid;color:var(--sp-accent-deep);}.sp-about p{max-width:780px;margin:10px 0 0;color:var(--sp-muted);line-height:1.7;}.sp-home-v1 a:focus-visible,.sp-home-v1 button:focus-visible,.sp-home-v1 select:focus-visible,.sp-home-v1 input:focus-visible,.sp-home-v1 summary:focus-visible{outline:3px solid var(--sp-accent);outline-offset:2px;}.sp-home-v1 summary:focus-visible{outline-offset:-3px;}@media (prefers-reduced-motion:reduce){.sp-home-v1 *,.sp-home-v1 *::before,.sp-home-v1 *::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}@media (pointer:coarse){.sp-hub-filter{min-height:40px;}.sp-hub-search input,.sp-hub-sort select{min-height:44px;}.sp-hub-day{min-height:48px;}}@media (max-width:760px){.sp-home-v1-hero{display:block;order:-20;margin:0;padding:12px 16px 10px;border:0;border-bottom:1px solid var(--sp-line);border-radius:0;}.sp-home-v1-hero .sp-home-v1-kicker,.sp-home-v1-hero-copy,.sp-home-v1-actions{display:none;}.sp-home-v1-hero h1{margin:0;font-size:17px;line-height:1.28;letter-spacing:-.01em;}.sp-top{order:-15;margin:0;padding:12px 16px 4px;}.sp-top .sp-home-v1-section-head{margin:0 0 8px;}.sp-top .sp-home-v1-section-head h2{margin:0;font-size:15px;}.sp-top-card{padding:11px 13px;gap:6px;}.sp-top-teams b{font-size:14px;}}@media(max-width:640px){.sp-top-grid{scrollbar-width:none}.sp-top-grid::-webkit-scrollbar{display:none}}

/* ==========================================================================
   ScoreProb UX v2 - Concept A fixture rows, match-brief panel, validated palette
   Appended after the original rules. Everything is scoped under .sp-row,
   .sp-brief, or palette variables so it out-specifies the older layout rules.
   ========================================================================== */

/* ---- Palette (validated: colour-blind-safe adjacent pairs, WCAG-checked) ---- */
.sp-home-v1 {
    --sp-c-home: #2857d9;
    --sp-c-draw: #8b95ad;
    --sp-c-away: #c47f0a;
    --sp-c-over: #159a70;
    --sp-c-btts: #7958d8;
    --sp-track: #dbe2f0;
    --sp-tick: rgba(16, 24, 38, .45);
    --sp-hit: #1a8c54;
    --sp-miss: #c8372d;
    --sp-hit-bg: rgba(26, 140, 84, .10);
    --sp-hit-line: #8fd0ae;
    --sp-miss-bg: rgba(200, 55, 45, .08);
    --sp-miss-line: #e5a39d;
    --sp-pill-line: #c3cde4;
}

html[data-theme="dark"] .sp-home-v1 {
    --sp-c-home: #4f7df5;
    --sp-c-draw: #7e89a6;
    --sp-c-away: #bf8216;
    --sp-c-over: #16a37a;
    --sp-c-btts: #8f78f0;
    --sp-track: #2a3850;
    --sp-tick: rgba(236, 242, 255, .5);
    --sp-hit: #3bbf7f;
    --sp-miss: #f0746a;
    --sp-hit-bg: rgba(59, 191, 127, .12);
    --sp-hit-line: #2f7a57;
    --sp-miss-bg: rgba(240, 116, 106, .10);
    --sp-miss-line: #8a4640;
    --sp-pill-line: #3f5271;
}

/* ---- Fixture row: desktop (single line) ---- */
.sp-hub-fixture-summary.sp-row {
    display: grid;
    grid-template-columns: 76px minmax(0, 232px) minmax(0, 1fr) 200px 150px 24px;
    grid-template-areas: "time teams outcome goals verdict chev";
    gap: 0 16px;
    align-items: center;
    min-height: 84px;
    padding: 12px 16px;
    overflow: visible;
}

.sp-row > .sp-hub-kickoff { grid-area: time; }
.sp-row > .sp-hub-teams { grid-area: teams; gap: 4px; }
.sp-row > .sp-row-outcome { grid-area: outcome; }
.sp-row > .sp-row-goals { grid-area: goals; }
.sp-row > .sp-row-verdict { grid-area: verdict; }
.sp-row > .sp-row-pendingwrap { grid-row: 1; grid-column: outcome-start / verdict-end; }
.sp-row > .sp-hub-chevron { grid-area: chev; }

.sp-row .sp-hub-kickoff strong { font-variant-numeric: tabular-nums; }

.sp-row .sp-hub-team {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.sp-row .sp-team-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sp-row .sp-team-score {
    flex: none;
    min-width: 1ch;
    text-align: right;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

/* ---- 1X2 outcome bar ---- */
.sp-row-outcome { min-width: 0; display: grid; gap: 4px; }

.sp-oc-labels { display: flex; gap: 2px; }

.sp-oc-label {
    min-width: 0;
    overflow: hidden;
    color: var(--sp-muted);
    font-size: 11px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sp-oc-label b { color: var(--sp-ink); font-weight: 700; font-variant-numeric: tabular-nums; }

.sp-oc-bar { display: flex; gap: 2px; height: 10px; margin-bottom: 9px; }

.sp-oc-seg { position: relative; flex-basis: 0; min-width: 2px; border-radius: 2px; }

.sp-oc-seg::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--seg);
    opacity: .4;
}

.sp-oc-seg.is-top::before { opacity: 1; }
.sp-oc-seg.is-home { --seg: var(--sp-c-home); border-radius: 5px 2px 2px 5px; }
.sp-oc-seg.is-draw { --seg: var(--sp-c-draw); }
.sp-oc-seg.is-away { --seg: var(--sp-c-away); border-radius: 2px 5px 5px 2px; }

/* triangle under the segment that actually happened (full-time only) */
.sp-hub-fixture[data-result="H"] .sp-oc-seg.is-home::after,
.sp-hub-fixture[data-result="D"] .sp-oc-seg.is-draw::after,
.sp-hub-fixture[data-result="A"] .sp-oc-seg.is-away::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin: 2px 0 0 -4px;
    border-right: 4px solid transparent;
    border-bottom: 6px solid var(--sp-ink);
    border-left: 4px solid transparent;
}

/* ---- Goal mini bars (O2.5 / BTTS) ---- */
.sp-row-goals { min-width: 0; display: grid; gap: 8px; }

.sp-gl { display: flex; align-items: center; gap: 7px; }

.sp-gl-name {
    flex: none;
    width: 32px;
    color: var(--sp-muted);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .02em;
}

.sp-gl-track {
    position: relative;
    flex: 1;
    min-width: 0;
    height: 6px;
    border-radius: 3px;
    background: var(--sp-track);
}

.sp-gl-track > i { display: block; height: 6px; border-radius: 3px; background: var(--sp-c-over); }
.sp-gl.is-btts .sp-gl-track > i { background: var(--sp-c-btts); }

.sp-gl-track::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    width: 1px;
    height: 10px;
    background: var(--sp-tick);
}

.sp-gl-val {
    flex: none;
    width: 32px;
    color: var(--sp-ink);
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.sp-gl-res { flex: none; width: 11px; height: 11px; }

.sp-hub-fixture[data-over-state="hit"] .sp-gl.is-over .sp-gl-res,
.sp-hub-fixture[data-btts-state="hit"] .sp-gl.is-btts .sp-gl-res,
.sp-verdict.is-hit::before {
    background: var(--sp-hit);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.sp-hub-fixture[data-over-state="miss"] .sp-gl.is-over .sp-gl-res,
.sp-hub-fixture[data-btts-state="miss"] .sp-gl.is-btts .sp-gl-res,
.sp-verdict.is-miss::before {
    background: var(--sp-miss);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l6 6M9 3l-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l6 6M9 3l-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* ---- Pick / verdict pill ---- */
.sp-row-verdict { min-width: 0; display: flex; }

.sp-verdict {
    display: none;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 3px 9px;
    overflow: hidden;
    border: 1px solid var(--sp-pill-line);
    border-radius: 999px;
    color: var(--sp-ink);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.sp-hub-fixture[data-verdict="pick"] .sp-verdict.is-pick,
.sp-hub-fixture[data-verdict="hit"] .sp-verdict.is-hit,
.sp-hub-fixture[data-verdict="miss"] .sp-verdict.is-miss { display: inline-flex; }

.sp-verdict.is-hit { border-color: var(--sp-hit-line); background: var(--sp-hit-bg); }
.sp-verdict.is-miss { border-color: var(--sp-miss-line); background: var(--sp-miss-bg); }
.sp-verdict.is-hit::before,
.sp-verdict.is-miss::before { content: ""; flex: none; width: 11px; height: 11px; }

.sp-verdict-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; }
.sp-verdict-dot.is-home { background: var(--sp-c-home); }
.sp-verdict-dot.is-draw { background: var(--sp-c-draw); }
.sp-verdict-dot.is-away { background: var(--sp-c-away); }

.sp-row .sp-hub-pending { font-size: 11px; }

/* ---- Tablet: two lines per row ---- */
@media (max-width: 1100px) {
    .sp-hub-fixture-summary.sp-row {
        grid-template-columns: 64px minmax(0, 1fr) minmax(0, 1.3fr) 24px;
        grid-template-areas:
            "time teams outcome chev"
            "time verdict goals chev";
        gap: 8px 14px;
        min-height: 0;
        padding: 12px 14px;
    }

    .sp-row > .sp-row-pendingwrap { grid-row: 1 / span 2; grid-column: outcome-start / outcome-end; align-self: center; }
    .sp-row > .sp-row-verdict { align-self: start; }
    .sp-row-goals { grid-template-columns: 1fr 1fr; gap: 14px; }
}

/* ---- Mobile: stacked card row ---- */
@media (max-width: 760px) {
    .sp-hub-fixture-summary.sp-row {
        grid-template-columns: minmax(0, 1fr) auto 22px;
        grid-template-areas:
            "time verdict chev"
            "teams teams teams"
            "outcome outcome outcome"
            "goals goals goals";
        gap: 9px 8px;
        padding: 12px 14px 14px;
        overflow: visible;
    }

    .sp-row > .sp-row-pendingwrap { grid-area: outcome; grid-row: 3; grid-column: 1 / -1; }

    .sp-row .sp-hub-kickoff {
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
        gap: 8px;
        text-align: left;
    }

    .sp-row .sp-hub-kickoff strong { font-size: 13px; }
    .sp-row .sp-hub-kickoff span { font-size: 11px; font-weight: 500; line-height: 1.2; }

    .sp-hub-fixture[data-status="live"] .sp-row .sp-hub-kickoff { justify-self: start; padding: 3px 10px; }

    .sp-row > .sp-hub-teams { gap: 3px; }
    .sp-row .sp-hub-team { font-size: 14px; line-height: 1.3; }
    .sp-row .sp-team-score { font-size: 14px; }

    .sp-row > .sp-row-verdict { align-self: center; justify-self: end; }
    .sp-row > .sp-hub-chevron { align-self: center; justify-self: end; font-size: 16px; text-align: center; }

    .sp-oc-label { font-size: 11px; }
    .sp-row-goals { grid-template-columns: 1fr 1fr; gap: 14px; }
    .sp-gl { gap: 6px; }
    .sp-gl-name { width: 28px; }
    .sp-gl-val { width: 28px; }
}

@media (max-width: 380px) {
    .sp-hub-fixture-summary.sp-row { padding: 11px 10px 13px; }
    .sp-row-goals { gap: 10px; }
    .sp-gl-name { width: 26px; font-size: 9px; }
    .sp-verdict { padding: 3px 7px; font-size: 10.5px; }
}

/* ---- Top-match chips and legend follow the palette ---- */
.sp-top-pick-h { color: var(--sp-accent-deep); }
.sp-top-pick-d { color: #4a5670; }
.sp-top-pick-a { color: #8f5a00; }
html[data-theme="dark"] .sp-top-pick-d { color: #c3cde4; }
html[data-theme="dark"] .sp-top-pick-a { color: #e5b04f; }

.sp-hub-legend li::before {
    content: "";
    flex: none;
    align-self: center;
    width: 18px;
    height: 8px;
    border-radius: 4px;
}

.sp-hub-legend li:nth-child(1)::before {
    background: linear-gradient(90deg, var(--sp-c-home) 0 36%, var(--sp-c-draw) 36% 66%, var(--sp-c-away) 66% 100%);
}

.sp-hub-legend li:nth-child(2)::before { background: var(--sp-c-over); }
.sp-hub-legend li:nth-child(3)::before { background: var(--sp-c-btts); }

/* ---- Match brief (fixture panel) ---- */
.sp-brief { display: grid; gap: 14px; }

.sp-brief-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-self: start;
    margin: 0;
    padding: 3px 11px 3px 8px;
    border: 1px solid var(--sp-line);
    border-radius: 999px;
    color: var(--sp-muted);
    font-size: 11px;
    font-weight: 600;
}

.sp-brief-tag svg { color: var(--sp-hit); }

.sp-brief-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, .8fr);
    gap: 14px;
    align-items: stretch;
}

.sp-brief-card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid var(--sp-line);
    border-radius: 14px;
    background: var(--sp-card);
}

.sp-brief-eyebrow {
    margin: 0;
    color: var(--sp-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sp-brief-headline {
    margin: 0;
    color: var(--sp-ink);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-wrap: balance;
}

.sp-brief-sub { margin: 0; color: var(--sp-muted); font-size: 12.5px; line-height: 1.5; }

/* result card: dot grid + legend */
.sp-brief-result-body { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 18px; }

.sp-dots {
    display: grid;
    flex: none;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 5px;
    width: 205px;
    max-width: 100%;
}

.sp-dot { aspect-ratio: 1; border-radius: 50%; background: var(--c); }
.sp-dot.is-home { --c: var(--sp-c-home); }
.sp-dot.is-draw { --c: var(--sp-c-draw); }
.sp-dot.is-away { --c: var(--sp-c-away); }
.sp-dot.is-faded { opacity: .2; }

.sp-legend { flex: 1 1 150px; display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }

.sp-legend-item { display: flex; align-items: center; gap: 10px; min-width: 0; }
.sp-legend-item.is-faded { opacity: .55; }

.sp-legend-count {
    flex: none;
    min-width: 34px;
    padding-left: 12px;
    border-left: 4px solid var(--c);
    color: var(--sp-ink);
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}

.sp-legend-item.is-home { --c: var(--sp-c-home); }
.sp-legend-item.is-draw { --c: var(--sp-c-draw); }
.sp-legend-item.is-away { --c: var(--sp-c-away); }

.sp-legend-text { min-width: 0; display: grid; gap: 1px; }
.sp-legend-name { overflow: hidden; color: var(--sp-ink); font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.sp-legend-pct { color: var(--sp-muted); font-size: 11.5px; font-style: normal; font-variant-numeric: tabular-nums; }

.sp-legend-badge {
    justify-self: start;
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--sp-ink);
    color: var(--sp-card);
    font-size: 10px;
    font-weight: 700;
}

/* goals card: two markets with a 50% line */
.sp-market { display: grid; gap: 7px; }
.sp-market + .sp-market { margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--sp-line); }

.sp-market-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.sp-market-title { color: var(--sp-ink); font-size: 13px; }
.sp-market-line { color: var(--sp-muted); font-size: 11px; }
.sp-market-verdict { margin: 0; color: var(--sp-ink); font-size: 13.5px; font-weight: 600; line-height: 1.35; }

.sp-market-labels { display: flex; justify-content: space-between; gap: 8px; color: var(--sp-muted); font-size: 12px; }
.sp-market-labels b { color: var(--sp-ink); font-variant-numeric: tabular-nums; }

.sp-market-track { position: relative; height: 8px; border-radius: 4px; background: var(--sp-track); }
.sp-market-fill { display: block; height: 100%; border-radius: 4px; background: var(--sp-c-over); }
.sp-market.is-btts .sp-market-fill { background: var(--sp-c-btts); }

.sp-market-tick {
    position: absolute;
    top: -3px;
    left: 50%;
    width: 1px;
    height: 14px;
    background: var(--sp-tick);
}

.sp-market-result { display: flex; align-items: flex-start; gap: 6px; margin: 0; color: var(--sp-ink); font-size: 12px; line-height: 1.4; }
.sp-market-result svg { flex: none; margin-top: 2px; }
.sp-market-result.is-hit svg { color: var(--sp-hit); }
.sp-market-result.is-miss svg { color: var(--sp-miss); }

/* clarity card: meter, timeline, demoted uncertainty */
.sp-meter { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; height: 8px; }
.sp-meter i { border-radius: 3px; background: var(--sp-track); }
.sp-meter i.is-on { background: var(--sp-accent); }

.sp-meter-ends { display: flex; justify-content: space-between; gap: 8px; color: var(--sp-muted); font-size: 11px; }

.sp-timeline { display: grid; gap: 8px; margin-top: 4px; padding-top: 12px; border-top: 1px solid var(--sp-line); }
.sp-timeline-title { display: flex; align-items: center; gap: 6px; margin: 0; color: var(--sp-ink); font-size: 12.5px; font-weight: 600; }
.sp-timeline-title svg { flex: none; color: var(--sp-hit); }

.sp-timeline-list {
    display: grid;
    gap: 7px;
    margin: 0 0 0 6px;
    padding: 0 0 0 14px;
    border-left: 2px solid var(--sp-line);
    list-style: none;
}

.sp-timeline-list li {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: var(--sp-muted);
    font-size: 12px;
}

.sp-timeline-list li::before {
    content: "";
    position: absolute;
    top: 4px;
    left: -21px;
    width: 8px;
    height: 8px;
    border: 2px solid var(--sp-accent);
    border-radius: 50%;
    background: var(--sp-card);
}

.sp-timeline-list li.is-kickoff::before { background: var(--sp-accent); }
.sp-timeline-list time { color: var(--sp-ink); font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }

.sp-uncertainty {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2px 8px;
    margin: auto 0 0;
    padding-top: 10px;
    border-top: 1px dashed var(--sp-line);
    color: var(--sp-muted);
    font-size: 11px;
}

.sp-uncertainty b { font-weight: 600; font-variant-numeric: tabular-nums; }

/* scorecard after full time */
.sp-scorecard { background: var(--sp-soft); }

.sp-score-rows { display: grid; }

.sp-score-row {
    display: grid;
    grid-template-columns: minmax(110px, .8fr) minmax(0, 1.1fr) minmax(0, 1.4fr) auto;
    align-items: center;
    gap: 6px 14px;
    padding: 10px 0;
    border-top: 1px solid var(--sp-line);
}

.sp-score-row:first-child { border-top: 0; }
.sp-score-name { color: var(--sp-ink); font-size: 13px; font-weight: 700; }
.sp-score-model b { color: var(--sp-ink); font-size: 13px; font-weight: 700; }
.sp-score-model em { margin-left: 8px; color: var(--sp-muted); font-size: 12px; font-style: normal; font-variant-numeric: tabular-nums; }
.sp-score-actual { color: var(--sp-ink); font-size: 13px; }

.sp-score-mark {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-self: end;
    padding: 3px 10px;
    border: 1px solid var(--sp-line);
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
}

.sp-score-row.is-hit .sp-score-mark { border-color: var(--sp-hit-line); background: var(--sp-hit-bg); }
.sp-score-row.is-hit .sp-score-mark svg { color: var(--sp-hit); }
.sp-score-row.is-miss .sp-score-mark { border-color: var(--sp-miss-line); background: var(--sp-miss-bg); }
.sp-score-row.is-miss .sp-score-mark svg { color: var(--sp-miss); }
.sp-score-summary { margin-top: 2px; color: var(--sp-ink); font-weight: 600; }

/* team-strength placeholder: dashed, never filled with invented numbers */
.sp-brief-placeholder {
    display: grid;
    gap: 12px;
    padding: 14px 16px;
    border: 1.5px dashed var(--sp-pill-line);
    border-radius: 12px;
}

.sp-placeholder-note { margin: 0; color: var(--sp-muted); font-size: 12.5px; line-height: 1.5; }

.sp-placeholder-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 8px 12px; }
.sp-placeholder-team { overflow: hidden; color: var(--sp-ink); font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.sp-placeholder-team:nth-child(2) { grid-column: 3; text-align: right; }
.sp-placeholder-label { color: var(--sp-muted); font-size: 11px; text-align: center; white-space: nowrap; }
.sp-placeholder-track { display: block; height: 8px; border: 1px dashed var(--sp-pill-line); border-radius: 4px; }

.sp-panel-section-head-inputs .sp-panel-badge.is-pending { background: transparent; border: 1px dashed var(--sp-pill-line); color: var(--sp-muted); }

/* ---- Match brief: tablet and mobile ---- */
@media (max-width: 1100px) {
    .sp-brief-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .sp-brief-card.is-clarity { grid-column: 1 / -1; }
}

@media (max-width: 760px) {
    .sp-brief-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .sp-brief-card { padding: 12px 14px; }
    .sp-brief-headline { font-size: 16px; }
    .sp-score-row { grid-template-columns: minmax(0, 1fr) auto; }
    .sp-score-name { grid-column: 1 / -1; }
    .sp-score-model, .sp-score-actual { grid-column: 1; }
    .sp-score-mark { grid-column: 2; grid-row: 2 / span 2; align-self: center; }
}

/* ---- Polish after first visual review ---- */
html[data-theme="dark"] .sp-hub-fixture { border-top-color: #243247; }
html[data-theme="dark"] .sp-hub-fixture:first-of-type { border-top-color: transparent; }

.sp-feature-team-sticky[hidden] { display: none; }

.sp-hub-panel .sp-panel-badge { font-size: 10px; }

.sp-legend-name { white-space: normal; overflow-wrap: anywhere; line-height: 1.3; }

/* drop the outcome word on narrow bar segments, keep the percentage */
.sp-oc-label { container-type: inline-size; }

@container (max-width: 54px) {
    .sp-oc-word { display: none; }
}

@container (max-width: 112px) {
    html[lang^="de"] .sp-oc-word { display: none; }
}

@container (max-width: 92px) {
    html[lang^="tr"] .sp-oc-word { display: none; }
}

@container (max-width: 82px) {
    html[lang^="it"] .sp-oc-word { display: none; }
}
