/* Betting interface — compact board, matchup workspace, player props, alternate lines, betslip entries.
   SubLines identity: black / charcoal surfaces, red for selected and primary, white text, Manrope numerals. */
:root{
  --sl-bg:#000;--sl-s1:#0b0d0f;--sl-s2:#121518;--sl-s3:#1a1e22;--sl-line:#24292e;--sl-line2:#363c43;
  --sl-text:#f6f7f8;--sl-muted:#a4acb5;--sl-dim:#78808a;--sl-red:#ff1a35;--sl-red-deep:#b3101f;--sl-red-glow:#ff1a3540;
  --sl-up:#38d27f;--sl-down:#ff6b6b;--sl-radius:6px;--sl-col:minmax(104px,136px);--sl-gap:8px;
  --sl-font:Manrope,'Segoe UI',system-ui,sans-serif;
}
.sl-board-nav,.sl-board,.sl-ws,.sl-entry{font-family:var(--sl-font);font-variant-numeric:tabular-nums}

/* ---------- Navigation: three distinct levels ---------- */
.sl-board-nav{margin:26px 0 6px}
.sl-nav-1{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.sl-nav-1 a{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid var(--sl-line2);background:var(--sl-s2);color:var(--sl-text);font:700 14px/1 var(--sl-font);text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.sl-nav-1 a small{font-size:11px;font-weight:800;color:var(--sl-muted);background:#ffffff12;border-radius:999px;padding:3px 7px}
.sl-nav-1 a:hover{border-color:#6b737c;background:var(--sl-s3)}
.sl-nav-1 a.is-active{background:#fff;color:#000;border-color:#fff}
.sl-nav-1 a.is-active small{color:#000;background:#0000001a}
/* Sport tabs on the desktop Games board (same pills as the level above, smaller); phones and tablets use the category bar */
.sl-board-nav{scroll-margin-top:104px}
.sl-nav-1.sl-nav-sports{gap:6px;margin:-4px 0 14px}
.sl-nav-1.sl-nav-sports a{min-height:34px;padding:0 14px;font-size:13px}
.sl-nav-1.sl-nav-sports a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media (max-width:1050px){.sl-nav-1.sl-nav-sports{display:none}}
.sl-nav-2{border-bottom:1px solid var(--sl-line);margin:0 0 12px}
.sl-nav-scroll{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none}
.sl-nav-scroll::-webkit-scrollbar{display:none}
.sl-nav-2 button{position:relative;flex:none;background:none;border:0;padding:12px 0 13px;color:var(--sl-muted);font:800 13px/1 var(--sl-font);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;min-height:44px}
.sl-nav-2 button:hover{color:#fff}
.sl-nav-2 button.is-active{color:#fff}
.sl-nav-2 button.is-active:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--sl-red);box-shadow:0 0 12px var(--sl-red-glow)}
.sl-nav-3{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.sl-nav-3 button{min-height:34px;padding:0 14px;border-radius:5px;border:1px solid var(--sl-line2);background:transparent;color:#d6dbe0;font:700 12px/1 var(--sl-font);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.sl-nav-3 button:hover{border-color:#7b838c;color:#fff}
.sl-nav-3 button.is-active{border-color:#fff;color:#fff;background:#ffffff0d;box-shadow:inset 0 0 0 1px #fff}

/* ---------- Market button ---------- */
.sl-mb{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:6px 8px;border:1px solid var(--sl-line2);border-radius:var(--sl-radius);background:linear-gradient(180deg,#191c20,#121418);color:var(--sl-text);cursor:pointer;font-family:var(--sl-font);transition:background .12s,border-color .12s,transform .08s,box-shadow .12s}
.sl-mb-line{font-size:13px;font-weight:600;color:#d5dae0;line-height:1.1;white-space:nowrap}
.sl-mb-price{font-size:15px;font-weight:800;line-height:1.1;color:#fff;white-space:nowrap;letter-spacing:.01em}
.sl-mb:hover:not(:disabled){background:#22262b;border-color:#6d757e}
.sl-mb:active:not(:disabled){transform:scale(.975)}
.sl-mb:focus-visible{outline:2px solid #fff;outline-offset:2px}
.sl-mb.is-selected{background:linear-gradient(180deg,#d31730,#9c0d1c);border-color:#ff4d63;box-shadow:0 0 0 1px #ff4d63,0 6px 18px #ff1a3533}
.sl-mb.is-selected .sl-mb-line,.sl-mb.is-selected .sl-mb-price{color:#fff}
.sl-mb.team-outcome:not(.is-selected){border-left:3px solid var(--team-trim,#555);box-shadow:inset 2px 0 var(--team-primary,#333)}
.sl-mb:disabled{cursor:not-allowed;background:repeating-linear-gradient(135deg,#0e1012 0 6px,#121417 6px 12px);border-color:#2a2f34;border-style:dashed}
.sl-mb-lock{font-size:12px;font-weight:700;color:var(--sl-dim);letter-spacing:.04em;text-transform:uppercase}
.sl-mb-empty{border:0;background:none;box-shadow:none;cursor:default;min-height:0}
.sl-move{font-style:normal;font-size:9px;margin-right:4px;vertical-align:1px}
.is-moved-up .sl-move{color:var(--sl-up)}.is-moved-down .sl-move{color:var(--sl-down)}
.sl-mb.is-selected .sl-move{color:#fff}

/* ---------- Game board (compact listings) ---------- */
.sl-board{margin:18px 0 8px}
.sl-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:22px 0 4px}
.sl-board-head .eyebrow{margin:0 0 4px}
.sl-board-head h2{margin:0;font:800 26px/1.1 var(--sl-font);letter-spacing:-.01em;color:#fff;padding-left:14px;border-left:4px solid var(--sl-red)}
.sl-board-head>span{color:var(--sl-muted);font-size:13px;font-weight:600}
.sl-league{margin-top:10px}
.sl-league-head{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,var(--sl-col));gap:var(--sl-gap);align-items:end;padding:12px 0 8px;border-bottom:1px solid var(--sl-line)}
.sl-league-head h3{margin:0;font:800 15px/1.2 var(--sl-font);color:#fff;letter-spacing:.01em}
.sl-cols{display:contents}
.sl-cols>span:first-child{display:none}
.sl-cols>span{text-align:center;color:var(--sl-muted);font:800 11px/1.2 var(--sl-font);letter-spacing:.08em;text-transform:uppercase}
.sl-cols small{display:block;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:none;color:var(--sl-dim);margin-top:2px}
.sl-league-head.sl-flat{grid-template-columns:minmax(0,1fr) repeat(3,var(--sl-col))}
.sl-flat .sl-cols>span:first-child{display:block}
.sl-row{padding:12px 0 10px;border-bottom:1px solid var(--sl-line)}
.sl-row:hover{background:linear-gradient(90deg,#ffffff05,transparent 70%)}
.sl-row-line{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,var(--sl-col));gap:var(--sl-gap);align-items:center;margin-bottom:6px}
.sl-team{display:flex;align-items:center;gap:11px;min-width:0;color:#fff;text-decoration:none;font:700 16px/1.25 var(--sl-font);padding-right:6px}
a.sl-team:hover .sl-full{text-decoration:underline;text-decoration-color:var(--sl-red);text-underline-offset:4px}
.sl-team-name{min-width:0;overflow:hidden}
.sl-full{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-code{display:none}
/* A narrow team column (phones) shows the team code instead of a cut-off name; the full name stays for screen readers.
   Live rows also hold the score, so they switch earlier. */
.sl-row .sl-team{container:slteam/inline-size}
@container slteam (max-width:127px){.sl-row .sl-full{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sl-row .sl-code{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}}
@container slteam (max-width:149px){.sl-row.is-live .sl-full{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sl-row.is-live .sl-code{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip}}
@media (max-width:360px){body .sl-row .sl-mb-line{font-size:12px!important}} /* the narrowest phones: "O 167.5" still fits beside the team code */
.sl-score{margin-left:auto;font:800 20px/1 var(--sl-font);color:#fff;padding-left:10px}
.sl-jersey{flex:none;display:inline-flex;width:32px;height:32px}
.sl-jersey svg{width:100%;height:100%;display:block}
.sl-jersey-draw{align-items:center;justify-content:center;border:1px solid var(--sl-line2);border-radius:50%;width:28px;height:28px;margin:2px;color:var(--sl-muted);font:800 12px var(--sl-font)}
.sl-team-draw{color:#d2d7dc;font-weight:600}
.sl-row-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px;color:var(--sl-muted);font:600 13px/1.4 var(--sl-font)}
.sl-row-status{display:inline-flex;align-items:center;gap:8px}
.sl-more{color:#fff;font-weight:700;text-decoration:none;display:inline-flex;gap:6px;align-items:center;min-height:32px}
.sl-more:hover{color:#ff6074}
.sl-live{display:inline-flex;align-items:center;gap:6px;color:var(--sl-red);font:800 12px/1 var(--sl-font);letter-spacing:.08em}
.sl-live i{width:7px;height:7px;border-radius:50%;background:var(--sl-red);box-shadow:0 0 0 0 var(--sl-red-glow);animation:slPulse 1.6s infinite}
@keyframes slPulse{0%{box-shadow:0 0 0 0 #ff1a3566}70%{box-shadow:0 0 0 7px #ff1a3500}100%{box-shadow:0 0 0 0 #ff1a3500}}
.sl-row.is-live .sl-row-foot>span:first-child{color:#fff}
.sl-board-nav+.sl-board{margin-top:4px}

/* ---------- Matchup workspace ---------- */
.sl-ws{font-family:var(--sl-font);margin-bottom:24px}
.sl-props-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:4px 0 12px}
.sl-props-intro .eyebrow{margin:0 0 6px}
.sl-props-intro h1{margin:0;font-size:clamp(30px,3.6vw,48px)}
.sl-props-intro .props-sport-mobile{display:none}
.sl-strip{display:flex;gap:8px;overflow-x:auto;margin:0 0 12px;scrollbar-width:thin}
.sl-strip a{flex:none;display:flex;flex-direction:column;gap:4px;min-width:128px;padding:10px 14px;border:1px solid var(--sl-line2);border-radius:8px;background:var(--sl-s1);color:#fff;text-decoration:none;font:800 14px var(--sl-font)}
.sl-strip a i{font-style:normal;color:var(--sl-muted);font-weight:600;margin:0 3px}
.sl-strip a small{color:var(--sl-muted);font-size:11px;font-weight:600}
.sl-strip a:hover{border-color:#6d757e}
.sl-strip a.is-active{border-color:var(--sl-red);box-shadow:inset 0 0 0 1px var(--sl-red);background:linear-gradient(180deg,#1a0a0d,#0b0d0f)}
.sl-ws-head{border:1px solid var(--sl-line2);border-radius:12px;background:radial-gradient(120% 140% at 50% 0%,#1b1012 0%,#0b0d0f 55%,#060708 100%);padding:12px 18px 16px;margin-bottom:14px;position:relative;overflow:hidden}
.sl-ws-head:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--sl-red),transparent);opacity:.8}
.sl-ws-crumbs{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font:600 13px var(--sl-font);color:var(--sl-muted)}
.sl-back{display:inline-flex;align-items:center;gap:6px;min-height:36px;color:#fff;font-weight:800;text-decoration:none;padding:0 12px 0 8px;border:1px solid var(--sl-line2);border-radius:999px;background:#ffffff08}
.sl-back span{font-size:18px;line-height:1}
.sl-back:hover{border-color:#fff}
.sl-crumb i{font-style:normal;color:var(--sl-dim);margin:0 4px}
.sl-save{margin-left:auto;background:none;border:1px solid var(--sl-line2);border-radius:999px;color:#fff;font:700 12px var(--sl-font);min-height:32px;padding:0 12px;cursor:pointer}
.sl-save.is-on{border-color:#e9c46a;color:#ffd77a}
.sl-ws-matchup{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:12px}
.sl-ws-team{display:flex;align-items:center;gap:12px;min-width:0}
.sl-ws-team:last-child{flex-direction:row-reverse;text-align:right}
.sl-ws-team .sl-jersey{width:48px;height:48px}
.sl-ws-team strong{display:block;font:800 22px/1.15 var(--sl-font);color:#fff;overflow-wrap:break-word}
.sl-ws-team small{color:var(--sl-muted);font-size:12px;font-weight:600}
.sl-ws-score{font:800 34px/1 var(--sl-font);color:#fff;margin:0 6px}
.sl-ws-team:first-child .sl-ws-score{margin-left:auto}
.sl-ws-team:last-child .sl-ws-score{margin-right:auto}
.sl-ws-mid{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.sl-at{font:800 18px var(--sl-font);color:var(--sl-muted)}
.sl-ws-mid small{color:var(--sl-muted);font:600 13px var(--sl-font)}
.sl-ws .sl-nav-1{margin-bottom:12px}
.sl-panel{margin:4px 0 16px}
.sl-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0 10px;border-bottom:1px solid var(--sl-line)}
.sl-panel-head h2{margin:0;font:800 13px/1.2 var(--sl-font);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.sl-panel-head span{color:var(--sl-muted);font-size:12px;font-weight:600}
.sl-row-static{border-bottom:0}
.sl-row-static:hover{background:none}
.sl-note{color:var(--sl-muted);font:500 12px/1.6 var(--sl-font);margin:10px 0}
.sl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:12px}
.sl-pair-cell{display:grid;gap:8px}
.sl-pair-label{display:flex;align-items:center;gap:8px;font:700 14px var(--sl-font);color:#fff}
.sl-pair-label .sl-jersey{width:24px;height:24px}

/* ---------- Player-prop sections ---------- */
.sl-pp{border-bottom:1px solid var(--sl-line)}
.sl-pp-title{margin:0}
.sl-pp-title button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:10px 4px;background:none;border:0;color:#fff;text-align:left;cursor:pointer;font-family:var(--sl-font)}
.sl-pp-title button:hover strong{color:#fff;text-decoration:underline;text-decoration-color:var(--sl-red);text-underline-offset:4px}
.sl-pp-title .sl-jersey{width:30px;height:30px}
.sl-pp-title button>span:not(.sl-jersey){flex:1;min-width:0}
.sl-pp-title strong{display:block;font:700 15px/1.3 var(--sl-font);color:#eef1f4}
.sl-dash{color:var(--sl-dim);font-weight:500}
.sl-pp-title small{display:block;margin-top:2px;color:var(--sl-muted);font:600 12px var(--sl-font)}
.sl-pp-title small b{color:#ff6074}
.sl-chev{width:10px;height:10px;border-right:2px solid #cfd5db;border-bottom:2px solid #cfd5db;transform:rotate(45deg);margin:0 8px 4px;transition:transform .18s}
.sl-pp.is-open .sl-chev{transform:rotate(-135deg);margin-bottom:-4px;border-color:var(--sl-red)}
.sl-pp-body{padding:0 4px 16px}
.sl-pp-grid{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(120px,190px));gap:8px;align-items:center}
.sl-pp-colhead{text-align:center;color:var(--sl-muted);font:800 11px var(--sl-font);letter-spacing:.1em;text-transform:uppercase}
.sl-pp-colhead:first-child{text-align:left}
.sl-pp-line b{display:block;font:800 22px/1 var(--sl-font);color:#fff}
.sl-pp-line small{display:block;margin-top:4px;color:var(--sl-muted);font-size:11px;font-weight:600}
.sl-pp-grid .sl-mb{min-height:54px}
.sl-pp-grid .sl-mb-price{font-size:16px}
.sl-alt{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;border:1px solid var(--sl-line);border-radius:10px;background:linear-gradient(180deg,#101316,#0b0d0f)}
.sl-step{width:40px;height:40px;border-radius:50%;border:1px solid var(--sl-line2);background:var(--sl-s2);color:#fff;font:600 20px/1 var(--sl-font);cursor:pointer}
.sl-step:hover:not(:disabled){border-color:#fff}
.sl-step:disabled{opacity:.35;cursor:not-allowed}
.sl-range{position:relative;display:grid;align-items:center}.sl-range>.sl-slider,.sl-range>.sl-ticks{grid-area:1/1}.sl-range>.sl-range-ends{grid-area:2/1}
.sl-slider,body .sl-slider{-webkit-appearance:none;appearance:none;width:100%;height:24px;background:transparent;border:0;box-shadow:none;padding:0;border-radius:0;margin:0;cursor:pointer;position:relative;z-index:1}
.sl-slider::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,var(--sl-red) var(--fill,0%),#3a4047 var(--fill,0%))}
.sl-slider::-moz-range-track{height:4px;border-radius:4px;background:#3a4047}
.sl-slider::-moz-range-progress{height:4px;border-radius:4px;background:var(--sl-red)}
.sl-slider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--sl-red);border:3px solid #fff;box-shadow:0 0 0 4px #ff1a3533,0 2px 6px #000a}
.sl-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--sl-red);border:3px solid #fff}
.sl-slider:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:6px}
.sl-ticks{display:flex;justify-content:space-between;align-self:center;margin:0 11px;height:6px;pointer-events:none;position:relative;z-index:2}
.sl-ticks i{width:6px;height:6px;border-radius:50%;background:#5a626b;margin-left:-3px;margin-right:-3px}
.sl-ticks i.is-on{opacity:0}
.sl-range-ends{display:flex;justify-content:space-between;color:var(--sl-muted);font:700 12px var(--sl-font);margin-top:4px}
.sl-viewall{min-height:40px;padding:0 16px;border-radius:8px;border:1px solid #d9dde1;background:transparent;color:#fff;font:800 13px var(--sl-font);cursor:pointer;white-space:nowrap}
.sl-viewall:hover,.sl-viewall[aria-expanded="true"]{background:#fff;color:#000}
.sl-alltable{margin-top:10px;border:1px solid var(--sl-line);border-radius:10px;overflow:hidden}
.sl-alltable>div{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(110px,190px));gap:8px;align-items:center;padding:8px 12px;border-top:1px solid var(--sl-line)}
.sl-alltable>div:first-child{border-top:0}
.sl-alltable-head span{color:var(--sl-muted);font:800 11px var(--sl-font);letter-spacing:.1em;text-transform:uppercase;text-align:center}
.sl-alltable-head span:first-child{text-align:left}
.sl-alltable>div.is-current{background:#ff1a350d;box-shadow:inset 3px 0 var(--sl-red)}
.sl-alltable .sl-mb{min-height:44px;width:100%}
.sl-line-pick{background:none;border:0;color:#fff;font:800 16px var(--sl-font);cursor:pointer;min-height:40px;padding:0;text-align:left}
.sl-line-pick small{color:var(--sl-muted);font-size:11px;margin-left:6px}
.sl-slip-note{margin:10px 0 0;padding:8px 12px;border-radius:8px;background:#ff1a3514;border:1px solid #ff1a3540;color:#ffd3d9;font:600 12px var(--sl-font)}

/* ---------- Betslip entries ---------- */
body .selection.sl-entry{display:grid;gap:10px;padding:14px 14px 12px;position:relative;font-family:var(--sl-font)}
.sl-entry-id{display:flex;align-items:center;gap:10px;padding-right:38px;min-width:0}
.sl-entry-id .sl-jersey{width:30px;height:30px}
.sl-entry-id strong{display:block;font:800 15px/1.25 var(--sl-font);color:#fff;overflow-wrap:anywhere}
.sl-entry-matchup{display:block;color:var(--sl-muted);font:600 12px var(--sl-font);margin-top:2px}
.sl-entry-market{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'mkt price' 'pick price';column-gap:12px;row-gap:2px;align-items:center;padding-top:10px;border-top:1px solid #ffffff12}
.sl-entry-market>span:first-child{grid-area:mkt;color:var(--sl-muted);font:600 12px var(--sl-font)}
.sl-entry-market>b{grid-area:pick;color:#fff;font:800 16px var(--sl-font)}
body .sl-entry .accepted-price{grid-area:price;margin:0;background:#fff;color:#000;font:800 15px var(--sl-font);padding:7px 11px;border-radius:6px}
.sl-entry.is-moved .accepted-price{background:#ffcf5a}
.sl-entry.is-closed{opacity:.75}
.sl-entry.is-closed .accepted-price{background:#3a3f45;color:#c9cfd6;text-decoration:line-through}
.sl-entry-note{margin:0}
body .sl-entry .remove{top:10px;right:10px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){:root{--sl-col:minmax(92px,118px)}}
@media (max-width:760px){
  :root{--sl-col:72px;--sl-gap:6px}
  .sl-board-head h2{font-size:22px}
  .sl-team{font-size:14px;gap:8px}
  .sl-jersey{width:26px;height:26px}
  .sl-mb{min-height:48px;padding:4px 3px}
  .sl-mb-line{font-size:11.5px}
  .sl-mb-price{font-size:14px}
  .sl-cols>span{font-size:10px;letter-spacing:.05em}
  .sl-cols small{display:none}
  .sl-score{font-size:17px}
  .sl-ws-head{padding:10px 12px 14px}
  .sl-ws-team .sl-jersey{width:36px;height:36px}
  .sl-ws-team strong{font-size:16px}
  .sl-ws-score{font-size:26px}
  .sl-ws-matchup{gap:8px}
  .sl-crumb{display:none}
  .sl-pp-grid{grid-template-columns:72px repeat(2,minmax(0,1fr))}
  .sl-alltable>div{grid-template-columns:72px repeat(2,minmax(0,1fr))}
  .sl-alt{grid-template-columns:auto minmax(0,1fr) auto;padding:10px}
  .sl-viewall{grid-column:1/-1;width:100%}
  .sl-nav-1 a{min-height:38px;padding:0 14px;font-size:13px}
  .sl-nav-scroll{gap:20px}
  .sl-pair{grid-template-columns:1fr}
  .sl-props-intro .props-sport-mobile{display:grid}
}
@media (max-width:520px){
  :root{--sl-col:68px}
  .sl-row-line .sl-jersey{display:none}
  .sl-full{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.2}
  .sl-team{font-size:14px}
  .sl-ws-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .sl-ws-team,.sl-ws-team:last-child{flex-direction:column;text-align:center;gap:6px}
  .sl-ws-team strong{overflow-wrap:break-word;font-size:15px}
  .sl-ws-team .sl-ws-score{margin:0}
  .sl-ws .sl-nav-1{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .sl-ws .sl-nav-1 a{flex:none}
  .sl-panel-head{flex-wrap:wrap}
}
@media (max-width:360px){
  :root{--sl-col:64px}
  .sl-row-line .sl-jersey{display:none}
  .sl-mb-line{font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){.sl-live i{animation:none}.sl-mb,.sl-chev{transition:none}}
/* Search page: results take the page width (the board's rows need it); player results (same search as the header dropdown) */
.sl-search-results{width:900px;max-width:100%}
@media (max-width:700px){.main:has(.sl-search-results){padding-left:16px;padding-right:16px}} /* phones: the same 16px gutter as the Games page */
.sl-search-players{margin:22px 0 8px;font-family:var(--sl-font)}
.sl-search-players h2{font:800 18px/1.2 var(--sl-font);margin:0 0 10px;color:var(--d-ink,#eeeff1)}
.sl-search-players ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.sl-search-players a{display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border-radius:12px;border:1px solid var(--d-line,#32353c);background:var(--d-surface,#17191c);color:var(--d-ink,#eeeff1);text-decoration:none}
.sl-search-players a:hover{border-color:var(--d-ink,#eeeff1)}
.sl-search-players a:focus-visible{outline:2px solid var(--d-ink,#eeeff1);outline-offset:2px}
.sl-sp-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--d-surface2,#1a1c1f);border:1px solid var(--d-line2,#3a3e46);font:800 12px/1 var(--sl-font);color:var(--d-ink,#eeeff1)}
.sl-sp-main{display:grid;gap:3px;min-width:0;flex:1}
.sl-sp-main b{font-weight:800;font-size:14px}
.sl-sp-main small{font-size:12px;color:var(--d-sub,#a5acb6);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sl-sp-live{flex:none;font:800 10px/1 var(--sl-font);letter-spacing:.06em;color:#fff;background:#c8102e;border-radius:4px;padding:4px 6px}