@font-face { font-family: Inter; src: url('/fonts/inter-400.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Inter; src: url('/fonts/inter-600.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: Inter; src: url('/fonts/inter-700.woff2') format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: Graduate; src: url('/fonts/graduate-400.woff2') format('woff2'); font-display: swap; }
@font-face { font-family: JetBrains; src: url('/fonts/jetbrains-mono-500.woff2') format('woff2'); font-display: swap; }

:root {
  color-scheme: dark;
  --sl-accent: #ff2929;
  --sl-accent-rgb: 255, 41, 41;
  --sl-bg: #05070a;
  --sl-surface: #0d1218;
  --sl-surface-2: #121922;
  --sl-line: rgba(255,255,255,.1);
  --sl-muted: #8d98a6;
  --sl-copy: #d7dee7;
  --sl-white: #f7f9fc;
  --sl-good: #66df96;
  --sl-warn: #f0b95c;
  --sl-sidebar: 244px;
  font-family: Inter, system-ui, sans-serif;
  background: var(--sl-bg);
}
* { box-sizing: border-box; }
html { min-width: 320px; scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; color: var(--sl-copy); background: radial-gradient(circle at 76% -12%, rgba(var(--sl-accent-rgb),.12), transparent 34rem), linear-gradient(145deg,#040608,#091019 55%,#05070a); }
body::before { content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(to bottom,#000,transparent 90%); }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
button { color: inherit; }
img { max-width: 100%; }
.sl-skip { position: fixed; z-index: 100; top: 10px; left: 12px; padding: 10px 13px; color: #080a0d; background: #fff; border-radius: 8px; transform: translateY(-160%); }
.sl-skip:focus { transform: translateY(0); }
.sl-app { min-height: 100vh; display: grid; grid-template: 72px minmax(0,1fr) auto / var(--sl-sidebar) minmax(0,1fr); }
.sl-header { position: sticky; z-index: 30; top: 0; grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 24px; border-bottom: 1px solid var(--sl-line); background: rgba(5,8,11,.88); backdrop-filter: blur(20px); }
.sl-brand { display: flex; align-items: center; gap: 12px; min-width: 0; text-decoration: none; }
.sl-brand img { width: 48px; height: 48px; object-fit: contain; filter: drop-shadow(0 0 17px rgba(var(--sl-accent-rgb),.32)); }
.sl-brand strong, .sl-brand small { display: block; }
.sl-brand strong { color: var(--sl-white); font: 400 clamp(14px,1.4vw,19px)/1 Graduate, Inter, sans-serif; letter-spacing: .015em; text-transform: uppercase; }
.sl-brand small { margin-top: 5px; color: var(--sl-muted); font: 500 10px/1 JetBrains, monospace; letter-spacing: .08em; text-transform: uppercase; }
.sl-header-actions { display: flex; align-items: center; gap: 13px; }
.sl-local { display: inline-flex; align-items: center; gap: 7px; color: var(--sl-good); font: 500 10px/1 JetBrains, monospace; letter-spacing: .08em; text-transform: uppercase; }
.sl-local i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 12px currentColor; }
.sl-menu-button { display: none; min-width: 46px; min-height: 46px; padding: 0 15px; border: 1px solid var(--sl-line); border-radius: 11px; background: rgba(255,255,255,.04); }
.sl-sidebar { position: sticky; top: 72px; align-self: start; height: calc(100vh - 72px); overflow: auto; padding: 22px 15px; border-right: 1px solid var(--sl-line); background: rgba(6,9,13,.74); }
.sl-nav-group + .sl-nav-group { margin-top: 21px; padding-top: 17px; border-top: 1px solid var(--sl-line); }
.sl-nav-group > span { display: block; padding: 0 10px 8px; color: #66717e; font: 500 9px/1 JetBrains, monospace; letter-spacing: .16em; text-transform: uppercase; }
.sl-nav-group nav { display: grid; gap: 3px; }
.sl-nav-group a { display: flex; align-items: center; gap: 11px; min-height: 39px; padding: 0 11px; border: 1px solid transparent; border-radius: 10px; color: #aab4c1; text-decoration: none; font-size: 12px; }
.sl-nav-group a:hover { color: #fff; background: rgba(255,255,255,.04); }
.sl-nav-group a[aria-current="page"] { color: #fff; border-color: rgba(var(--sl-accent-rgb),.32); background: linear-gradient(90deg,rgba(var(--sl-accent-rgb),.17),rgba(var(--sl-accent-rgb),.035)); }
.sl-nav-icon { width: 22px; color: var(--sl-accent); font: 600 10px/1 JetBrains, monospace; text-align: center; }
.sl-main { width: min(100%, 1500px); min-width: 0; padding: clamp(22px,3.4vw,52px); outline: none; }
.sl-footer { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 20px; padding: 18px 25px calc(18px + env(safe-area-inset-bottom)); border-top: 1px solid var(--sl-line); color: #687481; font: 500 10px/1.4 JetBrains, monospace; }
.sl-footer a { color: #a8b2bd; }
.sl-mobile-nav { display: none; }

.sl-page-head { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-bottom: 25px; }
.sl-page-head__crumb { margin: 0 0 9px; color: var(--sl-accent); font: 600 10px/1 JetBrains, monospace; letter-spacing: .16em; text-transform: uppercase; }
.sl-page-head h1 { margin: 0; color: var(--sl-white); font-size: clamp(31px,4.4vw,62px); line-height: .96; letter-spacing: -.05em; text-wrap: balance; }
.sl-page-head__meta { max-width: 510px; color: var(--sl-muted); font-size: 12px; line-height: 1.55; text-align: right; }
.sl-context-nav { display: flex; gap: 7px; overflow: auto; margin: -8px 0 24px; padding: 6px 0 10px; scrollbar-width: thin; }
.sl-context-nav a { flex: 0 0 auto; padding: 9px 12px; border: 1px solid var(--sl-line); border-radius: 999px; color: #a5afba; text-decoration: none; font-size: 11px; }
.sl-context-nav a[aria-current="page"] { color: #fff; border-color: rgba(var(--sl-accent-rgb),.52); background: rgba(var(--sl-accent-rgb),.12); }
.sl-card { border: 1px solid var(--sl-line); border-radius: 19px; background: linear-gradient(145deg,rgba(19,26,34,.92),rgba(8,12,17,.96)); box-shadow: 0 18px 55px rgba(0,0,0,.18); }
.sl-card__head { display: flex; justify-content: space-between; align-items: start; gap: 18px; padding: 18px 20px 13px; border-bottom: 1px solid rgba(255,255,255,.07); }
.sl-card__head span, .sl-eyebrow { color: var(--sl-accent); font: 600 9px/1 JetBrains,monospace; letter-spacing: .15em; text-transform: uppercase; }
.sl-card__head h2, .sl-card__head h3 { margin: 6px 0 0; color: var(--sl-white); font-size: 18px; }
.sl-card__head a { color: #aab4c0; font-size: 11px; }
.sl-card__body { padding: 20px; }
.sl-grid { display: grid; gap: 18px; }
.sl-grid--2 { grid-template-columns: repeat(2,minmax(0,1fr)); }
.sl-grid--3 { grid-template-columns: repeat(3,minmax(0,1fr)); }
.sl-grid--4 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.sl-stack { display: grid; gap: 18px; }
.sl-section { margin-top: 28px; }
.sl-section-head { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 13px; }
.sl-section-head h2 { margin: 0; color: var(--sl-white); font-size: 20px; letter-spacing: -.025em; }
.sl-section-head p { margin: 5px 0 0; color: var(--sl-muted); font-size: 11px; }
.sl-section-head a { color: var(--sl-accent); font-size: 11px; }
.sl-stat { min-height: 120px; padding: 19px; }
.sl-stat > span { color: var(--sl-muted); font: 500 9px/1 JetBrains,monospace; letter-spacing: .1em; text-transform: uppercase; }
.sl-stat strong { display: block; margin-top: 25px; color: var(--sl-white); font-size: clamp(26px,3vw,42px); line-height: 1; }
.sl-stat small { display: block; margin-top: 7px; color: #798592; }
.sl-button { display: inline-flex; min-width: 46px; min-height: 46px; align-items: center; justify-content: center; gap: 8px; padding: 0 16px; border: 1px solid rgba(var(--sl-accent-rgb),.65); border-radius: 11px; color: #fff; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.94),rgba(var(--sl-accent-rgb),.58)); text-decoration: none; font-weight: 700; font-size: 11px; cursor: pointer; }
.sl-button:hover { filter: brightness(1.1); }
.sl-button--ghost { border-color: var(--sl-line); background: rgba(255,255,255,.035); color: #bdc6d0; }
.sl-button--danger { border-color: rgba(255,72,72,.45); background: rgba(255,45,45,.09); color: #ff8181; }
.sl-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.sl-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 0 9px; border: 1px solid rgba(var(--sl-accent-rgb),.32); border-radius: 999px; color: color-mix(in srgb,var(--sl-accent) 66%,white); background: rgba(var(--sl-accent-rgb),.08); font: 500 9px/1 JetBrains,monospace; letter-spacing: .06em; text-transform: uppercase; }
.sl-pill--good { border-color: rgba(102,223,150,.3); color: var(--sl-good); background: rgba(102,223,150,.07); }
.sl-pill--warn { border-color: rgba(240,185,92,.3); color: var(--sl-warn); background: rgba(240,185,92,.07); }
.sl-banner { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 20px; padding: 14px 16px; border: 1px solid rgba(var(--sl-accent-rgb),.2); border-radius: 14px; background: rgba(var(--sl-accent-rgb),.055); }
.sl-banner strong, .sl-banner span { display: block; }
.sl-banner strong { color: #e8edf3; font-size: 12px; }
.sl-banner span { margin-top: 4px; color: #8995a2; font-size: 10px; line-height: 1.45; }

.sl-hero { position: relative; min-height: clamp(360px,50vw,580px); overflow: hidden; display: flex; align-items: end; padding: clamp(25px,4vw,48px); border: 1px solid var(--sl-line); border-radius: 25px; background: #080d12 var(--sl-hero) center / cover no-repeat; box-shadow: 0 30px 90px rgba(0,0,0,.35); }
.sl-hero::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(3,5,8,.96) 0%,rgba(3,5,8,.72) 39%,rgba(3,5,8,.13) 78%),linear-gradient(to top,rgba(3,5,8,.92),transparent 70%); }
.sl-hero__copy { position: relative; z-index: 1; max-width: 700px; }
.sl-hero__copy h1 { margin: 12px 0 15px; color: #fff; font-size: clamp(41px,6.5vw,88px); line-height: .9; letter-spacing: -.06em; text-wrap: balance; }
.sl-hero__copy p { max-width: 620px; margin: 0; color: #bac3ce; font-size: clamp(14px,1.5vw,18px); line-height: 1.6; }
.sl-hero__copy .sl-actions { margin-top: 25px; }
.sl-hero__mark { position: absolute; z-index: 1; top: 28px; right: 30px; width: clamp(62px,9vw,112px); filter: drop-shadow(0 0 25px rgba(var(--sl-accent-rgb),.34)); }
.sl-command { position: relative; overflow: hidden; min-height: 270px; padding: 28px; background-image: linear-gradient(90deg,rgba(7,10,14,.97),rgba(7,10,14,.6)),var(--sl-command); background-size: cover; background-position: center; }
.sl-command h2 { max-width: 640px; margin: 12px 0 8px; color: #fff; font-size: clamp(27px,3vw,43px); line-height: 1; letter-spacing: -.04em; }
.sl-command p { max-width: 600px; color: #9ca7b4; line-height: 1.55; }
.sl-command-stats { display: flex; flex-wrap: wrap; gap: 22px; margin: 26px 0; }
.sl-command-stats span { display: block; color: #7f8a96; font: 500 9px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-command-stats strong { display: block; margin-top: 6px; color: #fff; font-size: 21px; }

.sl-score-list, .sl-player-list, .sl-activity-list, .sl-draft-pool { display: grid; gap: 9px; }
.sl-score { display: grid; grid-template-columns: 92px minmax(0,1fr) minmax(180px,.55fr); align-items: center; min-height: 112px; overflow: hidden; }
.sl-score__state { height: 100%; display: grid; place-content: center; gap: 6px; padding: 15px; border-right: 1px solid var(--sl-line); color: var(--sl-muted); font: 500 9px/1.2 JetBrains,monospace; text-align: center; text-transform: uppercase; }
.sl-score__state strong { color: var(--sl-accent); font-size: 11px; }
.sl-score__teams { padding: 15px 20px; }
.sl-team-line { display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 10px; min-height: 34px; }
.sl-team-code, .sl-player-avatar { display: grid; place-items: center; border: 1px solid rgba(var(--sl-accent-rgb),.24); color: #fff; background: rgba(var(--sl-accent-rgb),.1); font: 600 9px/1 JetBrains,monospace; }
.sl-team-code { width: 31px; height: 31px; border-radius: 9px; }
.sl-team-line strong { color: #edf1f6; font-size: 13px; }
.sl-team-line b { color: #fff; font-size: 20px; }
.sl-score__meta { padding: 15px 20px; border-left: 1px solid var(--sl-line); color: #8b96a2; font-size: 11px; line-height: 1.55; }
.sl-score__meta strong { display: block; margin-bottom: 5px; color: #dce2e9; }
.sl-toolbar { display: grid; grid-template-columns: minmax(220px,1fr) repeat(2,minmax(130px,.35fr)); gap: 10px; margin-bottom: 14px; }
.sl-field { display: grid; gap: 6px; color: #7e8996; font: 500 9px/1 JetBrains,monospace; letter-spacing: .08em; text-transform: uppercase; }
.sl-input, .sl-select { width: 100%; min-height: 46px; padding: 0 12px; border: 1px solid var(--sl-line); border-radius: 10px; color: #f0f3f7; background: #0a0f15; outline: none; }
.sl-input:focus, .sl-select:focus { border-color: rgba(var(--sl-accent-rgb),.7); box-shadow: 0 0 0 3px rgba(var(--sl-accent-rgb),.09); }
.sl-player { display: grid; grid-template-columns: 46px minmax(0,1fr) repeat(3,minmax(75px,.28fr)) auto; align-items: center; gap: 14px; min-height: 75px; padding: 12px 15px; color: inherit; text-decoration: none; }
.sl-player-avatar { width: 43px; height: 43px; border-radius: 14px; font-size: 11px; }
.sl-player__name strong, .sl-player__name span { display: block; }
.sl-player__name strong { color: #f3f6fa; font-size: 13px; }
.sl-player__name span { margin-top: 4px; color: #7e8995; font: 500 9px/1 JetBrains,monospace; }
.sl-player__metric span, .sl-player__metric strong { display: block; }
.sl-player__metric span { color: #6f7a87; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-player__metric strong { margin-top: 6px; color: #dfe5ec; font-size: 13px; }
.sl-player__open { color: var(--sl-accent); }
.sl-pagination { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 16px; color: #7d8895; font-size: 11px; }
.sl-profile { position: relative; overflow: hidden; padding: 28px; }
.sl-profile::before { content: ''; position: absolute; inset: 0 0 auto auto; width: 42%; height: 100%; background: radial-gradient(circle at 70% 30%,rgba(var(--sl-accent-rgb),.16),transparent 62%); }
.sl-profile__identity { position: relative; display: grid; grid-template-columns: 96px 1fr; align-items: center; gap: 21px; }
.sl-profile__avatar { width: 96px; height: 96px; display: grid; place-items: center; border: 1px solid rgba(var(--sl-accent-rgb),.35); border-radius: 28px; color: #fff; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.25),rgba(var(--sl-accent-rgb),.04)); font: 400 24px/1 Graduate; }
.sl-profile h1 { margin: 8px 0 6px; color: #fff; font-size: clamp(33px,5vw,64px); letter-spacing: -.05em; }
.sl-profile p { margin: 0; color: #8f9aa7; }
.sl-series { display: grid; grid-template-columns: repeat(auto-fit,minmax(210px,1fr)); gap: 14px; }
.sl-series-card { padding: 17px; }
.sl-series-card h3 { margin: 0; color: #eef2f7; font-size: 13px; }
.sl-bars { height: 130px; display: flex; align-items: end; gap: 5px; margin-top: 18px; }
.sl-bar { flex: 1; min-width: 4px; height: max(4px,var(--bar)); border-radius: 4px 4px 1px 1px; background: linear-gradient(to top,rgba(var(--sl-accent-rgb),.3),var(--sl-accent)); }
.sl-series-card small { display: block; margin-top: 9px; color: #737e8b; line-height: 1.4; }

.sl-table-wrap { overflow: auto; }
.sl-table { width: 100%; min-width: 650px; border-collapse: collapse; }
.sl-table th { padding: 11px 13px; color: #717d8a; font: 500 9px/1 JetBrains,monospace; text-align: left; letter-spacing: .1em; text-transform: uppercase; }
.sl-table td { padding: 14px 13px; border-top: 1px solid rgba(255,255,255,.065); color: #aeb8c3; font-size: 12px; }
.sl-table td strong { color: #f2f5f8; }
.sl-table tr.is-me { background: rgba(var(--sl-accent-rgb),.075); }
.sl-matchup { display: grid; grid-template-columns: minmax(0,1fr) 80px minmax(0,1fr); align-items: center; gap: 18px; padding: 24px; }
.sl-matchup-team { min-height: 180px; display: grid; place-content: center; text-align: center; }
.sl-matchup-team span { color: #7b8793; font-size: 11px; }
.sl-matchup-team strong { margin: 8px 0; color: #fff; font-size: 24px; }
.sl-matchup-team b { color: var(--sl-accent); font-size: 42px; }
.sl-vs { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid var(--sl-line); border-radius: 50%; color: #75818e; font: 600 10px/1 JetBrains,monospace; }
.sl-category-row { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; padding: 14px 18px; border-top: 1px solid rgba(255,255,255,.065); }
.sl-category-row:first-child { border-top: 0; }
.sl-category-row strong:first-child { text-align: right; }
.sl-category-row span { color: #6f7b88; font: 500 9px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-category-row .is-win { color: var(--sl-good); }
.sl-lineup-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.sl-lineup-slot { display: grid; grid-template-columns: 55px minmax(0,1fr); align-items: center; gap: 11px; padding: 11px; border: 1px solid var(--sl-line); border-radius: 12px; background: rgba(255,255,255,.018); }
.sl-lineup-slot > span { color: var(--sl-accent); font: 600 10px/1 JetBrains,monospace; text-align: center; }
.sl-lineup-slot select { min-width: 0; }

.sl-draft-lobby { min-height: 420px; padding: clamp(24px,4vw,46px); text-align: center; }
.sl-draft-lobby__mark { width: 88px; margin: 0 auto 20px; filter: drop-shadow(0 0 28px rgba(var(--sl-accent-rgb),.3)); }
.sl-draft-lobby h1 { margin: 8px 0 12px; color: #fff; font-size: clamp(37px,5vw,66px); letter-spacing: -.05em; }
.sl-member-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; max-width: 760px; margin: 28px auto; }
.sl-member { padding: 13px; border: 1px solid var(--sl-line); border-radius: 11px; color: #a8b3bf; background: rgba(255,255,255,.025); font-size: 11px; }
.sl-member i { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--sl-good); }
.sl-draft-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; align-items: start; gap: 18px; }
.sl-draft-layout > .sl-stack { align-content: start; align-self: start; }
.sl-clock { padding: 22px; text-align: center; }
.sl-clock strong { display: block; color: #fff; font: 400 52px/1 Graduate; }
.sl-clock span { color: var(--sl-accent); font: 500 9px/1 JetBrains,monospace; letter-spacing: .12em; text-transform: uppercase; }
.sl-draft-player { display: grid; grid-template-columns: 38px minmax(0,1fr) auto auto; align-items: center; gap: 10px; min-height: 58px; padding: 8px 11px; border: 1px solid var(--sl-line); border-radius: 11px; background: rgba(255,255,255,.018); }
.sl-draft-player strong, .sl-draft-player small { display: block; }
.sl-draft-player strong { color: #eef2f6; font-size: 12px; }
.sl-draft-player small { margin-top: 3px; color: #74808c; }
.sl-draft-player b { color: #c7d0da; font-size: 11px; }
.sl-draft-player button { min-height: 44px; padding: 0 10px; }
.sl-draft-board { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.sl-pick { min-height: 82px; padding: 11px; border: 1px solid var(--sl-line); border-radius: 11px; background: rgba(255,255,255,.018); }
.sl-pick span, .sl-pick strong, .sl-pick small { display: block; }
.sl-pick span { color: #687481; font: 500 8px/1 JetBrains,monospace; }
.sl-pick strong { margin-top: 12px; color: #edf2f7; font-size: 11px; }
.sl-pick small { margin-top: 4px; color: var(--sl-accent); }

.sl-form { display: grid; gap: 15px; }
.sl-form-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.sl-field textarea.sl-input { min-height: 100px; padding-top: 11px; resize: vertical; }
.sl-toggle-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 66px; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.065); }
.sl-toggle-row:first-child { border-top: 0; }
.sl-toggle-row strong, .sl-toggle-row span { display: block; }
.sl-toggle-row strong { color: #e8edf3; font-size: 12px; }
.sl-toggle-row span { margin-top: 4px; color: #798592; font-size: 10px; }
.sl-toggle { display: flex; align-items: center; min-width: 54px; min-height: 44px; padding: 3px; border: 1px solid var(--sl-line); border-radius: 999px; background: #090e14; cursor: pointer; }
.sl-toggle::before { content: ''; display: block; width: 23px; height: 23px; border-radius: 50%; background: #697581; transition: transform .18s ease,background .18s ease; }
.sl-toggle[aria-pressed="true"] { border-color: rgba(var(--sl-accent-rgb),.5); background: rgba(var(--sl-accent-rgb),.13); }
.sl-toggle[aria-pressed="true"]::before { transform: translateX(23px); background: var(--sl-accent); }

.sl-news-lead { min-height: 390px; display: flex; align-items: end; overflow: hidden; padding: 28px; background: linear-gradient(to top,rgba(4,7,10,.96),rgba(4,7,10,.12)),var(--story) center / cover; }
.sl-news-lead > div { max-width: 690px; }
.sl-news-lead h1, .sl-news-lead h2 { margin: 10px 0; color: #fff; font-size: clamp(30px,4vw,52px); line-height: 1; letter-spacing: -.04em; }
.sl-news-lead p { color: #aab4bf; line-height: 1.55; }
.sl-story { overflow: hidden; color: inherit; text-decoration: none; }
.sl-story img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.sl-story > div { padding: 17px; }
.sl-story h3 { margin: 8px 0; color: #f0f4f8; font-size: 16px; line-height: 1.25; }
.sl-story p { margin: 0; color: #828e9b; font-size: 11px; line-height: 1.5; }
.sl-article { max-width: 920px; margin: 0 auto; }
.sl-article__hero { width: 100%; max-height: 520px; object-fit: cover; border-radius: 21px; }
.sl-article h1 { margin: 24px 0 14px; color: #fff; font-size: clamp(38px,6vw,72px); line-height: .98; letter-spacing: -.05em; }
.sl-article__deck { color: #b3bdc8; font-size: 18px; line-height: 1.55; }
.sl-article__body { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--sl-line); color: #b2bcc7; font-size: 15px; line-height: 1.8; }
.sl-article__body h2 { margin-top: 34px; color: #f1f4f8; }
.sl-activity { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 70px; padding: 11px 15px; }
.sl-activity__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 12px; color: var(--sl-accent); background: rgba(var(--sl-accent-rgb),.1); font: 600 9px/1 JetBrains,monospace; }
.sl-activity strong, .sl-activity span { display: block; }
.sl-activity strong { color: #eaf0f5; font-size: 12px; }
.sl-activity span { margin-top: 4px; color: #788491; font-size: 10px; }
.sl-activity time { color: #697582; font: 500 9px/1 JetBrains,monospace; }
.sl-rule { padding: 19px; }
.sl-rule > span { color: var(--sl-accent); font: 600 9px/1 JetBrains,monospace; }
.sl-rule h3 { margin: 17px 0 8px; color: #f0f4f8; }
.sl-rule p { margin: 0; color: #84909d; font-size: 11px; line-height: 1.55; }
.sl-source { padding: 19px; }
.sl-source h3 { margin: 8px 0; color: #eef2f7; }
.sl-source p { color: #83909d; font-size: 11px; line-height: 1.55; }
.sl-source a { color: var(--sl-accent); font-size: 11px; }

.sl-page-head__art { width: 104px; aspect-ratio: 16/10; margin-left: auto; border: 1px solid rgba(var(--sl-accent-rgb),.28); border-radius: 15px; object-fit: cover; background: #0b1118; box-shadow: 0 12px 34px rgba(0,0,0,.28); }
.sl-initial-art { margin-top: 12px; color: #798693; font-size: 9px; }
.sl-initial-context { margin-top: 14px; padding: 18px; border: 1px solid rgba(var(--sl-accent-rgb),.22); border-radius: 18px; background: rgba(8,13,18,.82); }
.sl-initial-context h2 { margin: 7px 0; color: #eef3f8; }
.sl-initial-context h3 { margin: 15px 0 7px; color: #cbd5df; font-size: 12px; }
.sl-initial-context > p,.sl-initial-context li { color: #84919e; font-size: 10px; line-height: 1.55; }
.sl-initial-context details { border-top: 1px solid var(--sl-line); margin-top: 13px; }
.sl-initial-context summary { padding-top: 12px; color: #d8e1e9; cursor: pointer; font-size: 10px; }
.sl-initial-art__rail { display: flex; gap: 8px; margin-top: 8px; overflow-x: auto; }
.sl-initial-art figure { flex: 0 0 128px; margin: 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 11px; background: #090d12; }
.sl-initial-art img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.sl-initial-art figcaption { padding: 7px; line-height: 1.35; }
.sl-surface-contract { padding: 20px; border: 1px solid rgba(var(--sl-accent-rgb),.24); border-radius: 20px; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.07),rgba(10,15,21,.82)); }
.sl-art-kit { display: block; margin: 17px 0; color: #aab6c1; font-size: 10px; }
.sl-surface-gallery { display: flex; gap: 10px; margin: 9px 0 0; padding-bottom: 8px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-color: rgba(var(--sl-accent-rgb),.4) transparent; }
.sl-surface-gallery figure { flex: 0 0 176px; min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 13px; background: #090d12; }
.sl-surface-gallery img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.sl-surface-gallery figcaption { padding: 8px; color: #707d8b; font: 500 8px/1.45 JetBrains,monospace; overflow-wrap: anywhere; }
.sl-surface-workflow { display: grid; grid-template-columns: minmax(180px,.7fr) minmax(280px,1fr); gap: 14px 20px; align-items: end; margin-top: 17px; padding: 16px; border: 1px solid var(--sl-line); border-radius: 15px; background: rgba(4,8,12,.55); }
.sl-surface-feedback { grid-column: 1/-1; display: block; min-height: 42px; padding: 12px 14px; border-left: 3px solid var(--sl-accent); border-radius: 8px; color: #aeb9c4; background: rgba(var(--sl-accent-rgb),.07); font-size: 11px; line-height: 1.55; }
.sl-surface-feedback[data-status="offline"] { border-color: #f08d62; color: #f3b699; }
.sl-surface-contract details { margin-top: 14px; border-top: 1px solid var(--sl-line); }
.sl-surface-contract summary { padding: 15px 0 7px; color: #dce5ed; cursor: pointer; font-size: 11px; font-weight: 700; }
.sl-state-chips { display: flex; flex-wrap: wrap; gap: 7px; margin: 12px 0; }
.sl-state-chip { padding: 6px 9px; border: 1px solid var(--sl-line); border-radius: 999px; color: #8c99a5; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-acceptance-list { display: grid; gap: 7px; margin: 12px 0 0; padding-left: 22px; color: #8b98a5; font-size: 10px; line-height: 1.55; }

.sl-route-workspace { overflow: hidden; padding: 22px; border: 1px solid rgba(var(--sl-accent-rgb),.2); border-radius: 20px; background: linear-gradient(135deg,rgba(var(--sl-accent-rgb),.075),rgba(9,14,20,.92) 52%); }
.sl-route-workspace__intro { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 18px; }
.sl-route-workspace__art { width: 116px; aspect-ratio: 16/10; border: 1px solid rgba(var(--sl-accent-rgb),.28); border-radius: 15px; object-fit: cover; background: #070b10; }
.sl-route-workspace h2 { margin: 7px 0; color: #fff; font-size: clamp(22px,3vw,34px); letter-spacing: -.035em; }
.sl-route-workspace p { max-width: 900px; margin: 0; color: #9ca8b5; font-size: 12px; line-height: 1.65; }
.sl-art-library { padding: 0; }
.sl-art-library summary { display: flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 16px; color: #dce7f2; cursor: pointer; list-style: none; }
.sl-art-library summary::-webkit-details-marker { display: none; }
.sl-art-library summary span:first-child { display: grid; gap: 3px; }
.sl-art-library summary strong { font-size: 12px; }
.sl-art-library summary small,.sl-art-library summary>span:last-child { color: var(--sl-accent); font-size: 9px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.sl-art-library[open] summary { border-bottom: 1px solid rgba(var(--sl-accent-rgb),.18); }
.sl-art-library .sl-insight-rail { padding: 15px; }
.sl-route-decision { display: grid; grid-template-columns: minmax(210px,.65fr) auto minmax(260px,1fr); align-items: end; gap: 12px; margin-top: 19px; padding-top: 18px; border-top: 1px solid var(--sl-line); }
.sl-route-feedback { min-height: 46px; display: flex; align-items: center; padding: 10px 13px; border-left: 3px solid var(--sl-accent); border-radius: 8px; color: #aab5c0; background: rgba(0,0,0,.18); font-size: 10px; line-height: 1.45; }
.sl-insight-rail { display: grid; grid-template-columns: repeat(auto-fit,minmax(120px,1fr)); gap: 10px; max-height: 620px; overflow: auto; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--sl-line); }
.sl-insight-tile { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(4,8,12,.6); }
.sl-insight-tile img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.sl-insight-tile figcaption { display: grid; gap: 3px; padding: 9px; }
.sl-insight-tile strong { color: #dfe6ed; font-size: 9px; text-transform: capitalize; }
.sl-insight-tile span { color: #6e7a87; font: 500 8px/1.3 JetBrains,monospace; }
.sl-review-panel { padding: 16px 18px; border: 1px dashed rgba(var(--sl-accent-rgb),.35); border-radius: 14px; color: #8f9ba7; background: rgba(5,9,13,.7); font-size: 10px; }
.sl-review-panel summary { min-height: 44px; display: flex; align-items: center; color: #dbe3ea; cursor: pointer; font-weight: 700; }
.sl-live-board { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 22px; padding: 25px; border: 1px solid rgba(var(--sl-accent-rgb),.26); border-radius: 20px; background: linear-gradient(135deg,rgba(var(--sl-accent-rgb),.09),rgba(8,13,19,.94)); }
.sl-live-board__signal { display: grid; grid-template-columns: 18px minmax(0,1fr); gap: 15px; align-items: start; }
.sl-live-board h2 { margin: 8px 0; color: #fff; font-size: clamp(25px,4vw,42px); }
.sl-live-board p { max-width: 760px; margin: 0; color: #97a3b0; line-height: 1.6; }
.sl-live-board output { display: block; margin-top: 12px; color: #e7b1a8; font: 500 9px/1.4 JetBrains,monospace; }
.sl-live-dot { width: 12px; height: 12px; margin-top: 2px; border: 2px solid #ff6666; border-radius: 50%; box-shadow: 0 0 0 7px rgba(255,55,55,.08); }
.sl-board-toolbar { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 15px; }
.sl-board-toolbar h2 { margin: 6px 0 0; color: #fff; font-size: 24px; }
.sl-scoreboard-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.sl-scoreboard-grid.is-comfortable { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.sl-score-chip { padding: 14px; border: 1px solid var(--sl-line); border-radius: 14px; background: linear-gradient(145deg,rgba(17,24,32,.94),rgba(7,11,16,.96)); }
.sl-score-chip > span { color: #788491; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-score-chip > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; margin-top: 12px; }
.sl-score-chip strong { overflow: hidden; color: #e8edf2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.sl-score-chip b { color: #fff; }
.sl-calendar { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.sl-calendar-month { overflow: hidden; border: 1px solid var(--sl-line); border-radius: 18px; background: rgba(10,15,21,.9); }
.sl-calendar-month header { padding: 18px; border-bottom: 1px solid var(--sl-line); background: linear-gradient(110deg,rgba(var(--sl-accent-rgb),.12),transparent); }
.sl-calendar-month header span { color: var(--sl-accent); font: 600 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-calendar-month h2 { margin: 7px 0 0; color: #fff; }
.sl-calendar-month a { display: grid; grid-template-columns: 72px minmax(0,1fr) auto; gap: 10px; align-items: center; min-height: 54px; padding: 9px 14px; border-top: 1px solid rgba(255,255,255,.055); color: inherit; text-decoration: none; }
.sl-calendar-month time,.sl-calendar-month span { color: #778390; font-size: 9px; }
.sl-calendar-month strong { color: #e7edf2; font-size: 11px; }
.sl-toolbar--events { grid-template-columns: 1fr minmax(210px,.35fr); }
.sl-event-catalog { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.sl-event-tile { min-height: 190px; display: flex; flex-direction: column; align-items: start; padding: 18px; color: inherit; text-decoration: none; }
.sl-event-tile h2 { margin: 20px 0 7px; color: #fff; font-size: 18px; }
.sl-event-tile p { flex: 1; color: #8794a1; font-size: 10px; line-height: 1.55; }
.sl-event-tile > strong { color: var(--sl-accent); font-size: 10px; }
.sl-event-detail { overflow: hidden; display: grid; grid-template-columns: 180px minmax(0,1fr) minmax(220px,.55fr); gap: 0; }
.sl-event-detail__status,.sl-event-detail__teams,.sl-event-detail dl { padding: 24px; }
.sl-event-detail__status { border-right: 1px solid var(--sl-line); }
.sl-event-detail__status strong,.sl-event-detail__status small { display: block; }
.sl-event-detail__status strong { margin-top: 18px; color: #fff; }
.sl-event-detail__status small { margin-top: 6px; color: #778491; }
.sl-event-detail__teams > div { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 64px; }
.sl-event-detail__teams strong { color: #edf2f6; }
.sl-event-detail__teams b { color: #fff; font-size: 30px; }
.sl-event-detail dl { margin: 0; border-left: 1px solid var(--sl-line); }
.sl-event-detail dt { color: #75818d; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-event-detail dd { margin: 5px 0 15px; color: #d9e0e7; font-size: 10px; overflow-wrap: anywhere; }
.sl-event-detail .sl-actions { grid-column: 1/-1; padding: 18px 24px; border-top: 1px solid var(--sl-line); }
.sl-week-strip { display: flex; gap: 8px; overflow: auto; margin-bottom: 17px; }
.sl-week-strip button { flex: 0 0 auto; min-height: 46px; padding: 0 17px; border: 1px solid var(--sl-line); border-radius: 999px; color: #8d99a5; background: rgba(255,255,255,.03); }
.sl-week-strip button[aria-pressed="true"] { border-color: var(--sl-accent); color: #fff; background: rgba(var(--sl-accent-rgb),.13); }
.sl-fixture { padding: 18px; }
.sl-fixture > span { color: var(--sl-accent); font: 600 8px/1 JetBrains,monospace; }
.sl-fixture > div { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; margin-top: 16px; }
.sl-fixture strong { color: #e8edf2; }
.sl-fixture b { color: #fff; }
.sl-fixture a { display: block; margin-top: 20px; color: var(--sl-accent); font-size: 10px; }
.sl-optimizer-summary { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 20px; align-items: center; margin-bottom: 17px; padding: 24px; border: 1px solid rgba(var(--sl-accent-rgb),.25); border-radius: 20px; background: linear-gradient(120deg,rgba(var(--sl-accent-rgb),.1),rgba(8,13,18,.93)); }
.sl-optimizer-summary h2 { margin: 8px 0; color: #fff; font-size: clamp(26px,4vw,46px); }
.sl-optimizer-summary p { margin: 0; color: #95a1ae; line-height: 1.6; }
.sl-optimizer-gain { padding: 20px; border-left: 1px solid var(--sl-line); }
.sl-optimizer-gain span,.sl-optimizer-gain small,.sl-optimizer-gain strong { display: block; }
.sl-optimizer-gain span,.sl-optimizer-gain small { color: #7d8995; font-size: 9px; }
.sl-optimizer-gain strong { margin: 10px 0; color: var(--sl-good); font-size: 46px; }
.sl-optimizer-row { display: grid; grid-template-columns: 42px minmax(0,1fr) 30px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 62px; padding: 9px 0; border-top: 1px solid rgba(255,255,255,.06); }
.sl-optimizer-row small,.sl-optimizer-row strong { display: block; }
.sl-optimizer-row small { color: #6f7b87; font-size: 8px; text-transform: uppercase; }
.sl-optimizer-row strong { margin-top: 4px; color: #e6ecf2; font-size: 11px; }
.sl-optimizer-row b { color: var(--sl-good); }
.sl-optimizer-arrow { color: var(--sl-accent); text-align: center; }
.sl-history-timeline { position: relative; display: grid; gap: 13px; padding-left: 24px; }
.sl-history-timeline::before { content: ''; position: absolute; inset: 0 auto 0 6px; width: 1px; background: linear-gradient(var(--sl-accent),transparent); }
.sl-history-timeline article { position: relative; padding: 20px; }
.sl-history-timeline article::before { content: ''; position: absolute; left: -24px; top: 25px; width: 11px; height: 11px; border: 2px solid var(--sl-accent); border-radius: 50%; background: var(--sl-bg); }
.sl-history-timeline span { color: var(--sl-accent); font: 600 8px/1 JetBrains,monospace; }
.sl-history-timeline h2 { margin: 9px 0; color: #fff; }
.sl-history-timeline p { color: #87939f; line-height: 1.55; }
.sl-history-timeline a { color: var(--sl-accent); font-size: 10px; }
.sl-trend-list { display: grid; gap: 12px; margin-top: 18px; }
.sl-trend-list a { display: grid; grid-template-columns: minmax(160px,.55fr) minmax(120px,1fr) 70px; align-items: center; gap: 14px; min-height: 54px; color: inherit; text-decoration: none; }
.sl-trend-list strong,.sl-trend-list small { display: block; }
.sl-trend-list strong { color: #e8edf2; font-size: 11px; }
.sl-trend-list small { margin-top: 4px; color: #74808c; font-size: 8px; }
.sl-trend-list i { height: 10px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.055); }
.sl-trend-list i::before { content: ''; display: block; width: var(--trend); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--sl-accent),#e99a51); }
.sl-trend-list b { color: #fff; text-align: right; }

.sl-proof { min-height: min(590px,70vh); display: grid; place-content: center; justify-items: center; padding: 35px; border: 1px solid var(--sl-line); border-radius: 23px; text-align: center; background: radial-gradient(circle at 50% 40%,rgba(var(--sl-accent-rgb),.1),transparent 20rem),rgba(9,13,18,.8); }
.sl-proof__code { color: var(--sl-accent); font: 400 clamp(66px,12vw,140px)/1 Graduate; opacity: .7; }
.sl-proof h1 { max-width: 760px; margin: 18px 0 10px; color: #fff; font-size: clamp(28px,4vw,50px); letter-spacing: -.04em; }
.sl-proof p { max-width: 610px; margin: 0; color: #8e9aa7; line-height: 1.6; }
.sl-proof .sl-actions { justify-content: center; margin-top: 22px; }
.sl-spinner { width: 52px; height: 52px; border: 3px solid rgba(255,255,255,.1); border-top-color: var(--sl-accent); border-radius: 50%; animation: sl-spin .8s linear infinite; }
.sl-skeleton { min-height: 75px; overflow: hidden; position: relative; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(255,255,255,.03); }
.sl-skeleton::after { content: ''; position: absolute; inset: 0; background: linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent); transform: translateX(-100%); animation: sl-shimmer 1.3s infinite; }
.sl-toast { position: fixed; z-index: 80; right: 22px; bottom: 24px; max-width: min(390px,calc(100% - 30px)); padding: 13px 16px; border: 1px solid rgba(var(--sl-accent-rgb),.38); border-radius: 12px; color: #edf2f6; background: rgba(8,12,17,.96); box-shadow: 0 18px 55px rgba(0,0,0,.4); opacity: 0; transform: translateY(15px); pointer-events: none; transition: .18s ease; }
.sl-toast.is-visible { opacity: 1; transform: translateY(0); }
.sl-domain { display: grid; gap: 18px; padding: 22px; border: 1px solid rgba(var(--sl-accent-rgb),.3); border-radius: 18px; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.08),rgba(9,14,20,.88) 45%); box-shadow: inset 0 1px rgba(255,255,255,.03); }
.sl-domain .sl-section-head { margin: 0; }
.sl-domain .sl-section-head p { max-width: 760px; }
.sl-domain-metrics { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.sl-domain-metrics > div,.sl-domain-claims > div { display: grid; gap: 4px; min-width: 0; padding: 14px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(3,7,11,.5); }
.sl-domain-metrics span,.sl-domain-claims span { color: var(--sl-muted); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.sl-domain-metrics strong { overflow-wrap: anywhere; color: var(--sl-text); font-size: clamp(20px,2.2vw,30px); }
.sl-domain-metrics small,.sl-domain-claims small { color: var(--sl-muted); line-height: 1.45; }
.sl-domain-claims { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.sl-domain--pitching-results,.sl-domain--pitching-player-log,.sl-domain--pitching-player-splits,.sl-domain--pitching-records { position: relative; overflow: hidden; }
.sl-domain--pitching-results::before,.sl-domain--pitching-player-log::before,.sl-domain--pitching-player-splits::before,.sl-domain--pitching-records::before { content: ""; position: absolute; right: -86px; top: -104px; width: 260px; height: 260px; border: 1px solid rgba(242,184,75,.22); border-radius: 50%; box-shadow: 0 0 0 30px rgba(242,184,75,.025),0 0 0 62px rgba(79,161,115,.02); pointer-events: none; }
.sl-table--pitching td:last-child { color: var(--sl-gold); font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.sl-role-chip { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 9px; border: 1px solid var(--sl-line); border-radius: 999px; color: var(--sl-text); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.sl-role-chip--starter { border-color: rgba(242,184,75,.45); background: rgba(242,184,75,.09); color: var(--sl-gold); }
.sl-role-chip--relief { border-color: rgba(79,161,115,.42); background: rgba(79,161,115,.09); color: #8fd1a9; }
.sl-domain--batting-scoreboard,.sl-domain--batting-event,.sl-domain--batting-player,.sl-domain--batting-recap { position: relative; overflow: hidden; background-image: linear-gradient(135deg,rgba(242,184,75,.035),transparent 38%),linear-gradient(315deg,rgba(45,126,247,.035),transparent 42%); }
.sl-table--batting td:nth-last-child(-n+2) { font-variant-numeric: tabular-nums; }
.sl-outcome-chip { display: inline-flex; min-height: 24px; align-items: center; padding: 2px 9px; border: 1px solid var(--sl-line); border-radius: 999px; color: var(--sl-muted); font-size: 10px; font-weight: 900; letter-spacing: .055em; text-transform: uppercase; }
.sl-outcome-chip--single,.sl-outcome-chip--homeRun { border-color: rgba(79,161,115,.44); background: rgba(79,161,115,.09); color: #8fd1a9; }
.sl-outcome-chip--error { border-color: rgba(255,112,101,.46); background: rgba(255,112,101,.08); color: #ff9c94; }
.sl-outcome-chip--sacrificeFly,.sl-outcome-chip--sacrificeBunt { border-color: rgba(242,184,75,.45); background: rgba(242,184,75,.08); color: var(--sl-gold); }
.sl-batting-sequence { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; }
.sl-batting-sequence > div { position: relative; display: grid; gap: 5px; min-width: 0; padding: 14px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(3,7,11,.58); }
.sl-batting-sequence > div::after { content: ""; position: absolute; top: 23px; right: -9px; width: 9px; border-top: 1px solid rgba(242,184,75,.45); }
.sl-batting-sequence > div:last-child::after { display: none; }
.sl-batting-sequence span { color: var(--sl-blue); font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.sl-batting-sequence strong { overflow-wrap: anywhere; text-transform: capitalize; }
.sl-batting-sequence small { color: var(--sl-muted); line-height: 1.4; }
.sl-domain--lineup-card-lineup,.sl-domain--lineup-card-lineup-history,.sl-domain--lineup-card-team-roster,.sl-domain--lineup-card-player-log { position: relative; overflow: hidden; background-image: linear-gradient(145deg,rgba(45,126,247,.045),transparent 42%),radial-gradient(circle at 95% 8%,rgba(242,184,75,.08),transparent 18rem); }
.sl-lineup-card-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(210px,.65fr); gap: 12px; }
.sl-lineup-card-grid > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.sl-lineup-card-row { display: grid; grid-template-columns: 26px minmax(0,1fr) auto; align-items: center; gap: 9px; min-width: 0; padding: 11px 12px; border: 1px solid var(--sl-line); border-radius: 12px; background: rgba(3,7,11,.58); }
.sl-lineup-card-row span { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; color: #06101a; background: var(--sl-gold); font-size: 10px; font-weight: 900; }
.sl-lineup-card-row strong { overflow-wrap: anywhere; font-size: 12px; }
.sl-lineup-card-row b { color: var(--sl-blue); font-size: 10px; letter-spacing: .08em; }
.sl-lineup-card-grid aside { display: grid; align-content: center; gap: 5px; padding: 16px; border: 1px solid rgba(242,184,75,.35); border-radius: 14px; background: rgba(242,184,75,.055); }
.sl-lineup-card-grid aside span { margin-top: 8px; color: var(--sl-gold); font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.sl-lineup-card-grid aside strong { font-size: 16px; }
.sl-lineup-card-grid aside small { color: var(--sl-muted); }
.sl-lineup-role-timeline { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.sl-lineup-role-timeline > div { display: grid; gap: 5px; padding: 16px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(3,7,11,.52); }
.sl-lineup-role-timeline span { color: var(--sl-blue); font-size: 10px; font-weight: 900; letter-spacing: .09em; }
.sl-lineup-role-timeline small { color: var(--sl-muted); line-height: 1.45; }
@media (max-width: 840px) {
  .sl-lineup-card-grid { grid-template-columns: 1fr; }
  .sl-lineup-card-grid > div { grid-template-columns: 1fr; }
  .sl-lineup-role-timeline { grid-template-columns: 1fr; }
}
.sl-domain-output,.sl-lineup-validation { display: grid; gap: 5px; width: 100%; padding: 14px 16px; border-left: 3px solid var(--sl-accent); border-radius: 4px 12px 12px 4px; color: var(--sl-text); background: rgba(0,0,0,.22); text-align: left; }
.sl-domain-output span,.sl-lineup-validation span { color: var(--sl-muted); }
.sl-domain-output small,.sl-lineup-validation small { color: #aeb9c2; overflow-wrap: anywhere; }
.sl-lineup-validation { margin-top: 16px; }
.sl-domain details { padding-top: 4px; color: var(--sl-muted); }
.sl-domain summary { min-height: 44px; color: var(--sl-text); cursor: pointer; }
.sl-daily-card,.sl-period-review,.sl-player-decision,.sl-article-evidence,.sl-draft-readiness {
  padding: clamp(18px,2.8vw,30px); border: 1px solid rgba(var(--sl-accent-rgb),.26); border-radius: 20px;
  background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.07),rgba(8,12,17,.88) 46%,rgba(5,8,12,.96));
}
.sl-daily-card .sl-actions,.sl-period-review .sl-actions,.sl-article-evidence .sl-actions { margin-top: 17px; }
.sl-catalog-boundary { padding: clamp(18px,2.8vw,28px); border-top: 1px solid rgba(var(--sl-accent-rgb),.25); border-bottom: 1px solid rgba(var(--sl-accent-rgb),.16); }
.sl-join-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(290px,.7fr); gap: 18px; align-items: start; }
.sl-join-contract { padding: clamp(22px,3vw,34px); background: linear-gradient(160deg,rgba(var(--sl-accent-rgb),.1),rgba(8,12,17,.94) 42%); }
.sl-join-contract h2 { margin: 9px 0; color: var(--sl-text); font-size: clamp(22px,3vw,34px); letter-spacing: -.035em; }
.sl-join-contract p,.sl-join-contract li,.sl-join-layout form p { color: var(--sl-muted); line-height: 1.62; }
.sl-join-contract ol { display: grid; gap: 9px; margin: 18px 0 22px; padding-left: 21px; }
.sl-profile .sl-actions { margin-top: 18px; }
.sl-activity-list [hidden] { display: none; }
.sl-search-command { padding: clamp(20px,3vw,31px); border: 1px solid rgba(var(--sl-accent-rgb),.28); border-radius: 20px; background: radial-gradient(circle at 92% 8%,rgba(var(--sl-accent-rgb),.14),transparent 17rem),rgba(7,11,16,.84); }
[data-global-search-results] [hidden],[data-help-topics] [hidden] { display: none; }
.sl-team-hero,.sl-recap-hero { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: center; min-height: 280px; padding: clamp(25px,4vw,48px); border: 1px solid rgba(var(--sl-accent-rgb),.28); border-radius: 22px; background: radial-gradient(circle at 82% 35%,rgba(var(--sl-accent-rgb),.2),transparent 20rem),linear-gradient(145deg,rgba(12,18,25,.98),rgba(5,8,12,.96)); overflow: hidden; }
.sl-team-hero h1,.sl-recap-hero h1 { max-width: 800px; margin: 9px 0 10px; color: var(--sl-text); font-size: clamp(36px,6vw,78px); letter-spacing: -.055em; }
.sl-team-hero p,.sl-recap-hero p { max-width: 760px; color: var(--sl-muted); line-height: 1.62; }
.sl-team-monogram { display: grid; width: clamp(110px,15vw,190px); aspect-ratio: 1; place-items: center; border: 1px solid rgba(var(--sl-accent-rgb),.38); border-radius: 38%; color: var(--sl-accent); background: rgba(var(--sl-accent-rgb),.08); box-shadow: 0 30px 80px rgba(0,0,0,.35); font: 400 clamp(33px,5vw,66px)/1 Graduate,serif; }
.sl-recap-hero > div:last-child { display: grid; justify-items: end; gap: 5px; }
.sl-recap-hero > div:last-child strong { color: var(--sl-accent); font: 400 clamp(34px,5vw,68px)/1 Graduate,serif; }
.sl-recap-hero > div:last-child span { color: var(--sl-muted); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.sl-learning-path { padding: clamp(20px,3vw,32px); border: 1px solid rgba(var(--sl-accent-rgb),.25); border-radius: 21px; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.07),rgba(6,10,15,.95) 48%); }
.sl-learning-track { display: grid; gap: 10px; margin-top: 18px; }
.sl-learning-step { display: grid; grid-template-columns: 46px minmax(0,1fr) auto; gap: 15px; align-items: center; min-height: 96px; padding: 16px 18px; transition: border-color .16s ease,background .16s ease; }
.sl-learning-step.is-selected { border-color: rgba(var(--sl-accent-rgb),.55); background: rgba(var(--sl-accent-rgb),.07); }
.sl-learning-step > span { color: var(--sl-accent); font: 400 21px/1 Graduate,serif; }
.sl-learning-step h3 { margin: 0 0 5px; color: var(--sl-text); }
.sl-learning-step p { margin: 0; color: var(--sl-muted); line-height: 1.5; }
.sl-learning-step a { color: var(--sl-accent); font-size: 10px; text-decoration: none; }
.sl-fielding-rate-card { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.sl-fielding-rate-card > div { display:grid; gap:8px; min-width:0; padding:16px; border:1px solid rgba(99,178,255,.2); border-radius:14px; background:linear-gradient(145deg,rgba(7,18,28,.95),rgba(5,10,16,.76)); }
.sl-fielding-rate-card span,.sl-fielding-play-chain span { color:#7f91a4; font:600 9px/1.35 JetBrains,monospace; letter-spacing:.1em; text-transform:uppercase; }
.sl-fielding-rate-card strong { color:#dce8f2; font-size:13px; overflow-wrap:anywhere; }
.sl-fielding-rate-card b { color:#72d7ff; font:700 24px/1 Orbitron,sans-serif; }
.sl-fielding-play-chain { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; gap:10px; }
.sl-fielding-play-chain > div { display:grid; gap:7px; align-content:center; min-height:118px; padding:16px; border:1px solid rgba(99,178,255,.2); border-radius:14px; background:rgba(5,12,19,.74); }
.sl-fielding-play-chain strong { color:#eef7ff; font-size:16px; }
.sl-fielding-play-chain small { color:#8797a7; }
.sl-fielding-play-chain i { align-self:center; color:#72d7ff; font-size:22px; font-style:normal; }
.sl-fielding-ledger .sl-table { min-width:780px; }

@keyframes sl-spin { to { transform: rotate(360deg); } }
@keyframes sl-shimmer { to { transform: translateX(100%); } }

@media (max-width: 1120px) {
  :root { --sl-sidebar: 210px; }
  .sl-grid--4 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-score { grid-template-columns: 80px minmax(0,1fr); }
  .sl-score__meta { grid-column: 1 / -1; border-top: 1px solid var(--sl-line); border-left: 0; }
  .sl-player { grid-template-columns: 44px minmax(0,1fr) repeat(2,minmax(70px,.3fr)) auto; }
  .sl-player__metric:nth-of-type(3) { display: none; }
  .sl-draft-layout { grid-template-columns: 1fr; }
}
@media (max-width: 840px) {
  .sl-app { display: block; padding-bottom: calc(69px + env(safe-area-inset-bottom)); }
  .sl-header { min-height: 68px; padding: 9px 14px; }
  .sl-brand img { width: 42px; height: 42px; }
  .sl-brand strong { font-size: 12px; }
  .sl-brand small { display: none; }
  .sl-local { display: none; }
  .sl-menu-button { display: inline-flex; align-items: center; }
  .sl-sidebar { position: fixed; z-index: 50; inset: 68px 0 auto auto; width: min(330px,88vw); height: calc(100vh - 68px); border-left: 1px solid var(--sl-line); border-right: 0; background: rgba(5,8,12,.98); transform: translateX(105%); transition: transform .2s ease; }
  .sl-sidebar.is-open { transform: translateX(0); }
  .sl-main { padding: 24px 14px 42px; }
  .sl-footer { display: none; }
  .sl-mobile-nav { position: fixed; z-index: 40; inset: auto 0 0; display: grid; grid-template-columns: repeat(5,1fr); padding: 7px 6px calc(7px + env(safe-area-inset-bottom)); border-top: 1px solid var(--sl-line); background: rgba(6,9,13,.94); backdrop-filter: blur(20px); }
  .sl-mobile-nav a { display: grid; justify-items: center; gap: 4px; min-width: 0; padding: 6px 2px; color: #788491; text-decoration: none; font-size: 9px; }
  .sl-mobile-nav a span { color: inherit; font: 600 9px/1 JetBrains,monospace; }
  .sl-mobile-nav a[aria-current="page"] { color: var(--sl-accent); }
  .sl-page-head { align-items: start; flex-direction: column; }
  .sl-page-head__art { order: -1; width: 100%; max-width: 210px; margin-left: 0; }
  .sl-page-head__meta { text-align: left; }
  .sl-section-head { align-items: stretch; flex-direction: column; }
  .sl-section-head > .sl-field { width: 100%; }
  .sl-grid--3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-matchup { grid-template-columns: 1fr; }
  .sl-vs { margin: auto; }
  .sl-lineup-grid { grid-template-columns: 1fr; }
  .sl-route-decision { grid-template-columns: 1fr; }
  .sl-scoreboard-grid,.sl-event-catalog { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-domain-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-batting-sequence { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sl-join-layout { grid-template-columns: 1fr; }
  .sl-team-hero,.sl-recap-hero { grid-template-columns: 1fr; }
  .sl-recap-hero > div:last-child { justify-items: start; }
  .sl-learning-step { grid-template-columns: 38px minmax(0,1fr); }
  .sl-learning-step a { grid-column: 2; }
  .sl-event-detail { grid-template-columns: 1fr 1fr; }
  .sl-event-detail dl { grid-column: 1/-1; border-top: 1px solid var(--sl-line); border-left: 0; }
}
@media (max-width: 590px) {
  .sl-grid--2, .sl-grid--3, .sl-grid--4 { grid-template-columns: 1fr; }
  .sl-hero { min-height: 520px; padding: 24px 18px; background-position: 62% center; }
  .sl-hero::before { background: linear-gradient(to top,rgba(3,5,8,.98) 0%,rgba(3,5,8,.78) 48%,rgba(3,5,8,.18)); }
  .sl-hero__mark { width: 60px; top: 19px; right: 18px; }
  .sl-toolbar { grid-template-columns: 1fr; }
  .sl-player { grid-template-columns: 42px minmax(0,1fr) auto; }
  .sl-player__metric { display: none; }
  .sl-score { grid-template-columns: 68px minmax(0,1fr); }
  .sl-score__teams { padding: 12px; }
  .sl-profile__identity { grid-template-columns: 68px 1fr; }
  .sl-profile__avatar { width: 68px; height: 68px; border-radius: 20px; font-size: 18px; }
  .sl-member-grid, .sl-draft-board { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-form-row { grid-template-columns: 1fr; }
  .sl-article__deck { font-size: 15px; }
  .sl-category-row { grid-template-columns: 1fr auto 1fr; padding-inline: 10px; }
  .sl-banner { align-items: start; flex-direction: column; }
  .sl-surface-workflow { grid-template-columns: 1fr; }
  .sl-surface-feedback { grid-column: auto; }
  .sl-route-workspace__intro { grid-template-columns: 1fr; }
  .sl-route-workspace__art { width: 100%; max-width: 220px; }
  .sl-live-board,.sl-optimizer-summary { grid-template-columns: 1fr; }
  .sl-optimizer-gain { border-top: 1px solid var(--sl-line); border-left: 0; }
  .sl-scoreboard-grid,.sl-scoreboard-grid.is-comfortable,.sl-calendar,.sl-event-catalog { grid-template-columns: 1fr; }
  .sl-event-detail { grid-template-columns: 1fr; }
  .sl-event-detail__status { border-right: 0; border-bottom: 1px solid var(--sl-line); }
  .sl-event-detail dl { grid-column: auto; }
  .sl-optimizer-row { grid-template-columns: 38px minmax(0,1fr) 22px minmax(0,1fr); }
  .sl-optimizer-row b { grid-column: 2/-1; }
  .sl-trend-list a { grid-template-columns: minmax(0,1fr) 58px; }
  .sl-trend-list i { grid-column: 1/-1; grid-row: 2; }
  .sl-card__body .sl-matchup { grid-template-columns: 1fr !important; }
  .sl-domain { padding: 17px 14px; }
  .sl-domain-metrics,.sl-domain-claims { grid-template-columns: 1fr; }
  .sl-fielding-rate-card,.sl-fielding-play-chain { grid-template-columns: 1fr; }
  .sl-fielding-play-chain i { display:none; }
  .sl-batting-sequence { grid-template-columns: 1fr; }
  .sl-batting-sequence > div::after { display: none; }
  .sl-table--comparison { min-width: 0; table-layout: fixed; }
  .sl-table--comparison th,.sl-table--comparison td { padding: 10px 4px; font-size: 9px; overflow-wrap: anywhere; }
  .sl-table--comparison th:first-child,.sl-table--comparison td:first-child { width: 34%; }
  .sl-source-ledger { overflow: visible; }
  .sl-table--source-ledger { min-width: 0; }
  .sl-table--source-ledger thead { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
  .sl-table--source-ledger tbody,.sl-table--source-ledger tr,.sl-table--source-ledger td { display: block; width: 100%; }
  .sl-table--source-ledger tbody { display: grid; gap: 10px; }
  .sl-table--source-ledger tr { padding: 12px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(5,9,14,.7); }
  .sl-table--source-ledger td { display: grid; grid-template-columns: minmax(92px,.72fr) minmax(0,1.28fr); gap: 9px; padding: 5px 0; border-top: 0; overflow-wrap: anywhere; }
  .sl-table--source-ledger td::before { content: attr(data-label); color: #717d8a; font: 500 8px/1.35 JetBrains,monospace; letter-spacing: .09em; text-transform: uppercase; }
  .sl-matchup-team { min-width: 0; }
  .sl-matchup-team strong { max-width: 100%; overflow-wrap: anywhere; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } }