/* Big League UI kit: shared look for the newer pages (My Week, Live, Draft Assistant, Contest, News, Teams).
   Black, warm off-white and one metal: gold. Big Shoulders for display, Barlow Semi Condensed for everything else. */
:root{color-scheme:dark;
  --black:#000;--ink-0:#070605;--surface:#12100c;--raised:#1b1813;--raised-2:#24201a;--line:#2a261c;--line-2:#3a3427;
  --gold:#d9a93a;--gold-hi:#f4d06f;--gold-lo:#9c7420;--ink:#f5f1e6;--ink-2:#d8d2c2;--muted:#9c9483;--faint:#6d675a;
  --green:#6fcf8e;--red:#e2574c;--amber:#e8a33a;--blue:#7fb6e8;
  --metal:linear-gradient(180deg,#f8e19a 0%,#e1b54b 42%,#b98a26 58%,#f0cd6c 100%);
  --display:"Big Shoulders Display",Impact,"Arial Narrow",sans-serif;--body:"Barlow Semi Condensed","Arial Narrow",Arial,sans-serif;
  --r-s:8px;--r-m:12px;--r-l:18px;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--black);color:var(--ink);font:500 17px/1.45 var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}
a{color:var(--gold-hi)}
button,input,select,textarea{font:inherit;color:inherit}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.num{font-variant-numeric:tabular-nums}

/* page header */
.ph{padding:44px 0 26px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 28px;border-bottom:1px solid var(--line);position:relative;isolation:isolate}
.ph::before{content:"";position:absolute;inset:-44px -12vw 0;z-index:-1;pointer-events:none;background:url("art/stadium.svg") center 85%/cover no-repeat;opacity:.45;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent);mask-image:linear-gradient(180deg,#000 30%,transparent)}
/* phones: keep the stadium art inside the screen so the page never scrolls sideways */
@media (max-width:760px){.ph{overflow-x:clip}.ph::before{left:-20px;right:-20px}}
.ph::after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:3px;background:var(--metal);border-radius:2px}
.ph h1{margin:0;font:900 clamp(56px,10vw,120px)/.82 var(--display);text-transform:uppercase;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}
.ph .lede{flex:1 1 320px;margin:0;color:var(--ink-2);font-size:19px;max-width:56ch}
.ph .side{display:flex;gap:10px;flex-wrap:wrap}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:12px 16px;min-width:130px}
.stat b{display:block;font:900 32px/1 var(--display);color:var(--gold-hi)}
.stat span{color:var(--muted);font-size:14px}

/* sections and cards */
.sec{margin-top:40px}
.sec>h2,.h2{font:900 clamp(30px,4.6vw,44px)/1 var(--display);text-transform:uppercase;margin:0 0 14px;color:var(--ink)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:18px 20px}
.card.hi{background:linear-gradient(180deg,#1b1813,#12100c);border-color:var(--line-2)}
.card h3{margin:0 0 8px;font:900 26px/1 var(--display);text-transform:uppercase;color:var(--gold)}
.grid{display:grid;gap:14px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.g2,.g3{grid-template-columns:1fr}}

/* controls */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--raised);border:1px solid var(--line-2);color:var(--ink);border-radius:10px;padding:9px 16px;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--gold)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#000}
.btn.gold:hover{background:var(--gold-hi)}
.btn:disabled{opacity:.5;cursor:default}
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{background:none;border:0;color:var(--muted);font-weight:700;padding:6px 14px;border-radius:999px;cursor:pointer}
.seg button[aria-pressed=true]{background:var(--gold);color:#000}
.inp{background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:10px 12px;min-width:0}
.inp:focus{border-color:var(--gold);outline:none}
.pill{display:inline-block;font-weight:800;font-size:12.5px;padding:2px 8px;border-radius:999px;background:var(--raised-2);color:var(--muted);white-space:nowrap}
.pill.live{background:#3a1714;color:#ff9b91}.pill.live::before{content:"● ";color:var(--red)}
.pill.ok{background:#12301d;color:var(--green)}.pill.warn{background:#3a2d0c;color:var(--gold-hi)}.pill.bad{background:#3a1714;color:#ff9b91}
.pos{display:inline-block;min-width:34px;text-align:center;font:800 12.5px/1 var(--body);padding:4px 6px;border-radius:5px;background:var(--raised-2);color:var(--ink)}
.pos.QB{background:#3b1d2c;color:#ffb3d1}.pos.RB{background:#13301f;color:#8de2ad}.pos.WR{background:#132a3d;color:#9fd0ff}.pos.TE{background:#3a2a10;color:#ffcf7a}.pos.K,.pos.DEF{background:#26222b;color:#c9c0e0}
.muted{color:var(--muted)}.faint{color:var(--faint)}
.empty{border:1px dashed var(--line-2);border-radius:var(--r-l);padding:28px;color:var(--ink-2);text-align:center}
.err{color:#ff9b91}

/* player rows */
.pr{display:grid;grid-template-columns:auto 42px minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.pr:first-child{border-top:0}
.pr .slot{font:800 12.5px var(--body);color:var(--faint);width:38px}
.pr .nm{font-weight:700;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pr .nm:hover{color:var(--gold-hi)}
.pr .sub{grid-column:3;color:var(--muted);font-size:14px;margin-top:-4px}
.pr .pts{grid-row:span 2;text-align:right;font-variant-numeric:tabular-nums}
.pr .pts b{display:block;font:800 20px/1 var(--display)}
.pr .pts small{color:var(--muted);font-size:12.5px}
.pr .blp-ph{grid-row:span 2;width:42px;height:42px}

/* loading */
.skel{position:relative;overflow:hidden;background:var(--raised);border-radius:var(--r-m);min-height:18px}
.skel::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(244,208,111,.07),transparent);animation:skel 1.3s infinite}
@keyframes skel{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.skel::after{animation:none}}

table.t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
table.t th{color:var(--muted);font-size:13px;font-weight:700;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
table.t td{padding:9px 10px;border-bottom:1px solid var(--line)}
table.t .r{text-align:right}
.tw{overflow-x:auto}
footer.f{border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding:20px 0 40px;margin-top:70px}
[hidden]{display:none!important}

html.bl-nba .ph::before{background-image:url("art/court.svg")}