.signals-page{min-height:100vh;display:flex;flex-direction:column}
.signals-page .container{flex:1;display:flex;flex-direction:column;min-height:0}
.signals-page .container > .card:not([id]){flex:0 0 auto}

#signalsCard{flex:1;display:flex;flex-direction:column;min-height:0}
#signalsTableWrap{
  flex:1;min-height:0;max-height:none;
  display:flex;flex-direction:column;
  overflow:auto;
}
#signalsTable{width:100%;font-size:13px;border-collapse:collapse;table-layout:auto}
#signalsTable thead th{
  position:sticky;top:0;background:var(--card);z-index:1;
  white-space:nowrap;font-size:11px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:var(--muted);
  padding:10px 10px;text-align:center;border-bottom:1px solid var(--border);
}
#signalsTable thead th.sortable{cursor:pointer;user-select:none}
#signalsTable thead th.sortable:hover{color:var(--text)}
#signalsTable tbody td{padding:10px 10px;border-bottom:1px solid var(--border);vertical-align:middle;text-align:center}
#signalsTable tbody tr{background:var(--card)}
#signalsTable tbody tr:nth-child(even){background:var(--table-stripe)}
#signalsTable tbody tr:hover{background:var(--hover)}
#signalsTable td.nowrap{white-space:nowrap}
#signalsTable .muted{color:var(--muted)}

.sig-matchup{line-height:1.35;text-align:center}
.sig-matchup .team{font-weight:700;font-size:13px;white-space:nowrap}
.sig-matchup .team.away{opacity:.92}
.sig-matchup .team.home{font-size:13px}
.sig-matchup .at{color:var(--muted);font-size:11px}
.sig-matchup .side-tag{
  display:inline-block;vertical-align:middle;
  font-size:9px;font-weight:800;letter-spacing:.05em;
  border-radius:4px;padding:1px 4px;margin-left:4px;
}
.sig-matchup .tag-away{background:rgba(107,114,128,.16);color:var(--muted);border:1px solid var(--border)}
.sig-matchup .tag-home{background:rgba(5,150,105,.14);color:var(--green);border:1px solid rgba(5,150,105,.35)}
.sig-matchup .sig-game-no{display:inline-block;vertical-align:middle;font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--amber,#f59e0b);border:1px solid rgba(245,158,11,.4);border-radius:4px;padding:1px 4px;margin-left:6px}
.sig-matchup .rec{color:var(--muted);font-size:11px;font-weight:600}
.sig-matchup .wp-badge{display:inline-block;min-width:44px;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:4px}
.sig-matchup .wp-good{background:rgba(5,150,105,.14);color:var(--green)}
.sig-matchup .wp-bad{background:rgba(220,38,38,.14);color:var(--red)}
.sig-matchup .wp-mid{background:var(--soft);color:var(--muted)}

.sig-matchup .tier-badge{
  display:inline-block;vertical-align:middle;min-width:22px;text-align:center;
  font-size:9px;font-weight:900;letter-spacing:.04em;
  border-radius:4px;padding:1px 4px;margin-left:5px;
}
.sig-matchup .tier-1{background:rgba(5,150,105,.18);color:var(--green);border:1px solid rgba(5,150,105,.4)}
.sig-matchup .tier-2{background:rgba(245,158,11,.16);color:var(--amber,#f59e0b);border:1px solid rgba(245,158,11,.4)}
.sig-matchup .tier-3{background:rgba(220,38,38,.14);color:var(--red);border:1px solid rgba(220,38,38,.4)}
.sig-matchup .pat-badge{
  display:inline-block;vertical-align:middle;
  font-size:9px;font-weight:800;letter-spacing:.03em;
  border-radius:4px;padding:1px 4px;margin-left:5px;
}
.sig-matchup .pat-bounce{background:rgba(59,130,246,.16);color:#60a5fa;border:1px solid rgba(59,130,246,.45)}
.sig-matchup .pat-blow{background:rgba(147,51,234,.16);color:#c084fc;border:1px solid rgba(147,51,234,.45)}
.sig-matchup .pat-blowouts{background:rgba(147,51,234,.10);color:#c084fc;border:1px solid rgba(147,51,234,.30)}

.sig-pick{min-width:150px}
.sig-side{font-weight:800;font-size:13px;white-space:nowrap}
.sig-odds{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap}
.sig-meta{font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap}
.sig-proj{font-size:11px;font-weight:700;margin-top:2px;white-space:nowrap}

/* ── 3-WAY MONEY LINE (soccer): AWAY / DRAW / HOME, centered in its column ──────
   2026-10-28. The markup (`<div class="sig-3way"><span class="s3l">…</span>…`) has
   been emitted by `all-sports/watch.js` (`heldMoneylineCell`) and by every
   `*-signals.html`'s `threeWayMlHtml` since the 3-way column shipped — but NEITHER
   class ever had a rule, so the three chips were laid out by whatever the surrounding
   cell did (and ran together as "A-110 D+220 H-105" in the book-tab table). This is
   that missing rule set: the GROUP is centered in the column, and A / D / H each keep
   a fixed third so the prices line up row to row. It works in a centered cell and in a
   left-aligned one (`margin-inline:auto` + `text-align:center`). */
.sig-3way{
  display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));
  align-items:center;justify-items:center;gap:4px;
  width:100%;max-width:230px;margin:3px auto 0;
  text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap;
}
.sig-3way .s3l{
  display:inline-flex;align-items:baseline;justify-content:center;gap:3px;
  min-width:0;max-width:100%;padding:1px 5px;border-radius:6px;
  border:1px solid transparent;color:var(--text);
  font-size:12px;font-weight:700;line-height:1.25;white-space:nowrap;
}
.sig-3way .s3l b{
  font-size:9px;font-weight:800;letter-spacing:.05em;color:var(--muted);
}
.sig-3way .s3l.s3-pick{
  border-color:color-mix(in srgb,var(--green) 55%,transparent);
  background:var(--green-tint);
}
.sig-3way .s3l.s3-pick b{color:var(--green)}
/* the lone DRAW chip the history/tab cell renders (watch.js marketCell) */
.s3l{font-variant-numeric:tabular-nums;white-space:nowrap}
@media(max-width:620px){
  .sig-3way{grid-template-columns:repeat(3,minmax(38px,1fr));max-width:190px;gap:3px}
  .sig-3way .s3l{font-size:11px;padding:1px 3px}
}

.sig-bookies{font-size:10px;color:var(--muted);margin-top:4px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;max-width:190px;margin-left:auto;margin-right:auto}
.sig-juice{display:inline-flex;gap:4px;align-items:center;margin-top:4px;flex-wrap:wrap;justify-content:center}
.sig-juice-icon{width:24px;height:24px;border-radius:5px;object-fit:contain;border:1px solid var(--border);background:var(--card)}
.bk-rating-card .k{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;width:100%;font-size:clamp(10px, 0.8vw + 0.45rem, 12px);white-space:normal;max-width:100%}
.bk-rating-card .sub{font-size:clamp(10px, 0.8vw + 0.42rem, 12px);line-height:1.4}
.bk-rating-icon{width:22px;height:22px;border-radius:5px;object-fit:contain}
.bk-rating-card .k .bk-tags{flex:1 1 100%;display:inline-flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}












#bookieRatingStats{
  grid-auto-flow:column;
  grid-auto-columns:minmax(150px,1fr);
  grid-template-columns:none;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:var(--control-border-strong,var(--border)) transparent;
  padding-bottom:6px;      
}
#bookieRatingStats .stat{min-width:0;scroll-snap-align:start}
#bookieRatingStats::-webkit-scrollbar{height:8px}
#bookieRatingStats::-webkit-scrollbar-track{background:transparent}
#bookieRatingStats::-webkit-scrollbar-thumb{background:var(--control-border-strong,var(--border));border-radius:4px}
#bookieRatingStats::-webkit-scrollbar-thumb:hover{background:var(--muted)}
@media(max-width:820px){
  .bk-rating-card .k{font-size:clamp(9px, 2.2vw, 11px)}
  .bk-rating-card .sub{font-size:clamp(8.5px, 2vw, 10.5px)}
  

  #bookieRatingStats{grid-auto-columns:minmax(46%,1fr)}
}
.bk-rating-card.bk-best-card{border-color:var(--green);box-shadow:0 0 0 1px var(--green) inset;background:rgba(5,150,105,.08)}
.bk-rating-card.bk-na{opacity:.55}
.bk-best-tag{display:inline-flex;align-items:center;background:var(--green);color:#fff;font-size:8px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:1px 5px;line-height:1;white-space:nowrap}
.sig-bookies .bk-best{color:var(--green);font-weight:800}
.bk-rating-card .sub .bk-edge{font-weight:800;white-space:nowrap}
.bk-rating-card .sub .bk-edge.up{color:var(--green)}
.bk-rating-card .sub .bk-edge.down{color:var(--red)}
.bk-rating-card .sub .bk-edge.top{color:#fbbf24;text-decoration:underline;text-underline-offset:2px}
.bk-edge-summary{font-size:11px;font-weight:600;color:var(--green)}
.bk-edge-summary b{color:#fbbf24;font-weight:800}
#signalsTable .tab-bk{white-space:nowrap;font-weight:800;font-size:11px}
#signalsTable .tab-bk img.tab-bk-icon{width:16px;height:16px;border-radius:4px;object-fit:contain;vertical-align:middle;margin-right:4px}
.bk-ext{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:4px;vertical-align:middle;cursor:pointer}
.bk-ext:hover{color:var(--text)}
#signalsTable .tab-bk-cell .sig-side{font-weight:800;font-size:13px}
#signalsTable .tab-bk-cell .sig-meta{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap}
#signalsTable .tab-bk-cell.bk-best-tab{background:rgba(5,150,105,.10);border:1px solid rgba(5,150,105,.35)}

.sig-bar{width:100%;max-width:110px;height:5px;background:var(--soft);border-radius:999px;margin:5px auto 0;overflow:hidden}
.sig-bar-fill{height:100%;border-radius:999px}
.sig-good{color:var(--green)}
.sig-warn{color:var(--amber)}
.sig-bad{color:var(--red)}
.sig-bar-fill.sig-good{background:var(--green)}
.sig-bar-fill.sig-warn{background:var(--amber)}
.sig-bar-fill.sig-bad{background:var(--red)}

.grade{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:28px;height:26px;border-radius:8px;
  font-size:14px;font-weight:900;letter-spacing:.02em;
}
.grade-A{background:rgba(5,150,105,.16);color:var(--green);border:1px solid rgba(5,150,105,.35)}
.grade-B{background:rgba(217,119,6,.14);color:var(--amber);border:1px solid rgba(217,119,6,.32)}
.grade-C{background:rgba(220,38,38,.12);color:var(--red);border:1px solid rgba(220,38,38,.28)}





.grade-D{background:rgba(107,114,128,.16);color:var(--muted);border:1px solid rgba(107,114,128,.38)}
.grade-key{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.grade-key .grade-scale{font-size:11px;color:var(--muted);white-space:nowrap}
.grade-none{background:var(--soft);color:var(--muted);border:1px solid var(--border)}

.sig-grade-row{display:flex;justify-content:center;margin-bottom:6px}

.engine-chip{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--border);border-radius:999px;
  padding:3px 10px;font-size:11px;font-weight:600;color:var(--muted);
  background:var(--card);white-space:nowrap;
}
.engine-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}
.engine-chip.off .dot{background:var(--red)}

.sig-legend{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--muted);min-width:0}
.sig-legend span{display:inline-flex;align-items:center;gap:4px;white-space:normal;min-width:0;overflow-wrap:anywhere}
.sig-legend .sw{width:12px;height:12px;border-radius:3px;display:inline-block}
.sig-legend .sig-note{min-width:0;margin-top:2px}

#liveStatus{background:var(--good);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;margin-left:4px}
[data-theme="dark"] #liveStatus,body[data-theme="dark"] #liveStatus{background:#0b4d33;color:#a7f3d0;border-color:#0b4d33}
.sig-warning{border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:12px;color:var(--muted);background:var(--card)}

#signalsCount{font-size:12px;color:var(--muted);margin-top:8px;text-align:center}

#summaryStats{
  grid-auto-flow:column;              
  grid-auto-columns:minmax(0,1fr);    
  grid-template-columns:none;         
}
#summaryStats .stat{min-width:0}
#summaryStats .stat .k{font-size:clamp(9px, 0.8vw + 0.35rem, 11px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#summaryStats .stat .v{font-size:clamp(12px, 1.3vw + 0.4rem, 18px);white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#summaryStats .stat .sub{font-size:clamp(9px, 0.8vw + 0.35rem, 11px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:820px){
  #summaryStats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
  #summaryStats .stat:last-child:nth-child(odd){grid-column:1 / -1}
}

#signalStats{
  grid-auto-flow:column;              
  grid-auto-columns:minmax(0,1fr);    
  grid-template-columns:none;         
}
#signalStats .stat{min-width:0}
#signalStats .stat .k{font-size:clamp(9px, 0.8vw + 0.35rem, 11px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
#signalStats .stat .v{font-size:clamp(12px, 1.3vw + 0.4rem, 18px);white-space:normal;overflow-wrap:anywhere;line-height:1.25}
#signalStats .stat .sub{font-size:clamp(9px, 0.8vw + 0.35rem, 11px);white-space:normal;overflow-wrap:anywhere;line-height:1.35}
@media(max-width:820px){
  #signalStats{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto}
  #signalStats .stat:last-child:nth-child(odd){grid-column:1 / -1}
}
.stat{position:relative}
.stat-corner{
  position:absolute;top:5px;right:7px;
  font-size:14px;font-weight:800;line-height:1;white-space:nowrap;
  color:var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums;
}
.bk-rating-card .stat-corner{
  font-size:clamp(15px, 1.2vw + 0.4rem, 20px);
  font-weight:900;
}
.bk-rating-card .bk-grade{
  display:block;text-align:center;
  font-size:clamp(15px, 1.2vw + 0.4rem, 20px);
  font-weight:900;line-height:1.15;
  letter-spacing:.02em;margin:2px 0 1px;
}
.bk-rating-card .bk-grade.bk-grade-muted{color:var(--muted)}
.bk-rating-card .bk-grade.bk-grade-pos{color:var(--green)}
.bk-rating-card .bk-grade.bk-grade-neg{color:var(--red)}
.stat-corner.corner-pos{color:var(--green)}
.stat-corner.corner-neg{color:var(--red)}
.stat-corner.corner-pending{color:var(--amber)}
.stat-corner.corner-muted{color:var(--muted)}



#historyTable{width:100%;font-size:13px;border-collapse:collapse}
#historyTable thead th{
  position:sticky;top:0;background:var(--card);z-index:1;
  white-space:nowrap;font-size:11px;font-weight:700;
  letter-spacing:.04em;text-transform:uppercase;color:var(--muted);
  padding:9px 10px;text-align:center;border-bottom:1px solid var(--border);
}
#historyTable tbody td{padding:8px 10px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--border);font-size:12px}
#historyTable tbody tr.won{background:rgba(5,150,105,.06)}
#historyTable tbody tr.lost{background:rgba(220,38,38,.06)}
#historyTable tbody tr.push{background:rgba(156,163,175,.06)}
#historyTable tbody tr:hover{background:var(--hover)}
#historyTable .hist-bookie{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.hist-bookie-icon{width:24px;height:24px;border-radius:5px;object-fit:contain;border:1px solid var(--border);background:transparent;vertical-align:middle}

.res-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;height:22px;border-radius:999px;
  font-size:11px;font-weight:800;letter-spacing:.04em;padding:0 8px;
}
.res-win{background:rgba(5,150,105,.16);color:var(--green);border:1px solid rgba(5,150,105,.35)}
.res-loss{background:rgba(220,38,38,.14);color:var(--red);border:1px solid rgba(220,38,38,.3)}
.res-push{background:var(--soft);color:var(--muted);border:1px solid var(--border)}
.res-pending{background:var(--soft);color:var(--muted);border:1px dashed var(--border)}

.sig-result-row{display:flex;justify-content:center;margin:2px 0 0}
.sig-result-row .res-badge{min-width:40px;height:18px;font-size:10px;padding:0 6px}

.lock-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:20px;height:20px;border-radius:6px;margin-left:5px;
  font-size:12px;cursor:help;vertical-align:middle;
  background:rgba(217,119,6,.14);border:1px solid rgba(217,119,6,.35);
}

details.factor-details{font-size:11px;color:var(--muted);margin-top:4px;text-align:left}
details.factor-details summary{cursor:pointer;user-select:none;color:var(--muted)}
details.factor-details ul{margin:4px 0 0;padding-left:16px;line-height:1.5}


/* THE WATCH CONTROL (2026-10-25).
   Was a blue `＋ Watch` pill (~70px) that shouted louder than the row's data on
   *-signals schedules and picks containers. Now a 22px quiet icon that tints on hover
   and turns into a green check once the game is in the console — same target size, a
   fraction of the ink. `title`/`aria-label` keep it discoverable. */
.wt-addbtn{
  display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;margin-top:4px;padding:0;
  border-radius:6px;cursor:pointer;
  color:var(--muted,#9ca3af);background:transparent;
  border:1px solid var(--border,#2a2f3a);
  vertical-align:middle;
  transition:color .14s ease,border-color .14s ease,background .14s ease;
}
.wt-addbtn:hover{color:var(--text,#e5e7eb);border-color:var(--accent,#6366f1);background:rgba(99,102,241,.12)}
.wt-addbtn:focus-visible{outline:2px solid var(--focus,#6366f1);outline-offset:1px}
.wt-addbtn-ico{width:13px;height:13px;display:block}
.wt-addcheck{display:none}
.wt-addbtn.wt-added{color:var(--green,#10b981);border-color:rgba(5,150,105,.45);background:rgba(5,150,105,.1)}
.wt-addbtn.wt-added .wt-addplus{display:none}
.wt-addbtn.wt-added .wt-addcheck{display:inline}
.wt-addbtn[disabled]{opacity:.55;cursor:default}

/* THE WATCH EYE (2026-10-26).
   Operator: *"for *-signals.html, put the watch button next to time of game, like
   where the lock icon is at, but make it an EYE icon like we do for odds page, and
   make it black outline."* So the signals boards no longer hang the boxed plus under
   the matchup: the control is the odds-page eye (outline eye + iris, filled when the
   game is watched), dropped right after the status/time (next to the gate lock), with
   a black outline on the light themes. The dark themes keep the eye light — the same
   way `.wt-date-watch` does on the odds pages — because a black glyph on `--card`
   would disappear. `.wt-added` is the 1.6s confirmation that watch.js toggles. */
.wt-addbtn.wt-eye-watch{
  width:18px;height:16px;margin:0 0 0 5px;padding:0;
  border:0;border-radius:0;background:none;
  color:#000;vertical-align:-2px;line-height:1;
}
.wt-addbtn.wt-eye-watch:hover{color:#000;border:0;background:none}
.wt-addbtn.wt-eye-watch:focus-visible{outline:2px solid var(--focus,#6366f1);outline-offset:2px;border-radius:50%}
.wt-addbtn.wt-eye-watch .wt-eye-fill{opacity:0;transition:opacity .12s}
.wt-addbtn.wt-eye-watch.wt-added{color:var(--green,#10b981);border:0;background:none}
.wt-addbtn.wt-eye-watch.wt-added .wt-eye-fill{opacity:1}
.wt-addbtn.wt-eye-watch.wt-added .wt-eye-iris{opacity:0}
:root:not([data-theme="light"]):not([data-theme="paper"]) .wt-addbtn.wt-eye-watch{color:#e5e7eb}
:root:not([data-theme="light"]):not([data-theme="paper"]) .wt-addbtn.wt-eye-watch:hover{color:#fff}
:root:not([data-theme="light"]):not([data-theme="paper"]) .wt-addbtn.wt-eye-watch.wt-added{color:var(--green,#34d399)}
.wt-team{font-weight:700}
.wt-team-mark{
  /* A FIXED BOX, matching the img's width/height attributes (2026-10-29). `width:auto` with
     `height:1em` meant the browser could not reserve space before a lazy image arrived — the
     "images should have explicit dimensions" warning — and it also let a wide crest squash the
     row. Both axes are pinned now; `object-fit:contain` keeps the aspect ratio. */
  height:20px;width:20px;min-width:20px;max-height:20px;max-width:20px;object-fit:contain;
  display:inline-block;vertical-align:-.25em;margin-right:.35em;flex:0 0 auto;
}
/* NO LOGO? THE CODE STANDS IN (2026-10-29) — a card row is never blank, and the initials badge
   is the same size as a mark so the column stays aligned. */
.wt-team-mark-txt{
  display:inline-flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:900;letter-spacing:.02em;border-radius:4px;
  color:var(--muted,#9ca3af);background:rgba(148,163,184,.14);
  border:1px solid rgba(148,163,184,.25);text-transform:uppercase;
}
.wt-score{display:inline-block;min-width:26px;text-align:center;margin-left:6px;font-weight:800;font-variant-numeric:tabular-nums}
.team-win .wt-team{color:var(--green)}
.team-loss .wt-team{color:var(--red)}
.sig-3way{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
.sig-3way .s3l{display:inline-flex;align-items:baseline;gap:2px;font-size:11px;font-weight:700;color:var(--muted,#9ca3af);padding:1px 5px;border-radius:5px;background:var(--soft,#12161f);border:1px solid var(--border,#262b36);line-height:1.2;white-space:nowrap}
.sig-3way .s3l b{font-size:10px;font-weight:800;color:var(--text,#e5e7eb);text-transform:uppercase}
.sig-3way .s3l.s3-pick{color:var(--green,#34d399);border-color:var(--green,#34d399);background:rgba(5,150,105,.14);box-shadow:0 0 0 1px rgba(5,150,105,.30) inset}

[data-watch-open]{position:relative}
.wt-count-badge{
  position:absolute;top:-5px;right:-5px;z-index:3;
  min-width:17px;height:17px;padding:0 4px;border-radius:999px;
  display:none;align-items:center;justify-content:center;
  font-size:10px;font-weight:800;line-height:1;color:#fff;
  background:linear-gradient(135deg,#f59e0b,#ef4444);
  box-shadow:0 2px 6px rgba(239,68,68,.5);
  border:1px solid rgba(0,0,0,.25);
}
.wt-count-badge.show{display:inline-flex}

.wt-date-watch{
  --wt-eye:#52525b;
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:16px;padding:0;margin:0 0 0 5px;border:0;background:none;border-radius:5px;
  cursor:pointer;color:var(--wt-eye);vertical-align:-2px;line-height:1;
}
[data-theme="dark"] .wt-date-watch{--wt-eye:#a1a1aa}
.wt-date-watch:hover{color:var(--text)}
[data-theme="dark"] .wt-date-watch:hover{color:#fff}
.wt-date-watch svg{display:block}
.wt-date-watch .wt-eye-fill{opacity:0;transition:opacity .12s}
.wt-date-watch.wt-on{color:var(--green)}
.wt-date-watch.wt-on .wt-eye-fill{opacity:1}
.wt-date-watch.wt-on .wt-eye-iris{opacity:0}
.wt-date-watch:focus-visible{outline:2px solid var(--green);outline-offset:1px;border-radius:3px}

.wt-console{
  --soft2:var(--soft); --muted2:var(--muted); --border2:var(--border);
  --control-border-strong:var(--text);
  --hover:var(--row-select);
  --gold:var(--amber);
  --wt-accent-rgb:107,114,128;   
  position:fixed;inset:0;z-index:1300;display:flex;flex-direction:column;
  background:var(--bg,#0a0a0a);color:var(--text,#e5e7eb);
}
.wt-console[hidden]{display:none}
body.wt-console-open{overflow:hidden}


.wt-console-toolbar{
  display:flex;align-items:center;gap:8px;row-gap:8px;flex-wrap:wrap;
  padding:var(--wt-gap) var(--wt-pad);border-bottom:1px solid var(--border,#222);
  background:var(--soft,#12161f);
}
.wt-toolbar-3z{justify-content:space-between}
.wt-toolbar-left,.wt-toolbar-center,.wt-toolbar-right{
  display:flex;align-items:center;gap:8px;row-gap:6px;flex-wrap:wrap;min-width:0;flex:0 1 auto;
}
.wt-toolbar-right{justify-content:flex-end}
.wt-console-toolbar .wt-group{display:inline-flex;align-items:center;gap:4px;font-size:12px;min-width:0}
.wt-console-toolbar .wt-group label{color:var(--muted,#9ca3af);font-weight:600;white-space:nowrap}
.wt-sep{width:1px;align-self:stretch;background:var(--border,#333);margin:0 2px}
.wt-select,.wt-input{
  box-sizing:border-box;height:28px;padding:0 8px;border-radius:6px;font-size:12px;
  background:var(--soft,#0f1420);color:var(--text,#e5e7eb);
  border:1px solid var(--border,#333);outline:none;
}
.wt-input{max-width:150px;min-width:0}
.wt-btn{
  box-sizing:border-box;height:28px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 10px;line-height:1;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;
  color:var(--text,#e5e7eb);background:var(--soft,#161b26);
  border:1px solid var(--border,#333);transition:background .15s ease;
}
.wt-btn:hover{background:var(--border,#2a2f3a)}
.wt-btn.wt-active{background:rgba(var(--wt-accent-rgb,99,102,241),.28);border-color:rgba(var(--wt-accent-rgb,99,102,241),.5)}
.wt-btn.wt-danger{color:#fca5a5;background:rgba(220,38,38,.14);border-color:rgba(220,38,38,.35)}
.wt-btn.wt-close{font-size:14px;width:28px;padding:0}
.wt-btn-accent{color:#fff;background:var(--green);border-color:transparent;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.wt-btn-accent:hover{background:var(--green);filter:brightness(1.08);opacity:.96}
.wt-feedgrp .wt-feed-scope{max-width:88px}
.wt-feedgrp .wt-feed-rows{max-width:56px}

.wt-console-grid{
  flex:1;overflow:auto;padding:var(--wt-gap) var(--wt-pad);
  display:grid;gap:10px;
  --wt-cols:null;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  


  grid-auto-rows:max-content;
  align-content:start;
}
.wt-console-grid[data-cols]{grid-template-columns:repeat(var(--wt-cols),1fr)}
.wt-console-grid[data-fit="1"]{gap:6px}
.wt-console-grid.wt-freeform{display:block;position:relative}
.wt-console-grid[data-feed="0"] .wt-card-feed{display:none}
.wt-console-bottom .wt-console-count{flex:0 0 auto;white-space:nowrap;padding:2px 0 2px 12px;font-size:12px;color:var(--muted,#9ca3af);text-align:right;border-left:1px solid var(--border,#222)}

.wt-console-card{
  position:relative;border-radius:12px;overflow:hidden;
  background:var(--card,#121212);border:1px solid var(--border,#262b36);
  display:flex;flex-direction:column;min-height:120px;
  container-type:inline-size;container-name:wtcard;
}
.wt-console-grid.wt-freeform .wt-console-card{position:absolute}
.wt-console-card.live{border-color:var(--amber);box-shadow:0 0 0 1px color-mix(in srgb,var(--amber) 30%,transparent)}
.wt-console-card.final{border-color:var(--border,#262b36)}
.wt-card-head{
  display:flex;align-items:center;gap:6px;padding:6px 8px;min-width:0;overflow:hidden;
  background:var(--soft);border-bottom:1px solid var(--border);
}
.wt-card-grab{cursor:grab;font-size:13px;color:var(--muted,#9ca3af);user-select:none;flex:0 0 auto;touch-action:none}
.wt-card-league{
  display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;
  padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em;
  color:var(--lc,var(--text));
  background:color-mix(in srgb,var(--lc,var(--muted)) 20%,transparent);
  border:1px solid color-mix(in srgb,var(--lc,var(--muted)) 50%,transparent);
  text-transform:uppercase;white-space:nowrap;max-width:110px;overflow:hidden;
  text-overflow:ellipsis;
}




*/registry.json: adding a
   league is one registry row, not an edit here.
   Previously each league carried its own hardcoded rgba fill with near-black
   text, which ignored the theme completely. */
.wt-lc-dot{width:6px;height:6px;border-radius:50%;background:var(--lc,currentColor);flex:0 0 auto}
.wt-lc-kbo,.wt-lc-lmb,.wt-lc-lmp,.wt-lc-mlb,.wt-lc-npb,.wt-lc-baseball{--lc:var(--accent-baseball)}
.wt-lc-cba,.wt-lc-euroleague,.wt-lc-lnbp,.wt-lc-nba,.wt-lc-ncaab,.wt-lc-ncaaw,.wt-lc-wcba,.wt-lc-wnba{--lc:var(--accent-basketball)}
.wt-lc-cfl,.wt-lc-ncaaf,.wt-lc-nfl{--lc:var(--accent-football)}
.wt-lc-chl,.wt-lc-del,.wt-lc-khl,.wt-lc-nhl,.wt-lc-shl{--lc:var(--accent-hockey)}
.wt-lc-allsvenskan,.wt-lc-brasileiro-serie-a,.wt-lc-brasileiro-serie-b,.wt-lc-bundesliga,.wt-lc-bundesliga-2,.wt-lc-csl,.wt-lc-epl,.wt-lc-eredivisie,.wt-lc-la-liga,.wt-lc-la-liga-2,.wt-lc-liga-mx,.wt-lc-ligue-1,.wt-lc-ligue-2,.wt-lc-mls,.wt-lc-nwsl,.wt-lc-premier-league,.wt-lc-primeira-liga,.wt-lc-rpl,.wt-lc-scottish-premiership,.wt-lc-serie-a,.wt-lc-serie-b,.wt-lc-serie-c,.wt-lc-uefa,.wt-lc-uefa-champions-league,.wt-lc-uefa-conference-league,.wt-lc-uefa-europa-league,.wt-lc-uefa-nations-league{--lc:var(--accent-soccer)}

.wt-lc-mma,.wt-lc-other{--lc:var(--accent-neutral)}

#divisionPills .div-pill{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}
#divisionPills .div-pill.active{background:var(--green);color:#fff;border-color:var(--green)}
@container wtcard (max-width:240px){
  /* THE LEAGUE NAME STAYS ON A NARROW CARD (2026-10-29). `font-size:0` left the header showing
     a bare coloured dot, so a small card never said WHICH league it was. It shrinks and
     ellipsises instead of disappearing. */
  .wt-card-league{font-size:8px;padding:2px 5px;max-width:76px;overflow:hidden}
  .wt-card-league .wt-lc-dot{width:7px;height:7px}
}
.wt-card-status{margin-left:auto;flex:1 1 auto;font-size:11px;font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wt-console-card.live .wt-card-status{color:var(--amber)}
.wt-console-card.final .wt-card-status{color:var(--muted,#9ca3af)}
.wt-card-status.st-final,.wt-card-status.st-postponed{
  flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;padding:0 7px;height:19px;font-size:10px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;white-space:nowrap;
}
.wt-card-status.st-final{color:var(--muted,#9ca3af);background:rgba(127,127,140,.16);border:1px solid var(--border,#262b36)}
.wt-card-status.st-postponed{color:var(--amber,#f59e0b);background:rgba(217,119,6,.16);border:1px solid rgba(217,119,6,.4)}
.wt-card-date{
  flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--muted,#9ca3af);white-space:nowrap;
  border:1px solid var(--border,#262b36);border-radius:999px;padding:1px 6px;
  background:rgba(127,127,140,.12);
}
.wt-console-card.final .wt-card-date{opacity:.75}
.wt-card-bso{
  display:inline-flex;gap:2px;align-items:center;flex:0 0 auto;
  font-size:10px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1;
}
.wt-card-bso span{
  background:color-mix(in srgb,var(--amber) 14%,transparent);color:var(--amber);
  border:1px solid color-mix(in srgb,var(--amber) 32%,transparent);
  border-radius:4px;padding:1px 3px;min-width:14px;text-align:center;
}
.wt-card-x{
  flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:none;cursor:pointer;
  color:var(--muted,#9ca3af);background:transparent;font-size:12px;font-weight:700;
}
.wt-card-x:hover{color:#fff;background:rgba(220,38,38,.4)}
/* THE MATCHUP ⓘ (2026-10-29): opens the shared HUD popup. Sized like the close button and
   placed before it, so the header keeps one row of controls. */
.wt-card-info{
  flex:0 0 auto;width:22px;height:22px;border-radius:6px;border:none;cursor:pointer;
  color:var(--muted,#9ca3af);background:transparent;font-size:13px;font-weight:700;line-height:1;
}
.wt-card-info:hover{color:var(--text,#e5e7eb);background:rgba(148,163,184,.18)}
.wt-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:8px 12px;gap:5px;min-width:0}
.wt-card-row{display:flex;align-items:center;gap:8px;min-width:0}
.wt-card-row .wt-card-team{font-size:clamp(13px,8cqw,20px);font-weight:900;letter-spacing:.05em;text-transform:uppercase;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text,#e5e7eb);line-height:1.1;display:flex;align-items:center;min-height:28px}
/* THE FULL TEAM NAME UNDER THE CODE (2026-10-29, operator: *"we also have enough room to add
   long names for teams, but make it smaller text under them"*). The card is taller by one small
   line; the name ellipsises instead of pushing the score, and the CODE keeps the big weight. */
.wt-card-row .wt-card-tname{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.12}
.wt-card-row .wt-card-tname b{font-weight:900;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt-card-row .wt-card-tname small{font-size:.58em;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--muted,#9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.wt-card-row .wt-card-score{font-size:clamp(15px,11cqw,28px);font-weight:900;font-variant-numeric:tabular-nums;margin-left:auto;flex:0 0 auto;white-space:nowrap;line-height:1.1}
.wt-card-row .res-badge{font-size:10px}
.wt-card-row.win .wt-card-score{color:var(--green)}
.wt-card-row.loss .wt-card-score{color:var(--red)}
.wt-card-row.lead .wt-card-score{color:var(--green)}
.wt-card-row.trail .wt-card-score{color:var(--red)}
.wt-card-row.lead .wt-card-score{text-shadow:0 0 12px rgba(52,211,153,.35)}
.wt-card-row.trail .wt-card-score{opacity:.82}
.wt-card-divider{font-size:10px;line-height:1;color:var(--muted,#9ca3af);padding-left:1px}
.wt-card-resize{
  position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:se-resize;
  background:linear-gradient(135deg,transparent 50%,rgba(var(--wt-accent-rgb,107,114,128),.75) 50%,rgba(var(--wt-accent-rgb,107,114,128),.75) 60%,transparent 60%);
}
.wt-card-grab:active{cursor:grabbing}

.wt-ghost{
  opacity:.92;box-shadow:0 14px 34px rgba(0,0,0,.55);
}
.wt-card-slot{
  border:2px dashed rgba(var(--wt-accent-rgb,99,102,241),.75);border-radius:12px;
  background:rgba(var(--wt-accent-rgb,99,102,241),.10);min-height:120px;
}
.wt-console-card.wt-dragging{opacity:.35;transform:scale(.97);transition:opacity .12s ease,transform .12s ease}
.wt-console-grid.wt-freeform .wt-console-card{will-change:left,top}
.wt-console-grid.wt-freeform .wt-card-resize{will-change:width,height}

@keyframes wtScoreFlash{
  0%{background-color:rgba(245,158,11,.30);box-shadow:0 0 0 0 rgba(245,158,11,.9)}
  100%{background-color:rgba(245,158,11,0);box-shadow:0 0 0 7px rgba(245,158,11,0)}
}
.wt-console-card.wt-flash{animation:wtScoreFlash 1.15s ease-out 1}
@keyframes wtScoreBlink{
  0%,100%{opacity:1}
  50%{opacity:.12}
}
.wt-card-score.wt-score-blink{animation:wtScoreBlink .5s ease-in-out 4}


.wt-console.wt-page{
  position:static;inset:auto;z-index:auto;height:auto;
  flex:1 1 auto;min-height:0;
  background:transparent;border-radius:0;
  padding-bottom:var(--wt-dock-h,58px);
}
.wt-page .wt-close{display:none}
.watch-page{width:100%;max-width:none;margin:0;padding:var(--wt-gap) var(--wt-pad) 0;display:flex;flex-direction:column;height:calc(100vh - var(--wt-header-h,50px));height:calc(100dvh - var(--wt-header-h,50px))}
.wt-page .wt-console-toolbar{padding:var(--wt-gap) calc(var(--wt-pad) + 4px);border:1px solid var(--border,#262b36);border-radius:var(--r,12px);background:var(--soft,#12161f)}
.wt-page .wt-search-row,
.wt-page .wt-search-results{border:1px solid var(--border,#262b36);border-radius:var(--r,12px);background:var(--soft,#12161f)}
.wt-page .wt-search-row{padding:var(--wt-gap) calc(var(--wt-pad) + 4px)}
.wt-page .wt-search-results{padding:6px calc(var(--wt-pad) + 4px)}
.wt-page .wt-console-grid{padding:var(--wt-gap) 0;flex:1 1 auto;min-height:0}
.wt-page .wt-console-bottom{
  position:fixed;bottom:0;left:50%;right:auto;transform:translateX(-50%);z-index:20;
  width:max-content;
  min-width:min(360px, calc(100% - 2 * var(--wt-pad)));
  max-width:calc(100% - 2 * var(--wt-pad));
  border-radius:var(--r,12px) var(--r,12px) 0 0;
  padding-inline:12px;
}
.wt-page .wt-console-bottom .wt-league-filter{flex:0 1 auto}

.wt-card-feed{
  display:flex;flex-direction:column;gap:2px;overflow:hidden;
  padding:6px 12px;border-top:1px solid var(--border);
  background:var(--soft);font-size:12px;
  --wt-feed-line:1.45em; --wt-play-h:calc(var(--wt-feed-line) * 2);
}
.wt-feed-scroll{
  display:flex;flex-direction:column;gap:6px;min-width:0;min-height:0;
  overflow-y:auto;scrollbar-width:none;
  max-height:calc(var(--wt-play-h) * var(--wt-feed-rows,2) + (var(--wt-feed-rows,2) - 1) * 6px);
}
.wt-feed-scroll::-webkit-scrollbar{display:none}
.wt-feed-row{
  display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;text-align:left;
  gap:8px;padding:2px 0;min-height:var(--wt-play-h);color:var(--text,#e5e7eb);
}
.wt-feed-row.empty,.wt-feed-row.final{justify-content:center;text-align:center;min-height:auto}
.wt-feed-row.empty{color:var(--muted,#9ca3af);font-style:italic}
.wt-feed-row.empty .wt-feed-txt,.wt-feed-row.final .wt-feed-txt{flex:0 1 auto;text-align:center}
.wt-feed-clock{
  font-variant-numeric:tabular-nums;font-size:10px;font-weight:800;color:var(--muted);
  flex:0 0 auto;min-width:34px;max-width:74px;white-space:nowrap;overflow:hidden;
  display:flex;flex-direction:column;align-items:flex-start;gap:1px;
  padding-top:2px;
}
.wt-feed-clock .wt-feed-down{font-size:9px;font-weight:700;color:var(--muted);opacity:.85;white-space:normal;overflow:hidden;max-width:74px;line-height:1.15;}
.wt-feed-txt{flex:1 1 auto;min-width:0;line-height:1.4;text-align:left;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wt-console-card.live .wt-card-feed{border-top-color:var(--accent,var(--muted))}

.wt-empty{
  grid-column:1/-1;text-align:center;color:var(--muted,#9ca3af);
  padding:46px 20px;font-size:14px;line-height:1.7;
  border:1px dashed var(--border,#333);border-radius:12px;background:var(--soft,#12161f);
}
.wt-empty b{color:var(--text,#e5e7eb)}



.wt-console-bottom{flex:0 0 auto;position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;border-top:1px solid var(--border);background:transparent;padding:6px var(--wt-pad)}
.wt-console-bottom .wt-league-filter{
  display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center;
  flex:1 1 auto;min-width:0;
}
.wt-console-bottom .wt-league-filter:empty{display:none}
.wt-lf-pill{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;
  color:var(--lc,var(--text));cursor:pointer;
  background:color-mix(in srgb,var(--lc,var(--muted)) 20%,transparent);
  border:1px solid color-mix(in srgb,var(--lc,var(--muted)) 50%,transparent);
  transition:opacity .15s ease,transform .15s ease,filter .15s ease;
}
.wt-lf-pill b{font-size:10px;opacity:.9;margin-left:2px;font-variant-numeric:tabular-nums}
.wt-lf-pill:hover{transform:translateY(-1px)}


.wt-lf-pill.wt-off{background:transparent;border-color:var(--line-strong);
  color:var(--muted);filter:none;opacity:1}
.wt-console-grid .wt-console-card.wt-hidden{display:none}

.wt-search-row{
  display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  padding:8px var(--wt-pad);border-bottom:1px solid var(--border,#222);
  background:var(--soft,#0f1420);font-size:12px;
}
.wt-search-row[hidden]{display:none}
.wt-search-row label{color:var(--muted,#9ca3af);font-weight:600}



.wt-search-row select,.wt-search-row input[type="date"],.wt-search-row input[type="text"]{
  padding:5px 8px;border-radius:6px;font-size:12px;
  background:var(--soft,#0f1420);color:var(--text,#e5e7eb);
  border:1px solid var(--border,#333);outline:none;
}
.wt-search-row .wt-search-q{flex:1 1 170px;min-width:170px}
.wt-search-results{
  max-height:340px;overflow:auto;border-bottom:1px solid var(--border,#222);  /* a picker, not a sliver: the sticky bar + group heads need room */
  background:var(--soft,#0f1420);font-size:12px;
  display:grid;align-content:start;gap:6px;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
}
.wt-search-results[hidden]{display:none}
.wt-search-results .wt-sr-hint{grid-column:1/-1;padding:10px 14px;color:var(--muted,#9ca3af);font-style:italic}
.wt-sr-item{
  display:flex;align-items:center;gap:10px;padding:8px 10px;min-width:0;
  border:1px solid var(--border);border-radius:8px;background:rgba(127,127,140,.06);
}
@media(max-width:720px){.wt-search-results{grid-template-columns:1fr}}
@media(max-width:720px){.wt-sr-item{padding:8px 12px}}
.wt-sr-item .wt-card-league{flex:0 0 auto}
.wt-sr-match{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.wt-sr-match b{font-size:13px;font-weight:800;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt-sr-match small{color:var(--muted,#9ca3af);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt-sr-add{flex:0 0 auto}
.wt-sr-add.wt-added{color:var(--green);background:rgba(5,150,105,.16);border-color:rgba(5,150,105,.4)}
.wt-sr-add.wt-inconsole{opacity:.7;cursor:default}
.signals-page .bot-analytics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1080px){.signals-page .bot-analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.signals-page .bot-analytics-grid{grid-template-columns:1fr}}

#parlayRow{
  display:grid;gap:10px;min-width:0;
  grid-template-columns:repeat(var(--parlay-cols,4),minmax(0,1fr));
}
#parlayRow > .parlay-full-row{grid-column:1/-1;display:grid;gap:10px;
  grid-template-columns:repeat(var(--parlay-full-cols,3),minmax(0,1fr))}
@media(max-width:1500px){#parlayRow{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}}
@media(max-width:1500px){#parlayRow > .parlay-full-row{grid-template-columns:repeat(var(--parlay-full-cols,3),minmax(0,1fr))}}
@media(max-width:1080px){#parlayRow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){#parlayRow > .parlay-full-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#parlayRow{grid-template-columns:1fr}}
@media(max-width:560px){#parlayRow > .parlay-full-row{grid-template-columns:1fr}}

.parlay-card{
  position:relative;display:flex;flex-direction:column;gap:6px;min-width:0;
  border:1px solid var(--line);border-radius:12px;background:var(--container-bg);
  padding:10px 11px;
  container-type:inline-size;container-name:parlaycard;
}



.parlay-xcard{background:var(--container-bg);border-color:var(--line)}



.parlay-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;
  padding:4px 7px;border-radius:8px;background:var(--row-bg)}








.parlay-card > .parlay-head{background:var(--head-bg)}

.parlay-head .parlay-title{flex:1 1 auto;min-width:0}

.parlay-head .parlay-sub{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}









.parlay-head.parlay-head-stack{flex-wrap:wrap;row-gap:3px}


.parlay-head-stack .parlay-title{flex:1 0 auto}
.parlay-head-stack .parlay-head-facts{display:flex;align-items:baseline;gap:10px;
  min-width:0;flex:0 1 auto}
.parlay-head-stack .parlay-head-facts .parlay-sub{font-size:10px}


.parlay-head-stack .parlay-head-facts .parlay-info{flex:0 1 auto;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parlay-head-stack .parlay-head-facts .parlay-stamp{flex:0 0 auto;white-space:nowrap}
.parlay-head-stack .parlay-head-tags{display:inline-flex;align-items:center;gap:6px;
  flex:0 0 auto;margin-left:auto}




.parlay-head + .parlay-sub{display:block;padding:2px 7px;border-radius:7px;
  background:var(--row-bg);white-space:normal;overflow-wrap:anywhere}




.parlay-head .stat-corner{position:static;flex:0 0 auto;margin-left:auto}




.parlay-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  margin-top:auto;padding:4px 7px;border-radius:8px;background:var(--row-bg)}
.parlay-card:not(.parlay-stat-card) > .parlay-foot{background:var(--head-bg)}
.parlay-foot .ps-v{font-size:12.5px;font-weight:800;font-variant-numeric:tabular-nums;
  white-space:nowrap}


.parlay-stat:has(+ .parlay-foot){border-bottom:0}
.parlay-title{
  font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.parlay-sub{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.parlay-head .sport-pill{
  flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.04em;
  border-radius:4px;padding:0 5px;line-height:1.6;text-transform:uppercase;
  background:var(--soft);color:var(--text);border:1px solid var(--border);
  white-space:nowrap;
}
.parlay-head .book-pill{
  flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.04em;
  border-radius:4px;padding:0 5px;line-height:1.6;text-transform:uppercase;
  color:#fff;border:1px solid rgba(255,255,255,.18);white-space:nowrap;
}
.parlay-head .sport-pill + .parlay-title{flex:1 1 auto}

.parlay-legs{display:flex;flex-direction:column;gap:4px;min-width:0}
.parlay-leg{display:flex;align-items:center;gap:6px;font-size:11.5px;min-width:0;
  overflow:hidden}





.parlay-leg{padding:5px 7px;border-radius:8px;background:var(--row-bg)}
.parlay-leg .leg-mkt{
  flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.04em;
  border-radius:4px;padding:0 5px;line-height:1.6;
  background:#3d3f57;color:#e6e8f5;border:1px solid rgba(255,255,255,.10);
}
.parlay-leg .leg-mkt.mkt-ml{background:#1e3a8a;color:#dbeafe;border-color:rgba(219,234,254,.18)}
.parlay-leg .leg-mkt.mkt-sp{background:#115e59;color:#ccfbf1;border-color:rgba(204,251,241,.18)}
.parlay-leg .leg-mkt.mkt-tot{background:#5b21b6;color:#ede9fe;border-color:rgba(237,233,254,.18)}
.parlay-leg .leg-mkt.mkt-rl{background:#7c2d12;color:#ffedd5;border-color:rgba(255,237,213,.18)}
.parlay-leg .leg-mkt.mkt-draw{background:#9f1239;color:#ffe4e6;border-color:rgba(255,228,230,.18)}
.parlay-leg .leg-mkt.mkt-prop{background:#3f6212;color:#ecfccb;border-color:rgba(236,252,203,.18)}
.parlay-leg .leg-side{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.parlay-leg .leg-links{display:inline-flex;flex:0 0 auto;align-items:center;gap:3px}
.parlay-leg .leg-link{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:3px;opacity:.85;text-decoration:none}
.parlay-leg .leg-link:hover,.parlay-leg .leg-link:focus-visible{opacity:1}
.parlay-leg .leg-link img{display:block;width:12px;height:12px;border-radius:2px}
.parlay-leg .leg-league{
  flex:0 0 auto;font-size:9px;font-weight:800;letter-spacing:.04em;
  border-radius:4px;padding:0 5px;line-height:1.6;
  






  color:var(--lc,var(--text));
  background:color-mix(in srgb,var(--lc,var(--muted)) 20%,transparent);
  border:1px solid color-mix(in srgb,var(--lc,var(--muted)) 50%,transparent);
  white-space:nowrap;
}
.parlay-leg .leg-side.leg-game{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.parlay-leg .leg-prop{display:none}
.parlay-leg .leg-when{
  flex:0 0 auto;white-space:nowrap;color:var(--muted);
  font-variant-numeric:tabular-nums;font-size:10px;
  display:inline-flex;align-items:center;gap:4px;
}
.parlay-leg .leg-when .when-date,.parlay-leg .leg-when .when-time{white-space:nowrap}
@media(max-width:720px){.parlay-card .parlay-leg .leg-when{display:none}}
@container parlaycard (max-width:340px){.parlay-leg .leg-when .when-date{display:none}}
@container parlaycard (max-width:250px){.parlay-leg .leg-when{display:none}}
.parlay-leg .leg-score{flex:0 0 auto;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;white-space:nowrap}
.parlay-leg .leg-score.leg-final{color:var(--text);font-weight:700}
.parlay-leg .leg-score.leg-live{color:var(--green);font-weight:700}
.parlay-leg .leg-odds{flex:0 0 auto;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}


.parlay-leg .pill-result{flex:0 0 auto;min-width:20px;height:18px;font-size:11px}

.parlay-empty{font-size:11px;color:var(--muted);padding:2px 0}
.parlay-lock{font-size:10px;margin-right:3px;opacity:.85}
.parlay-legend{font-size:11px;min-width:0;flex-wrap:wrap;justify-content:flex-end}
.parlay-legend span{flex:0 1 auto;white-space:normal;min-width:0;overflow-wrap:anywhere}
.parlay-legend .sw{flex:0 0 auto}
.parlay-legend .sig-note{flex:0 1 auto;min-width:0}
.parlay-tracker .stat-corner{font-size:14px}
.parlay-stat{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:11.5px;min-width:0}





.parlay-stat{padding:3px 0;border-bottom:1px solid var(--sep)}
.parlay-stat:last-child{border-bottom:0}
.parlay-stat .ps-k{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.parlay-stat .ps-v{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;
  min-width:58px;text-align:right}
.parlay-stat.big .ps-v{font-size:15px;font-weight:900}

.parlay-page main{max-width:none;margin:0;padding:var(--wt-gap) var(--wt-pad)}
.parlay-page main>.card{margin-bottom:var(--wt-gap)}





#singlesStats,#parlaySummary{min-height:96px}
#singlesTabs,#parlayTabs{min-height:34px}
@media (max-width:720px){
  #singlesStats,#parlaySummary{min-height:120px}
  

  #singlesTabs,#parlayTabs{min-height:104px}
}










.card:has(.parlay-summary),
.card:has(.parlay-trackers),
.card:has(> .stats){background:var(--surface-2)}








.parlay-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch}










.parlay-summary .parlay-stat-card.big{flex:1 1 150px;min-width:0;max-width:260px}

.parlay-summary .parlay-stat-card.big .k,
.parlay-summary .parlay-stat-card.big .v{white-space:nowrap}


.parlay-summary .parlay-stat-card.big .k,
.parlay-summary .parlay-stat-card.big .v{white-space:nowrap}
.parlay-summary .parlay-stat-card{flex:1 1 170px;min-width:150px}
.parlay-summary-row{
  flex:1 1 100%;min-width:0;display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;
}


.parlay-sport-stack{
  display:flex;flex-direction:column;justify-content:space-between;gap:6px;
  flex:1 1 calc(var(--parlay-col-w,190px) * 1);
  min-width:min(150px,calc(var(--parlay-col-w,190px) * 1));
  height:auto;min-height:var(--parlay-stat-h,0);
}
.parlay-sport-stack > .parlay-stat-card.sport{
  flex:0 0 auto;width:100%;min-width:0;height:auto;
}


@media (max-width:560px){
  .parlay-summary{gap:8px}
  .parlay-stat-card .v{font-size:13px}
  .parlay-stat-card.big .v{font-size:18px}
  .parlay-stat-card .k{font-size:9.5px}
  .parlay-foot .ps-v{font-size:11.5px}
}
.parlay-stat-card .k{font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.parlay-stat-card .v{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}













.parlay-stat-card.big{justify-content:flex-start}
.parlay-stat-card.big .v{font-size:22px;font-weight:900}



.parlay-stat-card.market,.parlay-stat-card.sport,.parlay-stat-card.tile{height:var(--parlay-stat-h,auto)}
.parlay-stat-card.tile{flex:0 1 200px;min-width:170px}


.parlay-stat-card.market{flex:1 1 190px;min-width:170px;max-width:260px}
.parlay-stat-card.market .parlay-stat{margin-top:2px}
.parlay-stat-card.market .parlay-stat{margin-top:5px}
.parlay-stat-card.sport{flex:var(--cols,1) 1 calc(var(--parlay-col-w,190px) * var(--cols,1));min-width:min(170px,calc(var(--parlay-col-w,190px) * var(--cols,1)))}
.parlay-stat-card.sport .parlay-stat{margin-top:5px}





.parlay-stat-card.sport .k{display:flex;align-items:baseline;justify-content:space-between;
  gap:8px;min-width:0}
.parlay-stat-card.sport .k .sport-name{min-width:0;flex:0 1 auto;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}



/* SPORT-TILE TYPE SIZE (2026-10-29). Operator: *"Can we also make fonts for sports containers
   on parlays.html text a little larger to match and easier to see."* The league rows of the
   sport tiles (Baseball / Basketball / Football / Hockey / Soccer …) sat at 10px next to the
   11.5px rows of the market tiles, so the smallest text on the summary carried the most rows.
   They now match the market rows at 11.5px, the sport tile's own header goes 10px -> 11px and
   its record/units corner 10.5px -> 11.5px. The tile auto-fit (`layoutStatTiles`) measures the
   real heights, so the wider rows simply earn more columns instead of overflowing. */
.parlay-league-rows .parlay-stat{gap:5px;font-size:11.5px}
.parlay-league-rows .parlay-stat .ps-v{min-width:0}
.parlay-stat-card.sport .k{font-size:11px}
.parlay-stat-card.sport .stat-corner{position:static;font-size:11.5px;font-weight:800;white-space:nowrap;text-transform:none}






.parlay-league-rows .parlay-stat{flex-wrap:wrap}
.parlay-league-rows .parlay-stat .ps-v{white-space:normal}
.parlay-league-rows{
  display:grid;grid-template-columns:repeat(var(--cols,1),minmax(0,1fr));
  gap:1px 18px;margin-top:5px;align-content:start;
}
.parlay-stat-card.sport.parlay-stack{border:0;background:none;padding:0;gap:6px;height:var(--parlay-stat-h,auto)}
.parlay-stack .parlay-xcard{flex:1 1 0;min-height:0;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:6px 10px;display:flex;flex-direction:column;gap:4px;min-width:0;overflow:hidden}
.parlay-stat-card.profit-pos .v{color:var(--green)}
.parlay-stat-card.profit-neg .v{color:var(--red)}
.parlay-stat-card.profit-zero .v{color:var(--muted)}


























@media (max-width:720px){
  
  .parlay-summary > .parlay-stat-card,
  .parlay-summary > .parlay-stat-card.big,
  .parlay-summary-row > .parlay-stat-card.sport,
  .parlay-summary-row > .parlay-sport-stack{
    flex:1 1 100%;width:100%;max-width:none;min-width:0;
  }
  


  .parlay-summary > .parlay-stat-card,
  .parlay-summary-row > .parlay-stat-card.sport,
  .parlay-summary-row > .parlay-sport-stack{height:auto;min-height:0}
  .parlay-stat-card.sport.parlay-stack{height:auto;min-height:0}
  .parlay-sport-stack{height:auto;min-height:0}
  




  .parlay-summary-row .parlay-league-rows{
    grid-template-columns:repeat(auto-fit,minmax(min(155px,100%),1fr));gap:1px 12px;
  }
  .parlay-summary-row .parlay-league-rows .parlay-stat{flex-wrap:nowrap}
  .parlay-summary-row .parlay-league-rows .parlay-stat .ps-v{white-space:nowrap}
  

  .parlay-summary .parlay-head,
  .parlay-summary-row .parlay-head{flex-wrap:wrap}
  .parlay-summary .parlay-stat-card .k,
  .parlay-summary .parlay-stat-card .v,
  .parlay-summary-row .parlay-stat-card .k,
  .parlay-summary-row .parlay-stat-card .v{max-width:100%}
}
.parlay-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 var(--wt-gap)}
.parlay-tabs .btn{cursor:pointer}
.parlay-tab-n{
  display:inline-block;min-width:16px;margin-left:4px;padding:0 4px;border-radius:999px;
  

  background:rgba(59,130,246,.16);color:var(--blue,#60a5fa);font-size:10px;font-weight:800;
}
.parlay-tabs .parlay-tab-history{margin-left:auto}
.parlay-league{margin-bottom:14px}
.parlay-league-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;
  flex-wrap:wrap;margin-bottom:8px;
}
.parlay-league-head h2{margin:0;font-size:15px;flex:0 1 auto;min-width:0}
.parlay-league-meta{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 auto;margin-left:auto}
.singles-tracker-all{grid-column:auto}
.singles-tracker-all .parlay-title{white-space:normal}
.singles-tracker-sport{grid-column:auto}
.singles-tracker-sport .parlay-stat .ps-v{white-space:nowrap}
.parlay-row.singles-tracker-row{grid-template-columns:repeat(var(--parlay-row-cols,6),minmax(0,1fr));
  



  grid-auto-rows:1fr}
@media(max-width:1500px){
  



  .parlay-row.singles-tracker-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
}
@media(max-width:1100px){
  .parlay-row.singles-tracker-row{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
}
@media(max-width:720px){
  .parlay-row.singles-tracker-row{grid-template-columns:1fr;grid-auto-rows:auto}
  .parlay-row.singles-tracker-row .singles-tracker-all,
  .parlay-row.singles-tracker-row .singles-tracker-sport,
  .parlay-row.singles-tracker-row .parlay-tracker-sub{grid-column:auto}
}
.parlay-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.parlay-history-head h3{margin:0;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.parlay-hist-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.parlay-hist-controls .ph-sub{font-variant-numeric:tabular-nums}
.ph-select{padding:4px 6px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:11.5px}
.ph-check{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}


.ph-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--muted);border-radius:999px;padding:3px 10px;font:inherit;font-weight:700;line-height:1.5;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.ph-toggle::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55}
.ph-toggle:hover{color:var(--text);border-color:var(--accent)}
.ph-toggle[aria-pressed="true"]{color:var(--amber);border-color:var(--amber);background:var(--amber-tint)}
.ph-toggle[aria-pressed="true"]::before{opacity:1}
.ph-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.parlay-hist-chips{margin:0 0 10px}
.parlay-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:10px}
.parlay-history-table{width:100%;border-collapse:collapse;font-size:11.5px}
.parlay-history-table th,.parlay-history-table td{padding:6px 9px;border-bottom:1px solid var(--border);text-align:center;white-space:nowrap;vertical-align:middle}
.parlay-history-table th{position:sticky;top:0;z-index:1;background:var(--card);color:var(--muted);font-size:10.5px;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;user-select:none}
.parlay-history-table th.sorted,.parlay-history-table th:hover{color:var(--text)}
.parlay-history-table tr:last-child td{border-bottom:0}
.parlay-history-row .ph-date,.parlay-history-row .ph-sport,.parlay-history-row .ph-box{color:var(--muted)}
.parlay-history-row .ph-league{font-weight:700}
.parlay-history-row .ph-num{font-variant-numeric:tabular-nums}
.parlay-history-row .ph-units{font-weight:700;font-variant-numeric:tabular-nums}
.parlay-history-table tr.parlay-history-row{cursor:pointer}
.parlay-history-table tr.parlay-history-row:hover{background:var(--soft)}
.parlay-history-table tr.parlay-history-row.won{background:rgba(34,197,94,.06)}
.parlay-history-table tr.parlay-history-row.lost{background:rgba(239,68,68,.06)}
.ph-toggle{width:24px;height:22px;padding:0;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text);font-size:13px;line-height:1;cursor:pointer}
/* THE HISTORY ROW'S +/- BUTTON HAS NO STATUS DOT (2026-10-25). The generic
   `.ph-toggle::before` (6px circle) belongs to the filter CHIPS; on this square button it
   rendered as a stray dot beside the + / −. Operator: *"the + and - button on the right
   side for rows has an extra dot."* */
.parlay-history-table .ph-toggle::before{content:none;display:none}
.parlay-history-table .ph-exp{width:34px;cursor:pointer}
.parlay-hist-legs td{background:var(--soft);padding:8px 10px;text-align:center}


.parlay-hist-legs .parlay-legs{width:min(100%,820px);max-width:820px;margin:0 auto;text-align:left}
.parlay-hist-more{margin-top:8px;text-align:right;font-size:11.5px;color:var(--muted)}
.parlay-history-table .parlay-empty{display:block;padding:8px 2px}
:root{
  --ph-green-ink:#065f46; --ph-amber-ink:#92400e; --ph-red-ink:#b91c1c;
  --mkt-ml:#1d4ed8; --mkt-sp:#115e59; --mkt-tot:#6d28d9; --mkt-prop:#3f6212;
  --mkt-draw:#be123c; --mkt-mix:#0369a1;
}
[data-theme="dark"],body[data-theme="dark"]{
  --ph-green-ink:var(--green); --ph-amber-ink:var(--amber); --ph-red-ink:var(--red);
  --mkt-ml:#93c5fd; --mkt-sp:#5eead4; --mkt-tot:#c4b5fd; --mkt-prop:#bef264;
  --mkt-draw:#fda4af; --mkt-mix:#7dd3fc;
}
.parlay-history-table .ph-pill{
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
  border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:800;
  letter-spacing:.04em;line-height:1.6;white-space:nowrap;box-sizing:border-box;
}
.parlay-history-table .ph-pill-soft{background:var(--soft);color:var(--text);border:1px solid var(--border)}


.parlay-history-table .ph-pill-lc{
  color:var(--lc,var(--text));
  background:color-mix(in srgb,var(--lc,var(--muted)) 20%,transparent);
  border:1px solid color-mix(in srgb,var(--lc,var(--muted)) 50%,transparent);
}
.parlay-history-table .ph-pill-muted{background:var(--soft);color:var(--muted);border:1px solid var(--border)}
.parlay-history-table .ph-pill-green,
.parlay-history-table .ph-pill-amber,
.parlay-history-table .ph-pill-red{
  background:color-mix(in srgb,currentColor 15%,transparent);
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
}
.parlay-history-table .ph-pill-green{color:var(--ph-green-ink)}
.parlay-history-table .ph-pill-amber{color:var(--ph-amber-ink)}
.parlay-history-table .ph-pill-red{color:var(--ph-red-ink)}
.parlay-history-table .ph-mkt{
  display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;
  border-radius:4px;padding:0 5px;font-size:9.5px;font-weight:800;
  letter-spacing:.04em;line-height:1.7;white-space:nowrap;box-sizing:border-box;
  background:color-mix(in srgb,currentColor 14%,transparent);
  border:1px solid color-mix(in srgb,currentColor 34%,transparent);
}
.parlay-history-table .ph-mkt-ml{color:var(--mkt-ml)}
.parlay-history-table .ph-mkt-sp{color:var(--mkt-sp)}
.parlay-history-table .ph-mkt-tot{color:var(--mkt-tot)}
.parlay-history-table .ph-mkt-prop{color:var(--mkt-prop)}
.parlay-history-table .ph-mkt-draw{color:var(--mkt-draw)}
.parlay-history-table .ph-mkt-mix{color:var(--mkt-mix)}
.parlay-history-table .ph-box .ph-mkt{margin-right:5px}
@media(max-width:900px){
  .parlay-history-table .ph-sport,.parlay-history-table .ph-box{display:none}
  .parlay-history-table th,.parlay-history-table td{padding:5px 7px}
}






@media(max-width:720px){
  .parlay-table-wrap{overflow:visible;max-width:100%;border:0;border-radius:0}
  .parlay-history-table{display:block;width:100%;max-width:100%;font-size:12px}
  .parlay-history-table thead{display:none}
  .parlay-history-table tbody{display:flex;flex-direction:column;gap:8px;width:100%}
  .parlay-history-table tr.parlay-history-row{
    display:grid;align-items:center;gap:4px 8px;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-areas:
      "date result expand"
      "league units expand"
      "pick pick pick";
    width:100%;max-width:100%;box-sizing:border-box;
    padding:9px 10px;border:1px solid var(--border);border-radius:10px;
    background:var(--card);
  }
  .parlay-history-row td{
    display:flex;align-items:center;gap:4px;border:0;padding:0;
    white-space:normal;text-align:left;min-width:0;max-width:100%;
  }
  .parlay-history-row td.ph-sport,
  .parlay-history-row td.ph-box,
  .parlay-history-row td.ph-prop,
  .parlay-history-row td.ph-game,
  .parlay-history-row td.ph-num:not(.ph-units){display:none}
  .parlay-history-row td.ph-date{grid-area:date;font-size:11px}
  .parlay-history-row td.ph-league{grid-area:league}
  .parlay-history-row td.ph-pick{grid-area:pick;margin-top:2px;font-weight:700}
  .parlay-history-row td.ph-units{grid-area:units;justify-self:end}
  
  .parlay-history-row td:nth-child(10){grid-area:result;justify-self:end}
  .parlay-history-row td.ph-exp{grid-area:expand;align-self:start;justify-self:end}
  .parlay-history-table tr.parlay-hist-legs{display:block;width:100%;max-width:100%}
  .parlay-history-table tr.parlay-hist-legs td{
    display:block;width:100%;max-width:100%;box-sizing:border-box;
    padding:9px;text-align:center;
    background:var(--container-bg);border:1px solid var(--border);border-radius:10px;
  }
  .parlay-hist-legs .parlay-legs{
    width:100%;max-width:min(560px,100%);margin:0 auto;text-align:left;
  }
  .parlay-hist-more{text-align:center}
}
.parlay-row{display:grid;gap:10px;min-width:0;
  grid-template-columns:repeat(var(--parlay-row-cols,3),minmax(0,1fr))}
@media(max-width:1500px){.parlay-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}
@media(max-width:720px){.parlay-row{grid-template-columns:1fr}}
.parlay-league .parlay-row + .parlay-row{margin-top:10px}




@media (max-width:700px){
  #signalsTable .sig-matchup{min-width:130px}
  #signalsTable .sig-pick{min-width:132px}
  #signalsTable tbody td:first-child{white-space:nowrap}
  .sig-bar{max-width:88px}
  #signalsTable .sig-bookies{font-size:9.5px;max-width:100%}
}

@media (max-width:480px){
  #signalsTable thead th{font-size:10px;padding:7px 6px;letter-spacing:.02em}
  #signalsTable tbody td{padding:7px 6px}
  .sig-matchup .wp-badge{min-width:38px;font-size:9px}
  #bookieRatingStats{grid-auto-columns:minmax(132px,1fr)}
  .parlay-row .parlay-card{flex:1 1 100%;min-width:0}
  .bot-analytics-grid{grid-template-columns:1fr}
}

@media (max-width:380px){
  #signalsTable,#historyTable{font-size:11.5px}
  #signalsTable .sig-matchup{min-width:112px}
  #signalsTable .sig-pick{min-width:118px}
  .sig-legend{gap:8px;font-size:10px}
  #bookieRatingStats{grid-auto-columns:minmax(120px,1fr)}
}

@media (max-width:820px){
  .parlay-legend{justify-content:flex-start;width:100%}
}







.wt-lc-basketball{--lc:var(--accent-basketball)}
.wt-lc-football{--lc:var(--accent-football)}
.wt-lc-hockey{--lc:var(--accent-hockey)}
.wt-lc-soccer{--lc:var(--accent-soccer)}

/* ── the "＋ Add Games" picker (2026-10-25) ──────────────────────────────────
   Grouped by league with a bulk bar, so a whole slate is one click instead of
   400. Heights are stated once (26px) so the search row, the group headers and the
   bulk buttons line up — the "same row height" tidy-up. */
.wt-sr-bar{
  grid-column:1/-1;display:flex;align-items:center;gap:10px;
  padding:8px 12px;border-bottom:1px solid var(--border,#222);
  background:var(--soft,#0f1420);position:sticky;top:0;z-index:1;
}
.wt-sr-count{font-size:11.5px;color:var(--muted,#9ca3af)}
.wt-sr-count b{color:var(--text,#e5e7eb);font-variant-numeric:tabular-nums}
/* 28px = the site-wide .wt-btn height, so the bar and the toolbar share a baseline */
.wt-sr-bulk{margin-left:auto;height:28px;padding:0 10px;font-size:11.5px}

.wt-sr-group{grid-column:1/-1;display:flex;flex-direction:column;gap:6px}
.wt-sr-ghead{
  display:flex;align-items:center;gap:8px;height:26px;
  padding:0 2px;position:sticky;top:44px;z-index:1;   /* 44 = the sticky bar above it */
  background:var(--soft,#0f1420);
}
.wt-sr-gname{font-size:11.5px;font-weight:700;color:var(--text,#e5e7eb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wt-sr-gcount{
  font-size:11px;color:var(--muted,#9ca3af);font-variant-numeric:tabular-nums;
  padding:1px 6px;border-radius:999px;background:rgba(127,127,140,.14);
}
.wt-sr-gadd{margin-left:auto;height:26px;padding:0 9px;font-size:11px}
.wt-sr-gadd.wt-inconsole,.wt-sr-add.wt-inconsole{color:var(--green,#10b981);border-color:rgba(5,150,105,.4);background:rgba(5,150,105,.12);opacity:.85}
.wt-sr-gadd[disabled]{cursor:default}

/* the confirmation pill for a bulk add (aria-live, non-interactive) */
.wt-live-toast{
  position:fixed;left:50%;bottom:22px;transform:translate(-50%,10px);
  padding:7px 14px;border-radius:999px;font-size:12px;font-weight:700;
  color:#cbffe9;background:rgba(4,20,14,.92);border:1px solid rgba(53,224,161,.4);
  opacity:0;pointer-events:none;z-index:1200;
  transition:opacity .18s ease,transform .18s ease;
}
.wt-live-toast.wt-live-on{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){
  .wt-sr-ghead{top:0}
  .wt-sr-bulk{height:28px}
}