@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; opacity: 0; pointer-events: none; transform: translateY(-160%); }
.sl-skip:focus-visible { opacity: 1; pointer-events: auto; 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-weekly-lineup { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin: 18px 0; }
.sl-weekly-lineup article { min-width: 0; display: grid; gap: 5px; min-height: 86px; padding: 12px; border: 1px solid var(--sl-line); border-radius: 11px; background: rgba(3,7,11,.55); }
.sl-weekly-lineup article[data-lock-status="locked"] { border-color: rgba(255,93,97,.36); background: rgba(120,18,22,.1); }
.sl-weekly-lineup article[data-lock-status="open"] { border-color: rgba(75,214,145,.2); }
.sl-weekly-lineup span { color: var(--sl-accent); font: 700 9px/1 JetBrains,monospace; }
.sl-weekly-lineup strong { color: #e5ebf1; font-size: 11px; overflow-wrap: anywhere; }
.sl-weekly-lineup small { color: #75818e; font-size: 9px; line-height: 1.4; }

.sl-component-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.sl-trade-board { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.sl-trade-board > footer { grid-column: 1/-1; padding: 16px; border: 1px solid var(--sl-line); border-radius: 14px; background: rgba(4,8,12,.7); }
.sl-checkbox { min-height: 44px; display: flex; align-items: center; gap: 10px; color: #aab5bf; font-size: 10px; }
.sl-checkbox input { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-content: center; appearance: none; border: 1px solid var(--sl-line); border-radius: 11px; background: #080d13; cursor: pointer; }
.sl-checkbox input::before { content: ''; width: 15px; height: 8px; border: solid #071015; border-width: 0 0 3px 3px; opacity: 0; transform: translateY(-2px) rotate(-45deg); }
.sl-checkbox input:checked { border-color: var(--sl-accent); background: var(--sl-accent); }
.sl-checkbox input:checked::before { opacity: 1; }
.sl-checkbox input:focus-visible { outline: 3px solid rgba(var(--sl-accent-rgb),.28); outline-offset: 2px; }
.sl-dependency-chain { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 17px; }
.sl-dependency-chain article { min-width: 0; display: grid; gap: 6px; padding: 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; background: rgba(3,7,11,.58); }
.sl-dependency-chain span { color: #ff8589; font: 700 8px/1 JetBrains,monospace; }
.sl-dependency-chain strong { color: #dfe6ed; font-size: 10px; overflow-wrap: anywhere; }
.sl-dependency-chain small { color: var(--sl-good); font-size: 9px; overflow-wrap: anywhere; }

.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; gap: 18px; }
.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-auction-panel { border-color: rgba(var(--sl-accent-rgb),.35); background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.1),rgba(8,13,19,.94)); }
.sl-auction-panel output { display: block; min-height: 44px; margin-top: 14px; padding: 12px 14px; border-left: 3px solid var(--sl-accent); border-radius: 8px; color: #b8c3ce; background: rgba(0,0,0,.22); font: 500 10px/1.5 JetBrains,monospace; }

.sl-seed-strip { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
.sl-seed-strip > span { min-width: 0; display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 8px; min-height: 54px; padding: 9px 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 11px; color: #c4ced8; background: rgba(3,7,11,.58); font-size: 10px; }
.sl-seed-strip b { display: grid; width: 28px; height: 28px; place-items: center; border-radius: 9px; color: #071017; background: var(--sl-accent); font: 700 11px/1 JetBrains,monospace; }
.sl-seed-strip small { grid-column: 2; color: var(--sl-good); font: 700 8px/1 JetBrains,monospace; letter-spacing: .08em; }

.sl-waiver-console { border-color: rgba(var(--sl-accent-rgb),.3); }
.sl-lock-receipt { display: grid; gap: 6px; min-height: 64px; padding: 13px 14px; border: 1px solid rgba(255,255,255,.08); border-left: 3px solid #f0a35c; border-radius: 10px; background: rgba(3,7,11,.6); }
.sl-lock-receipt strong { color: #f1c19a; font: 700 10px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-lock-receipt span { color: #929eaa; font-size: 10px; line-height: 1.45; }
.sl-lock-receipt[data-waiver-lock-status="open"] { border-left-color: var(--sl-good); }
.sl-lock-receipt[data-waiver-lock-status="open"] strong { color: var(--sl-good); }
.sl-lock-receipt[data-waiver-lock-status="locked"] { border-left-color: #ff5d61; }
.sl-lock-receipt[data-waiver-lock-status="locked"] strong { color: #ff9295; }

.sl-bracket { display: grid; grid-template-columns: repeat(3,minmax(245px,1fr)); gap: 16px; align-items: stretch; overflow-x: auto; padding-bottom: 10px; }
.sl-bracket-round { min-width: 245px; display: grid; align-content: start; gap: 12px; }
.sl-bracket-round > header { min-height: 57px; padding: 0 4px 10px; border-bottom: 1px solid var(--sl-line); }
.sl-bracket-round > header span { color: var(--sl-accent); font: 700 8px/1 JetBrains,monospace; letter-spacing: .12em; }
.sl-bracket-round > header h2 { margin: 8px 0 0; color: #eef3f7; font-size: 17px; }
.sl-bracket-game { display: grid; align-content: start; gap: 8px; padding: 14px; }
.sl-bracket-team { display: grid; grid-template-columns: 30px minmax(0,1fr); align-items: center; gap: 9px; min-height: 46px; padding: 8px 10px; border: 1px solid rgba(255,255,255,.065); border-radius: 9px; background: rgba(3,7,11,.5); }
.sl-bracket-team b { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 8px; color: var(--sl-accent); background: rgba(var(--sl-accent-rgb),.1); font: 700 9px/1 JetBrains,monospace; }
.sl-bracket-team strong { min-width: 0; color: #d6dee6; font-size: 10px; overflow-wrap: anywhere; }
.sl-bracket-status { display: flex; align-items: center; justify-content: space-between; gap: 9px; min-height: 38px; color: #778491; font: 600 8px/1.35 JetBrains,monospace; text-transform: uppercase; }
.sl-bracket-status strong { color: var(--sl-good); text-align: right; }
.sl-bracket-score { display: grid; gap: 9px; padding-top: 10px; border-top: 1px solid var(--sl-line); }
.sl-bracket-score .sl-field { font-size: 9px; }

.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-domain-receipt { position: relative; overflow: hidden; padding: 24px; border: 1px solid rgba(var(--sl-accent-rgb),.28); border-radius: 20px; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.09),rgba(10,15,21,.94) 56%); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.sl-domain-receipt::after { content: ''; position: absolute; inset: 0 0 auto; height: 2px; background: linear-gradient(90deg,var(--sl-accent),transparent 72%); }
.sl-domain-receipt h2 { max-width: 820px; margin: 8px 0 10px; color: #f5f7f9; font-size: clamp(18px,2.2vw,28px); line-height: 1.18; }
.sl-domain-receipt p { max-width: 920px; margin: 8px 0 0; color: #9ba7b3; line-height: 1.58; }
.sl-domain-receipt dl { display: grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap: 10px; margin: 18px 0 0; }
.sl-domain-receipt dl div { min-width: 0; padding: 13px 14px; border: 1px solid rgba(255,255,255,.065); border-radius: 12px; background: rgba(4,7,11,.58); }
.sl-domain-receipt dt { color: #778491; font: 600 9px/1.3 JetBrains,monospace; letter-spacing: .08em; text-transform: uppercase; }
.sl-domain-receipt dd { margin: 6px 0 0; color: #edf1f5; font-size: 13px; font-weight: 700; overflow-wrap: anywhere; }
.sl-domain-receipt ol,.sl-domain-receipt ul { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.sl-domain-receipt li { padding: 10px 12px; border-left: 2px solid rgba(var(--sl-accent-rgb),.55); background: rgba(3,6,10,.5); color: #aab4be; font-size: 11px; line-height: 1.48; }
.sl-domain-receipt li strong { color: var(--sl-accent); }
.sl-domain-receipt[data-lineup-legality="invalid"],.sl-domain-receipt[data-reconciliation-status="correction-required"] { border-color: rgba(255,84,89,.38); background: linear-gradient(145deg,rgba(255,48,55,.08),rgba(10,15,21,.94) 56%); }
.sl-domain-receipt[data-lineup-legality="invalid"]::after,.sl-domain-receipt[data-reconciliation-status="correction-required"]::after { background: linear-gradient(90deg,#ff4148,transparent 72%); }

.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-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 a:first-child { border-top: 0; }
.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:first-child { border-top: 0; }
.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-season-qualification { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 16px; }
.sl-season-qualification > article { min-width: 0; }
.sl-season-qualification .sl-stat { padding: 15px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: rgba(3,7,11,.34); }
[data-season-schedule] .sl-board-toolbar p { margin: 7px 0 0; color: #83909c; font-size: 10px; }
[data-season-week-games] { margin-bottom: 16px; }
[data-reschedule-workflow] .sl-team-line b { max-width: 140px; text-align: right; }
[data-keeper-workflow] .sl-team-line { align-items: center; }
[data-season-bracket-lifecycle] dd,[data-season-correction] dd { overflow-wrap: anywhere; }

.sl-availability-hero { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.8fr); gap: 26px; align-items: center; margin-bottom: 18px; padding: 27px; border: 1px solid rgba(var(--sl-accent-rgb),.28); border-radius: 22px; background: radial-gradient(circle at 85% 10%,rgba(var(--sl-accent-rgb),.2),transparent 36%),linear-gradient(145deg,#101923,#070b10); }
.sl-availability-hero h2 { margin: 8px 0; color: #fff; font-size: clamp(28px,4vw,48px); letter-spacing: -.04em; }
.sl-availability-hero p { max-width: 720px; margin: 0; color: #9aa7b4; line-height: 1.65; }
.sl-availability-hero dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 16px; background: var(--sl-line); }
.sl-availability-hero dl div { min-width: 0; padding: 15px; background: rgba(5,10,15,.94); }
.sl-availability-hero dt { color: #778491; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-availability-hero dd { margin: 8px 0 0; color: #edf3f8; font-size: 12px; overflow-wrap: anywhere; }
.sl-availability-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.sl-availability-player { display: grid; grid-template-columns: 42px minmax(0,1fr) auto 64px; gap: 11px; align-items: center; min-height: 67px; padding: 10px 12px; border: 1px solid rgba(255,255,255,.065); border-radius: 13px; background: rgba(4,8,12,.55); }
.sl-availability-player strong,.sl-availability-player span { display: block; }
.sl-availability-player strong { color: #e9eef3; font-size: 11px; }
.sl-availability-player > div:nth-child(2) span { margin-top: 5px; color: #74808c; font-size: 8px; line-height: 1.4; }
.sl-availability-player > b { color: #aab5bf; font: 600 8px/1 JetBrains,monospace; text-align: right; }
.sl-availability-status { display: inline-flex; align-items: center; justify-content: center; min-height: 25px; padding: 6px 8px; border: 1px solid rgba(99,216,141,.32); border-radius: 999px; color: #88e6ab; background: rgba(54,185,105,.09); font: 600 7px/1 JetBrains,monospace; text-transform: uppercase; white-space: nowrap; }
.sl-availability-status[data-status="IR"],.sl-availability-status[data-status="PUP"],.sl-availability-status[data-status="NFI"] { border-color: rgba(240,181,93,.36); color: #f0c47d; background: rgba(215,143,45,.09); }
.sl-availability-status[data-status="SUSPENDED"] { border-color: rgba(242,102,102,.4); color: #ff9999; background: rgba(212,56,56,.1); }
.sl-availability-status[data-status="PRACTICE_SQUAD"] { border-color: rgba(var(--sl-accent-rgb),.42); color: var(--sl-accent); background: rgba(var(--sl-accent-rgb),.09); }
.sl-activation-layout,.sl-correction-console,.sl-commissioner-availability { display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,.8fr); gap: 16px; }
.sl-activation-layout .sl-player-banner { margin-bottom: 18px; }
.sl-activation-layout .sl-player-banner strong,.sl-activation-layout .sl-player-banner div > span { display: block; }
.sl-activation-layout .sl-player-banner div > span { margin-top: 5px; color: #75828e; font: 500 8px/1.4 JetBrains,monospace; overflow-wrap: anywhere; }
.sl-activation-layout .sl-field,.sl-correction-console .sl-field { margin-bottom: 17px; }
.sl-source-diff { display: grid; gap: 1px; margin: 18px 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 13px; background: var(--sl-line); }
.sl-source-diff div { display: grid; grid-template-columns: minmax(120px,.35fr) minmax(0,1fr); gap: 12px; padding: 11px 13px; background: rgba(5,10,15,.94); }
.sl-source-diff dt { color: #77838f; font: 500 8px/1.4 JetBrains,monospace; text-transform: uppercase; }
.sl-source-diff dd { margin: 0; color: #d5dde5; font-size: 9px; line-height: 1.4; overflow-wrap: anywhere; }
.sl-source-inbox { overflow: hidden; border: 1px solid rgba(var(--sl-accent-rgb),.25); border-radius: 21px; background: linear-gradient(150deg,rgba(var(--sl-accent-rgb),.07),rgba(7,11,16,.96) 46%); }
.sl-source-inbox > header { display: grid; grid-template-columns: minmax(0,1fr) 240px; gap: 24px; align-items: end; padding: 25px; border-bottom: 1px solid var(--sl-line); }
.sl-source-inbox h2 { margin: 8px 0; color: #fff; font-size: clamp(24px,3vw,38px); }
.sl-source-inbox p { max-width: 760px; margin: 0; color: #8794a1; line-height: 1.55; }
.sl-revision-list { display: grid; }
.sl-revision-list > article { display: grid; grid-template-columns: 150px minmax(0,1fr) 130px 90px; gap: 14px; align-items: center; min-height: 74px; padding: 12px 20px; border-top: 1px solid rgba(255,255,255,.055); }
.sl-revision-list > article:first-child { border-top: 0; }
.sl-revision-list strong,.sl-revision-list small { display: block; }
.sl-revision-list strong { color: #e7edf2; font-size: 11px; }
.sl-revision-list small { margin-top: 5px; color: #687581; font: 500 7px/1.4 JetBrains,monospace; overflow-wrap: anywhere; }
.sl-revision-list b { color: #9da9b5; font: 500 8px/1.3 JetBrains,monospace; text-transform: uppercase; }
.sl-revision-list a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; color: var(--sl-accent); font-size: 9px; }
.sl-commissioner-availability { margin-top: 18px; }
.sl-commissioner-availability .sl-card__body > p { color: #95a2af; line-height: 1.6; }

.sl-dynasty-hero,.sl-rookie-clock { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(330px,.75fr); gap: 28px; align-items: center; margin-bottom: 18px; padding: 28px; overflow: hidden; border: 1px solid rgba(var(--sl-accent-rgb),.3); border-radius: 22px; background: radial-gradient(circle at 88% 12%,rgba(var(--sl-accent-rgb),.2),transparent 35%),linear-gradient(135deg,#101925,#060a0f 68%); }
.sl-dynasty-hero h2,.sl-rookie-clock h2 { margin: 8px 0; color: #fff; font-size: clamp(28px,4vw,48px); letter-spacing: -.045em; }
.sl-dynasty-hero p,.sl-rookie-clock p { max-width: 720px; margin: 0; color: #98a4b0; line-height: 1.65; }
.sl-dynasty-hero dl,.sl-rookie-clock dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 15px; background: var(--sl-line); }
.sl-dynasty-hero dl div,.sl-rookie-clock dl div { min-width: 0; padding: 14px; background: rgba(4,9,14,.94); }
.sl-dynasty-hero dt,.sl-rookie-clock dt { color: #74818e; font: 500 8px/1.35 JetBrains,monospace; text-transform: uppercase; }
.sl-dynasty-hero dd,.sl-rookie-clock dd { margin: 7px 0 0; color: #e8eef4; font-size: 10px; overflow-wrap: anywhere; }
.sl-rookie-pool { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.sl-rookie-pool article { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; min-height: 66px; padding: 11px 13px; border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(4,8,12,.58); }
.sl-rookie-pool article[data-rookie-pool-status="excluded"] { opacity: .64; }
.sl-rookie-pool strong,.sl-rookie-pool small { display: block; }
.sl-rookie-pool strong { color: #e8edf2; font-size: 11px; }
.sl-rookie-pool small { margin-top: 5px; color: #75818d; font-size: 8px; }
.sl-rookie-pool b { color: var(--sl-good); font: 600 8px/1 JetBrains,monospace; }
.sl-rookie-pool [data-rookie-pool-status="excluded"] b { color: var(--sl-warn); }
.sl-rookie-draft-layout { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(350px,.88fr); gap: 16px; }
.sl-pick-custody { display: grid; grid-template-columns: 30px minmax(0,1fr) auto; gap: 11px; align-items: center; min-height: 55px; padding: 9px 10px; border: 1px solid transparent; border-radius: 11px; background: rgba(255,255,255,.025); }
.sl-pick-custody.is-on-clock { border-color: rgba(var(--sl-accent-rgb),.5); background: rgba(var(--sl-accent-rgb),.1); box-shadow: inset 3px 0 var(--sl-accent); }
.sl-pick-custody > span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; color: #fff; background: #15202b; font: 600 9px/1 JetBrains,monospace; }
.sl-pick-custody strong,.sl-pick-custody small { display: block; }
.sl-pick-custody strong { color: #e9eef3; font-size: 10px; }
.sl-pick-custody small { margin-top: 4px; color: #6f7c88; font-size: 7px; overflow-wrap: anywhere; }
.sl-pick-custody b { color: var(--sl-accent); font: 600 8px/1 JetBrains,monospace; }
.sl-pick-ledger,.sl-contract-board { overflow: hidden; border: 1px solid rgba(var(--sl-accent-rgb),.27); border-radius: 21px; background: linear-gradient(145deg,rgba(var(--sl-accent-rgb),.07),rgba(5,9,13,.96) 45%); }
.sl-pick-ledger > header,.sl-contract-board > header { display: grid; grid-template-columns: minmax(0,1fr) 230px; gap: 24px; align-items: end; padding: 25px; border-bottom: 1px solid var(--sl-line); }
.sl-pick-ledger h2,.sl-contract-board h2 { margin: 8px 0; color: #fff; font-size: clamp(25px,3vw,40px); }
.sl-pick-ledger p,.sl-contract-board p { max-width: 760px; margin: 0; color: #8794a0; line-height: 1.55; }
.sl-pick-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--sl-line); }
.sl-pick-grid article { min-width: 0; padding: 17px; background: rgba(5,9,14,.98); }
.sl-pick-grid span,.sl-pick-grid strong,.sl-pick-grid small,.sl-pick-grid code { display: block; }
.sl-pick-grid span { color: var(--sl-accent); font: 600 8px/1 JetBrains,monospace; }
.sl-pick-grid strong { margin-top: 12px; color: #fff; font-size: 18px; text-transform: capitalize; }
.sl-pick-grid small { margin-top: 6px; color: #8793a0; font-size: 8px; }
.sl-pick-grid code { margin-top: 13px; color: #64717e; font-size: 7px; overflow-wrap: anywhere; }
.sl-dynasty-trade,.sl-taxi-layout,.sl-dynasty-correction { display: grid; grid-template-columns: minmax(0,1fr) minmax(350px,.82fr); gap: 16px; }
.sl-trade-sides { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 18px 0; }
.sl-trade-sides > div { min-width: 0; padding: 15px; border: 1px solid rgba(255,255,255,.07); border-radius: 12px; background: rgba(3,7,11,.45); }
.sl-trade-sides span,.sl-trade-sides strong,.sl-trade-sides small { display: block; }
.sl-trade-sides span { color: #788591; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-trade-sides strong { margin-top: 10px; color: #edf2f6; font-size: 10px; }
.sl-trade-sides small { margin-top: 7px; color: var(--sl-accent); font-size: 7px; overflow-wrap: anywhere; }
.sl-taxi-rule-strip { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; margin: 18px 0; overflow: hidden; border: 1px solid var(--sl-line); border-radius: 13px; background: var(--sl-line); }
.sl-taxi-rule-strip > div { padding: 13px; background: rgba(5,10,15,.95); }
.sl-taxi-rule-strip span,.sl-taxi-rule-strip strong { display: block; }
.sl-taxi-rule-strip span { color: #74808c; font-size: 8px; }
.sl-taxi-rule-strip strong { margin-top: 7px; color: #e5ebf1; font-size: 10px; }
.sl-contract-list { display: grid; }
.sl-contract-list > article { display: grid; grid-template-columns: minmax(170px,.8fr) minmax(0,1.2fr) 150px; gap: 18px; align-items: center; min-height: 82px; padding: 13px 22px; border-top: 1px solid rgba(255,255,255,.055); }
.sl-contract-list > article:first-child { border-top: 0; }
.sl-contract-list > article > div { display: flex; align-items: center; gap: 12px; }
.sl-contract-list > article dl { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 0; }
.sl-contract-list dt { color: #71808c; font: 500 8px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-contract-list dd { margin: 6px 0 0; color: #e1e8ee; font-size: 10px; }
.sl-contract-list > article > b { color: var(--sl-good); font: 600 8px/1.3 JetBrains,monospace; text-align: right; overflow-wrap: anywhere; }
.sl-contract-list [data-contract-status="rejected"] > b { color: var(--sl-warn); }
.sl-contract-board > footer { display: flex; gap: 9px; flex-wrap: wrap; padding: 18px 22px; border-top: 1px solid var(--sl-line); }

.sl-idp-settings,
.sl-idp-score-lab,
.sl-idp-waiver,
.sl-idp-history > header {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr);
  gap: 18px;
}
.sl-idp-settings {
  overflow: hidden;
  border: 1px solid rgba(255,183,52,.2);
  border-radius: 22px;
  background: linear-gradient(125deg,rgba(255,183,52,.08),rgba(9,14,20,.94) 44%);
}
.sl-idp-settings > article { padding: 27px; }
.sl-idp-settings > article h2,
.sl-idp-lineup > header h2,
.sl-idp-matchup > header h2,
.sl-idp-rankings > header h2,
.sl-idp-waiver h2,
.sl-idp-history > header h2 { margin: 7px 0; color: #f4f7f9; font-size: clamp(20px,2.6vw,31px); letter-spacing: -.025em; }
.sl-idp-settings > article p,
.sl-idp-lineup > header p,
.sl-idp-matchup > header p,
.sl-idp-rankings > header p,
.sl-idp-waiver p,
.sl-idp-history > header p { max-width: 720px; color: #8d99a5; line-height: 1.55; }
.sl-idp-settings .sl-domain-receipt { margin: 14px; }
.sl-idp-role-map { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 9px; }
.sl-idp-role-map article {
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--sl-line);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.sl-idp-role-map span { display: block; color: var(--sl-accent); font: 700 14px/1 JetBrains,monospace; }
.sl-idp-role-map strong { display: block; margin-top: 12px; color: #eef3f7; font-size: 13px; }
.sl-idp-role-map small { display: block; margin-top: 6px; color: #727e89; }

.sl-idp-score-lab > article { min-width: 0; }
.sl-idp-component-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 18px; }
.sl-idp-component-grid > div {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 6px 14px;
  padding: 13px;
  border: 1px solid var(--sl-line);
  border-radius: 11px;
  background: rgba(0,0,0,.18);
}
.sl-idp-component-grid span { grid-column: 1/-1; color: #7d8995; font-size: 10px; text-transform: uppercase; }
.sl-idp-component-grid strong { color: #cbd3da; font-size: 12px; }
.sl-idp-component-grid b { color: var(--sl-accent); font: 700 13px/1 JetBrains,monospace; }

.sl-idp-lineup,
.sl-idp-matchup,
.sl-idp-rankings,
.sl-idp-profile,
.sl-idp-history {
  overflow: hidden;
  border: 1px solid var(--sl-line);
  border-radius: 22px;
  background: rgba(7,11,16,.9);
}
.sl-idp-lineup > header,
.sl-idp-matchup > header,
.sl-idp-rankings > header,
.sl-idp-profile > header,
.sl-idp-history > header {
  align-items: end;
  padding: 25px;
  border-bottom: 1px solid var(--sl-line);
}
.sl-idp-lineup > header,
.sl-idp-matchup > header,
.sl-idp-rankings > header,
.sl-idp-profile > header { display: flex; justify-content: space-between; gap: 28px; }
.sl-idp-lineup > header .sl-field,
.sl-idp-matchup > header .sl-field,
.sl-idp-rankings > header .sl-field,
.sl-idp-profile > header .sl-field { flex: 0 0 min(330px,42%); }
.sl-idp-slot-board { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; padding: 18px; }
.sl-idp-slot-board article { padding: 18px 14px; border: 1px solid rgba(255,255,255,.08); border-radius: 14px; background: linear-gradient(180deg,rgba(255,183,52,.055),rgba(255,255,255,.018)); }
.sl-idp-slot-board span,
.sl-idp-ranking-table article > b { color: var(--sl-accent); font: 700 10px/1 JetBrains,monospace; }
.sl-idp-slot-board strong { display: block; margin: 18px 0 7px; color: #f2f5f7; }
.sl-idp-slot-board small { color: #78848f; line-height: 1.45; }
.sl-idp-lineup > footer,
.sl-idp-matchup > footer { margin: 0 18px 18px; }

.sl-idp-matchup-score { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 18px; align-items: center; padding: 25px; }
.sl-idp-matchup-action { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 15px 18px; border: 1px solid rgba(255,183,52,.18); border-radius: 14px; background: rgba(255,183,52,.035); }
.sl-idp-matchup-action strong { display: block; margin-top: 5px; color: #dbe2e7; }
.sl-idp-matchup-score > b { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(255,183,52,.25); border-radius: 50%; color: var(--sl-accent); font: 800 10px/1 JetBrains,monospace; }
.sl-idp-matchup-score > article { padding: 21px; border: 1px solid var(--sl-line); border-radius: 16px; background: rgba(255,255,255,.025); }
.sl-idp-matchup-score > article > span { color: #9aa5af; }
.sl-idp-matchup-score > article > strong { display: block; margin: 10px 0 18px; color: #fff; font: 700 40px/1 Graduate,sans-serif; }
.sl-idp-matchup-score dl,
.sl-idp-profile-grid dl { margin: 0; }
.sl-idp-matchup-score dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--sl-line); }
.sl-idp-matchup-score dt { color: #78848f; }
.sl-idp-matchup-score dd { margin: 0; color: #d8e0e6; font-weight: 700; }

.sl-idp-ranking-table { padding: 12px 22px; }
.sl-idp-ranking-table article { display: grid; grid-template-columns: 34px 66px minmax(0,1fr) auto; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--sl-line); }
.sl-idp-ranking-table article:last-child { border-bottom: 0; }
.sl-idp-ranking-table article div { min-width: 0; }
.sl-idp-ranking-table strong,
.sl-idp-ranking-table small { display: block; }
.sl-idp-ranking-table strong { color: #edf2f5; }
.sl-idp-ranking-table small { margin-top: 4px; color: #76828d; }
.sl-idp-ranking-table em { color: #fff; font: normal 700 18px/1 JetBrains,monospace; }
.sl-idp-rankings > footer { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; padding: 15px 22px; border-top: 1px solid var(--sl-line); color: #7f8b96; }
.sl-idp-rankings > footer strong { color: var(--sl-accent); }
.sl-idp-rankings > footer code { margin-left: auto; color: #697782; }

.sl-idp-profile-grid,
.sl-idp-correction-flow { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 18px; }
.sl-idp-profile .sl-profile__identity { display: flex; align-items: center; gap: 16px; }
.sl-idp-profile .sl-profile__avatar { flex: 0 0 auto; }
.sl-idp-profile-grid .sl-team-line { grid-template-columns: 46px minmax(0,1fr) auto; }
.sl-idp-waiver > article,
.sl-idp-waiver > aside { padding: 25px; }
.sl-idp-waiver > aside { margin: 13px; }
.sl-idp-history > header { grid-template-columns: minmax(0,1fr) minmax(260px,.45fr); }
.sl-idp-history .sl-dependency-chain { max-height: 320px; overflow: auto; }

.sl-format-settings,
.sl-format-lineup,
.sl-format-matchup,
.sl-format-comparison,
.sl-format-rankings,
.sl-format-projections,
.sl-format-standings,
.sl-format-history,
.sl-format-data-health {
  overflow: hidden;
  border: 1px solid rgba(255,183,52,.18);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(255,183,52,.045),rgba(6,10,15,.95) 45%);
}
.sl-format-settings > header,
.sl-format-lineup > header,
.sl-format-matchup > header,
.sl-format-comparison > header,
.sl-format-rankings > header,
.sl-format-standings > header,
.sl-format-history > header,
.sl-format-data-health > header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  padding: 25px;
  border-bottom: 1px solid var(--sl-line);
}
.sl-format-settings h2,
.sl-format-lineup h2,
.sl-format-matchup h2,
.sl-format-comparison h2,
.sl-format-rankings h2,
.sl-format-projections h2,
.sl-format-standings h2,
.sl-format-history h2,
.sl-format-data-health h2,
.sl-format-governance h2,
.sl-format-onboarding h2,
.sl-format-market h2 {
  margin: 7px 0;
  color: #f3f6f8;
  font-size: clamp(20px,2.5vw,30px);
  letter-spacing: -.025em;
}
.sl-format-settings p,
.sl-format-lineup p,
.sl-format-matchup p,
.sl-format-projections p,
.sl-format-data-health p,
.sl-format-governance p,
.sl-format-onboarding p,
.sl-format-market p { color: #8d99a5; line-height: 1.55; }
.sl-format-controls {
  display: grid;
  grid-template-columns: repeat(3,minmax(150px,1fr));
  gap: 12px;
  width: min(100%,680px);
}
.sl-format-settings > header .sl-format-controls { flex: 1 1 620px; }
.sl-format-settings > .sl-format-controls { width: auto; margin: 20px 20px 0; }
.sl-format-controls .sl-toggle { align-self: end; min-height: 44px; }
.sl-format-version {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  gap: 7px 16px;
  flex: 0 0 min(340px,38%);
  padding: 17px;
  border: 1px solid rgba(255,183,52,.18);
  border-radius: 14px;
  background: rgba(0,0,0,.2);
}
.sl-format-version span { color: #77838e; font-size: 10px; text-transform: uppercase; }
.sl-format-version strong { justify-self: end; color: #fff; }
.sl-format-version code { grid-column: 1/-1; color: var(--sl-accent); overflow-wrap: anywhere; }
.sl-format-rule-grid,
.sl-format-health-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
}
.sl-format-settings > .sl-format-rule-grid { margin: 13px 20px 20px; }
.sl-format-rule-grid > div,
.sl-format-rule-grid > article,
.sl-format-health-grid > article {
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--sl-line);
  border-radius: 13px;
  background: rgba(255,255,255,.025);
}
.sl-format-rule-grid span,
.sl-format-rule-grid strong,
.sl-format-health-grid span,
.sl-format-health-grid strong,
.sl-format-health-grid small { display: block; }
.sl-format-rule-grid span,
.sl-format-health-grid span { color: #77838e; font-size: 10px; text-transform: uppercase; }
.sl-format-rule-grid strong,
.sl-format-health-grid strong { margin-top: 9px; color: #edf2f6; font: 700 16px/1.2 JetBrains,monospace; }
.sl-format-health-grid small { margin-top: 7px; color: var(--sl-accent); font-size: 11px; }
.sl-format-governance,
.sl-format-correction-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(350px,.82fr);
  gap: 16px;
}
.sl-format-governance {
  display: block;
  overflow: hidden;
  border: 1px solid rgba(255,183,52,.18);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(255,183,52,.035),rgba(6,10,15,.96) 45%);
}
.sl-format-governance > header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  padding: 25px;
  border-bottom: 1px solid var(--sl-line);
}
.sl-format-governance > header .sl-field { flex: 0 0 min(360px,40%); }
.sl-format-governance > .sl-format-governance-grid { padding: 18px; }
.sl-format-governance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.sl-format-governance-grid > div {
  padding: 13px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 11px;
  background: rgba(0,0,0,.18);
}
.sl-format-governance-grid dt { color: #75818c; font-size: 10px; }
.sl-format-governance-grid dd { margin: 7px 0 0; color: #e8edf1; font-weight: 700; }
.sl-format-dependencies { display: grid; gap: 1px; padding: 0; background: var(--sl-line); }
.sl-format-dependencies > div { min-width: 0; padding: 13px 16px; background: rgba(6,10,15,.98); }
.sl-format-dependencies span,
.sl-format-dependencies strong,
.sl-format-dependencies small { display: block; overflow-wrap: anywhere; }
.sl-format-dependencies span { color: var(--sl-accent); font: 700 9px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-format-dependencies strong { margin-top: 7px; color: #d9e0e6; font-size: 11px; }
.sl-format-dependencies small { margin-top: 5px; color: #687581; font-size: 10px; }
.sl-format-onboarding,
.sl-format-market {
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(320px,.8fr) auto;
  align-items: center;
  gap: 24px;
  padding: 24px;
  border: 1px solid rgba(255,183,52,.18);
  border-radius: 20px;
  background: rgba(255,183,52,.035);
}
.sl-format-onboarding dl,
.sl-format-market dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 0; }
.sl-format-onboarding dt,
.sl-format-market dt { color: #77838f; font-size: 10px; }
.sl-format-onboarding dd,
.sl-format-market dd { margin: 6px 0 0; color: #f0f4f7; font-weight: 700; }
.sl-format-lineup > header > div:last-child { display: grid; grid-template-columns: repeat(2,minmax(180px,1fr)); gap: 12px; min-width: min(100%,470px); }
.sl-format-slot-grid {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 9px;
  padding: 18px;
}
.sl-format-slot-grid article { min-width: 0; padding: 16px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(255,255,255,.025); }
.sl-format-slot-grid span,
.sl-format-slot-grid b,
.sl-format-slot-grid strong,
.sl-format-slot-grid small { display: block; overflow-wrap: anywhere; }
.sl-format-slot-grid span { color: var(--sl-accent); font: 700 9px/1 JetBrains,monospace; }
.sl-format-slot-grid b { margin-top: 12px; color: #77838e; font-size: 10px; }
.sl-format-slot-grid strong { margin-top: 7px; color: #f0f4f7; text-transform: capitalize; }
.sl-format-slot-grid small { margin-top: 7px; color: #6f7b87; font-size: 10px; }
.sl-format-lineup > footer { margin: 0 18px 18px; }
.sl-format-matchup > header .sl-field,
.sl-format-history > header .sl-field { flex: 0 0 min(340px,40%); }
.sl-format-scoreboard { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 18px; align-items: center; padding: 22px; }
.sl-format-scoreboard > article { padding: 21px; border: 1px solid var(--sl-line); border-radius: 15px; background: rgba(255,255,255,.025); }
.sl-format-scoreboard span,
.sl-format-scoreboard strong,
.sl-format-scoreboard small { display: block; }
.sl-format-scoreboard span { color: #7c8893; }
.sl-format-scoreboard strong { margin: 10px 0; color: #fff; font: 700 clamp(28px,4vw,42px)/1 Graduate,sans-serif; }
.sl-format-scoreboard small { color: #6e7b86; }
.sl-format-scoreboard > b { color: var(--sl-accent); }
.sl-format-live-gap { margin: 0 22px 22px; padding: 13px 15px; border-left: 3px solid var(--sl-warn); background: rgba(255,183,52,.04); }
.sl-format-comparison > header { align-items: start; }
.sl-format-score-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--sl-line); }
.sl-format-score-cards article { min-width: 0; padding: 22px; background: rgba(6,10,15,.98); }
.sl-format-score-cards span,
.sl-format-score-cards strong,
.sl-format-score-cards small,
.sl-format-score-cards code { display: block; overflow-wrap: anywhere; }
.sl-format-score-cards span { color: #8a96a1; font-size: 11px; }
.sl-format-score-cards strong { margin-top: 18px; color: var(--sl-accent); font: 700 34px/1 Graduate,sans-serif; }
.sl-format-score-cards small { margin-top: 11px; color: #84909b; }
.sl-format-score-cards code { margin-top: 15px; color: #61707c; font-size: 9px; }
.sl-format-comparison > footer { display: flex; gap: 13px; align-items: center; padding: 16px 22px; color: #77848f; }
.sl-format-comparison > footer strong { margin-right: 18px; color: #eef2f5; }
.sl-format-rankings > article { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 14px; padding: 15px 22px; border-bottom: 1px solid var(--sl-line); }
.sl-format-rankings > article > b { color: var(--sl-accent); }
.sl-format-rankings > article strong,
.sl-format-rankings > article small { display: block; }
.sl-format-rankings > article small { margin-top: 5px; color: #687581; overflow-wrap: anywhere; }
.sl-format-rankings > article em { color: #fff; font: normal 700 21px/1 JetBrains,monospace; }
.sl-format-rankings > footer { padding: 15px 22px; color: #75818c; }
.sl-format-projections { display: grid; grid-template-columns: minmax(0,1fr) 220px; gap: 28px; align-items: center; padding: 28px; }
.sl-format-projections aside { display: grid; justify-items: center; padding: 23px; border: 1px dashed rgba(255,183,52,.3); border-radius: 17px; }
.sl-format-projections aside strong { color: var(--sl-accent); font: 700 48px/1 Graduate,sans-serif; }
.sl-format-projections aside span,
.sl-format-projections aside small { margin-top: 8px; color: #7a8792; text-align: center; }
.sl-format-standings > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 20px; }
.sl-format-standings article { padding: 18px; border: 1px solid var(--sl-line); border-radius: 14px; background: rgba(255,255,255,.025); }
.sl-format-standings span,
.sl-format-standings strong,
.sl-format-standings small { display: block; }
.sl-format-standings span { color: #77838f; font-size: 10px; }
.sl-format-standings strong { margin-top: 14px; color: #f2f5f7; overflow-wrap: anywhere; }
.sl-format-standings small { margin-top: 8px; color: var(--sl-accent); }
.sl-format-history .sl-format-correction-grid { padding: 18px; }
.sl-format-data-health .sl-format-health-grid { padding: 20px; }
.sl-format-data-health > p { margin: 0 20px 20px; padding: 14px; border: 1px solid var(--sl-line); border-radius: 12px; }

.sl-usage-log,
.sl-usage-splits,
.sl-usage-rankings,
.sl-usage-matchup,
.sl-usage-correction,
.sl-usage-health {
  overflow: hidden;
  border: 1px solid rgba(255,183,52,.2);
  border-radius: 22px;
  background: linear-gradient(145deg,rgba(255,183,52,.04),rgba(6,10,15,.96) 42%);
}
.sl-usage-log > header,
.sl-usage-splits > header,
.sl-usage-rankings > header,
.sl-usage-matchup > header,
.sl-usage-correction > header,
.sl-usage-health > header {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  padding: 25px;
  border-bottom: 1px solid var(--sl-line);
}
.sl-usage-log > header > div,
.sl-usage-splits > header > div,
.sl-usage-rankings > header > div,
.sl-usage-matchup > header > div,
.sl-usage-correction > header > div { max-width: 760px; }
.sl-usage-log h2,
.sl-usage-splits h2,
.sl-usage-rankings h2,
.sl-usage-projection h2,
.sl-usage-waiver h2,
.sl-usage-matchup h2,
.sl-usage-correction h2,
.sl-usage-health h2 { margin: 7px 0; color: #f3f6f8; font-size: clamp(20px,2.5vw,30px); letter-spacing: -.025em; }
.sl-usage-log p,
.sl-usage-splits p,
.sl-usage-rankings p,
.sl-usage-projection p,
.sl-usage-waiver p,
.sl-usage-matchup p,
.sl-usage-correction p { color: #8b98a4; line-height: 1.55; }
.sl-usage-log > header .sl-field,
.sl-usage-splits > header .sl-field,
.sl-usage-rankings > header .sl-field,
.sl-usage-matchup > header .sl-field,
.sl-usage-correction > header .sl-field { flex: 0 0 min(360px,40%); }
.sl-usage-boundary {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 13px 20px;
  border-bottom: 1px solid rgba(255,183,52,.16);
  background: rgba(255,183,52,.035);
}
.sl-usage-boundary strong { color: #edf2f6; }
.sl-usage-boundary span { color: #84919d; font-size: 12px; }
.sl-usage-boundary b { color: var(--sl-good); font: 700 10px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-usage-game-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 18px; }
.sl-usage-game-grid > article { min-width: 0; padding: 19px; border: 1px solid var(--sl-line); border-radius: 15px; background: rgba(255,255,255,.025); }
.sl-usage-game-grid > article > span { color: var(--sl-accent); font: 700 9px/1 JetBrains,monospace; text-transform: uppercase; }
.sl-usage-game-grid h3 { margin: 12px 0 18px; color: #f1f5f7; }
.sl-usage-game-grid > article > div { display: inline-grid; gap: 5px; min-width: 46%; margin-bottom: 16px; }
.sl-usage-game-grid > article > div strong { color: #fff; font: 700 26px/1 Graduate,sans-serif; }
.sl-usage-game-grid > article > div small { color: #74818d; }
.sl-usage-game-grid dl { display: grid; gap: 1px; margin: 0 0 15px; background: var(--sl-line); }
.sl-usage-game-grid dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 9px 10px; background: rgba(5,9,14,.98); }
.sl-usage-game-grid dt { color: #707d88; }
.sl-usage-game-grid dd { margin: 0; color: #cfd7dd; text-align: right; }
.sl-usage-game-grid code { display: block; color: #5f6d79; font-size: 9px; overflow-wrap: anywhere; }
.sl-usage-game-grid ul { padding-left: 18px; color: var(--sl-warn); }
.sl-usage-log > footer { margin: 0 18px 18px; }
.sl-usage-split-summary { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; background: var(--sl-line); }
.sl-usage-split-summary article { padding: 22px; background: rgba(6,10,15,.98); }
.sl-usage-split-summary span,
.sl-usage-split-summary strong,
.sl-usage-split-summary small { display: block; }
.sl-usage-split-summary span { color: #7c8995; font-size: 10px; text-transform: uppercase; }
.sl-usage-split-summary strong { margin-top: 15px; color: var(--sl-accent); font: 700 30px/1 Graduate,sans-serif; }
.sl-usage-split-summary small { margin-top: 8px; color: #687682; }
.sl-usage-week-list { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 18px; }
.sl-usage-week-list article { padding: 16px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(255,255,255,.02); }
.sl-usage-week-list span,
.sl-usage-week-list strong,
.sl-usage-week-list small { display: block; }
.sl-usage-week-list span { color: var(--sl-accent); font: 700 9px/1 JetBrains,monospace; }
.sl-usage-week-list strong { margin-top: 12px; color: #e8edf1; }
.sl-usage-week-list small { margin-top: 7px; color: #77848f; }
.sl-usage-split-receipts { display: grid; gap: 8px; margin: 0 18px 18px; padding: 18px 20px; border: 1px solid rgba(250,204,21,.28); border-radius: 15px; background: rgba(250,204,21,.045); }
.sl-usage-split-receipts h3 { margin: 0 0 4px; }
.sl-usage-split-receipts code { color: #788691; overflow-wrap: anywhere; }
.sl-usage-split-receipts small { color: #77848f; }
.sl-usage-splits > footer { display: flex; justify-content: space-between; gap: 20px; padding: 15px 20px; border-top: 1px solid var(--sl-line); color: #77848f; }
.sl-usage-splits > footer code { color: #64727e; overflow-wrap: anywhere; }
.sl-usage-ranking-table { padding: 12px 22px; }
.sl-usage-ranking-table article { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 14px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--sl-line); }
.sl-usage-ranking-table article:last-child { border-bottom: 0; }
.sl-usage-ranking-table b { color: var(--sl-accent); font-family: JetBrains,monospace; }
.sl-usage-ranking-table strong,
.sl-usage-ranking-table small { display: block; }
.sl-usage-ranking-table strong { color: #edf2f5; }
.sl-usage-ranking-table small { margin-top: 5px; color: #6f7c88; }
.sl-usage-ranking-table em { color: #fff; font: normal 700 23px/1 JetBrains,monospace; }
.sl-usage-rankings > footer { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 8px 18px; padding: 17px 22px; border-top: 1px solid var(--sl-line); color: #7a8792; }
.sl-usage-rankings > footer strong { color: var(--sl-warn); }
.sl-usage-rankings > footer code { grid-column: 1/-1; color: #60707c; overflow-wrap: anywhere; }
.sl-usage-projection { display: grid; grid-template-columns: minmax(0,1fr) 250px; gap: 30px; align-items: center; padding: 28px; border: 1px solid rgba(255,183,52,.2); border-radius: 22px; background: radial-gradient(circle at 90% 45%,rgba(255,183,52,.07),transparent 17rem),rgba(6,10,15,.95); }
.sl-usage-projection aside { display: grid; justify-items: center; padding: 25px; border: 1px dashed rgba(255,183,52,.3); border-radius: 17px; }
.sl-usage-projection aside strong { color: var(--sl-accent); font: 700 54px/1 Graduate,sans-serif; }
.sl-usage-projection aside span,
.sl-usage-projection aside small { margin-top: 8px; color: #7c8994; text-align: center; }
.sl-usage-claim-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin-top: 18px; }
.sl-usage-claim-grid span { display: flex; justify-content: space-between; gap: 10px; padding: 11px 13px; border: 1px solid var(--sl-line); border-radius: 11px; color: #8996a1; }
.sl-usage-claim-grid b { color: var(--sl-warn); }
.sl-usage-waiver { display: grid; grid-template-columns: minmax(0,1fr) minmax(320px,.8fr) minmax(220px,.5fr); align-items: center; gap: 24px; padding: 25px; border: 1px solid rgba(255,183,52,.2); border-radius: 22px; background: rgba(255,183,52,.03); }
.sl-usage-waiver dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 0; }
.sl-usage-waiver dt { color: #77848f; font-size: 10px; }
.sl-usage-waiver dd { margin: 6px 0 0; color: #ecf1f4; font-weight: 700; overflow-wrap: anywhere; }
.sl-usage-matchup > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; padding: 20px; }
.sl-usage-matchup > div article { padding: 20px; border: 1px solid var(--sl-line); border-radius: 14px; background: rgba(255,255,255,.025); }
.sl-usage-matchup > div span,
.sl-usage-matchup > div strong,
.sl-usage-matchup > div small { display: block; }
.sl-usage-matchup > div span { color: #788591; font-size: 10px; text-transform: uppercase; }
.sl-usage-matchup > div strong { margin-top: 14px; color: #fff; font: 700 34px/1 Graduate,sans-serif; }
.sl-usage-matchup > div small { margin-top: 8px; color: #74818c; }
.sl-usage-matchup > footer { display: flex; gap: 16px; align-items: center; padding: 16px 20px; border-top: 1px solid var(--sl-line); color: #798691; }
.sl-usage-matchup > footer strong { color: var(--sl-good); }
.sl-usage-matchup > footer code { margin-left: auto; color: #62717d; overflow-wrap: anywhere; }
.sl-usage-correction-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(380px,1.18fr); gap: 16px; padding: 18px; }
.sl-usage-dependencies { display: grid; gap: 1px; padding: 0; background: var(--sl-line); }
.sl-usage-dependencies > div { min-width: 0; padding: 12px 15px; background: rgba(6,10,15,.98); }
.sl-usage-dependencies span,
.sl-usage-dependencies strong,
.sl-usage-dependencies small { display: block; overflow-wrap: anywhere; }
.sl-usage-dependencies span { color: var(--sl-accent); font: 700 9px/1 JetBrains,monospace; }
.sl-usage-dependencies strong { margin-top: 6px; color: #d7dfe5; font-size: 11px; }
.sl-usage-dependencies small { margin-top: 5px; color: #687580; font-size: 10px; }
.sl-usage-correction > .sl-domain-receipt { margin: 18px; }
.sl-usage-health > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; padding: 18px; }
.sl-usage-health article { padding: 17px; border: 1px solid var(--sl-line); border-radius: 13px; background: rgba(255,255,255,.025); }
.sl-usage-health span,
.sl-usage-health strong,
.sl-usage-health small { display: block; }
.sl-usage-health span { color: #76838e; font-size: 10px; text-transform: uppercase; }
.sl-usage-health strong { margin-top: 12px; color: #f2f5f7; font: 700 25px/1 Graduate,sans-serif; }
.sl-usage-health small { margin-top: 8px; color: var(--sl-accent); }

.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); }
@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; }
  .sl-seed-strip { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sl-weekly-lineup { grid-template-columns: repeat(3,minmax(0,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-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-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; }
  .sl-bracket { grid-template-columns: repeat(3,minmax(280px,1fr)); }
  .sl-trade-board { grid-template-columns: 1fr; }
  .sl-trade-board > footer { grid-column: auto; }
  .sl-season-qualification { grid-template-columns: 1fr; }
  .sl-availability-hero { grid-template-columns: 1fr; }
  .sl-activation-layout,.sl-correction-console,.sl-commissioner-availability { grid-template-columns: 1fr; }
  .sl-dynasty-hero,.sl-rookie-clock,.sl-rookie-draft-layout,.sl-dynasty-trade,.sl-taxi-layout,.sl-dynasty-correction { grid-template-columns: 1fr; }
  .sl-pick-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-idp-settings,.sl-idp-score-lab,.sl-idp-waiver,.sl-idp-history > header { grid-template-columns: 1fr; }
  .sl-idp-role-map { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sl-idp-lineup > header,.sl-idp-matchup > header,.sl-idp-rankings > header,.sl-idp-profile > header { align-items: stretch; flex-direction: column; }
  .sl-idp-lineup > header .sl-field,.sl-idp-matchup > header .sl-field,.sl-idp-rankings > header .sl-field,.sl-idp-profile > header .sl-field { flex-basis: auto; max-width: none; }
  .sl-idp-slot-board { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sl-format-settings > header,.sl-format-lineup > header,.sl-format-matchup > header,.sl-format-comparison > header,.sl-format-history > header { align-items: stretch; flex-direction: column; }
  .sl-format-settings > header .sl-format-controls,.sl-format-matchup > header .sl-field,.sl-format-history > header .sl-field { flex: 0 0 auto; width: 100%; }
  .sl-format-governance > header { align-items: stretch; flex-direction: column; }
  .sl-format-governance > header .sl-field { flex: 0 0 auto; width: 100%; }
  .sl-format-correction-grid,.sl-format-onboarding,.sl-format-market { grid-template-columns: 1fr; }
  .sl-format-onboarding > .sl-button { justify-self: start; }
  .sl-format-slot-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sl-format-score-cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-usage-log > header,.sl-usage-splits > header,.sl-usage-rankings > header,.sl-usage-matchup > header,.sl-usage-correction > header { align-items: stretch; flex-direction: column; }
  .sl-usage-log > header .sl-field,.sl-usage-splits > header .sl-field,.sl-usage-rankings > header .sl-field,.sl-usage-matchup > header .sl-field,.sl-usage-correction > header .sl-field { flex: 0 0 auto; width: 100%; }
  .sl-usage-game-grid,.sl-usage-week-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-usage-split-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-usage-waiver,.sl-usage-correction-grid { grid-template-columns: 1fr; }
  .sl-usage-waiver > .sl-field { max-width: 420px; }
}
@media (max-width: 590px) {
  .sl-grid--2, .sl-grid--3, .sl-grid--4 { grid-template-columns: 1fr; }
  .sl-board-toolbar { align-items: stretch; flex-direction: column; }
  .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-card__body .sl-matchup { grid-template-columns: 1fr !important; }
  .sl-matchup-team { min-width: 0; }
  .sl-matchup-team strong { max-width: 100%; overflow-wrap: anywhere; }
  .sl-seed-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sl-bracket { grid-template-columns: repeat(3,minmax(255px,1fr)); margin-inline: -4px; }
  .sl-weekly-lineup,.sl-component-fields,.sl-dependency-chain { grid-template-columns: 1fr; }
  .sl-availability-list { grid-template-columns: 1fr; }
  .sl-availability-player { grid-template-columns: 42px minmax(0,1fr) auto; }
  .sl-availability-player > b { grid-column: 2/-1; text-align: left; }
  .sl-source-inbox > header { grid-template-columns: 1fr; }
  .sl-revision-list > article { grid-template-columns: minmax(0,1fr) auto; }
  .sl-revision-list > article .sl-availability-status { justify-self: start; }
  .sl-revision-list > article a { justify-content: start; }
  .sl-dynasty-hero,.sl-rookie-clock { padding: 20px 17px; }
  .sl-dynasty-hero dl,.sl-rookie-clock dl,.sl-rookie-pool,.sl-pick-grid,.sl-trade-sides,.sl-taxi-rule-strip { grid-template-columns: 1fr; }
  .sl-pick-ledger > header,.sl-contract-board > header { grid-template-columns: 1fr; padding: 20px 17px; }
  .sl-contract-list > article { grid-template-columns: 1fr auto; padding: 15px 17px; }
  .sl-contract-list > article dl { grid-column: 1/-1; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .sl-contract-board > footer { align-items: stretch; flex-direction: column; }
  .sl-idp-role-map,.sl-idp-component-grid,.sl-idp-slot-board,.sl-idp-profile-grid,.sl-idp-correction-flow { grid-template-columns: 1fr; }
  .sl-idp-settings > article,.sl-idp-lineup > header,.sl-idp-matchup > header,.sl-idp-rankings > header,.sl-idp-profile > header,.sl-idp-history > header,.sl-idp-waiver > article,.sl-idp-waiver > aside { padding: 18px; }
  .sl-idp-settings .sl-domain-receipt,.sl-idp-waiver > aside { margin: 0; }
  .sl-idp-matchup-score { grid-template-columns: 1fr; padding: 17px; }
  .sl-idp-matchup-action { align-items: stretch; flex-direction: column; }
  .sl-idp-matchup-score > b { width: 100%; height: 34px; border-radius: 9px; }
  .sl-idp-ranking-table article { grid-template-columns: 28px 58px minmax(0,1fr); }
  .sl-idp-ranking-table article em { grid-column: 3; }
  .sl-idp-rankings > footer code { width: 100%; margin-left: 0; overflow-wrap: anywhere; }
  .sl-format-settings > header,.sl-format-lineup > header,.sl-format-matchup > header,.sl-format-comparison > header,.sl-format-rankings > header,.sl-format-standings > header,.sl-format-history > header,.sl-format-data-health > header { padding: 19px 17px; }
  .sl-format-controls,.sl-format-lineup > header > div:last-child,.sl-format-rule-grid,.sl-format-health-grid,.sl-format-governance-grid,.sl-format-score-cards,.sl-format-standings > div { grid-template-columns: 1fr; }
  .sl-format-version { width: 100%; padding: 16px; }
  .sl-format-governance > header { padding: 19px 17px; }
  .sl-format-governance > .sl-format-governance-grid { padding: 14px; }
  .sl-format-slot-grid { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px; }
  .sl-format-scoreboard { grid-template-columns: 1fr; padding: 17px; }
  .sl-format-scoreboard > b { text-align: center; }
  .sl-format-comparison > footer { align-items: start; flex-direction: column; }
  .sl-format-rankings > article { grid-template-columns: 28px minmax(0,1fr); }
  .sl-format-rankings > article em { grid-column: 2; }
  .sl-format-projections { grid-template-columns: 1fr; padding: 19px 17px; }
  .sl-format-projections aside { justify-items: start; }
  .sl-usage-log > header,.sl-usage-splits > header,.sl-usage-rankings > header,.sl-usage-matchup > header,.sl-usage-correction > header,.sl-usage-health > header { padding: 19px 17px; }
  .sl-usage-boundary { grid-template-columns: 1fr; padding: 14px 17px; }
  .sl-usage-game-grid,.sl-usage-week-list,.sl-usage-split-summary,.sl-usage-matchup > div,.sl-usage-health > div { grid-template-columns: 1fr; }
  .sl-usage-game-grid,.sl-usage-week-list,.sl-usage-health > div { padding: 14px; }
  .sl-usage-game-grid > article > div { display: grid; min-width: 0; }
  .sl-usage-splits > footer,.sl-usage-matchup > footer { align-items: start; flex-direction: column; }
  .sl-usage-matchup > footer code { margin-left: 0; }
  .sl-usage-projection { grid-template-columns: 1fr; padding: 20px 17px; }
  .sl-usage-projection aside { justify-items: start; }
  .sl-usage-claim-grid,.sl-usage-waiver dl { grid-template-columns: 1fr; }
  .sl-usage-waiver { padding: 20px 17px; }
  .sl-usage-correction-grid { padding: 14px; }
  .sl-usage-ranking-table article { grid-template-columns: 28px minmax(0,1fr); }
  .sl-usage-ranking-table em { grid-column: 2; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } }