/* THE SWEAT (2026-10-31): the live who-wins board. Shared by /sweat/nfl/ + /sweat/nba/ + /sweat/showdown/ (island pages, noindex, BETA). */
:root{--ink:#120B07;--paper:#EAD9AE;--paper2:#DFC98F;--muted:#A9906B;--whiskey:#D98E2B;--whiskey2:#F2B85B;--neon:#46E5BE;--line:#3A2716;--card:#1E140C;--card2:#150E07;--red:#FF5A5A}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;color:var(--paper);background:radial-gradient(1400px 560px at 50% -8%,#2A1A0E 0%,var(--ink) 58%) var(--ink);font-family:'Barlow Semi Condensed',system-ui,sans-serif;letter-spacing:.01em;overflow-x:hidden}
button,input{font-family:inherit}
button{cursor:pointer}
a{color:var(--neon)}
a:focus-visible,button:focus-visible,input:focus-visible,tr:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.nav{border-bottom:1px solid var(--line);background:rgba(21,14,7,.55)}
.nav-in{max-width:1040px;margin:0 auto;padding:13px 16px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.nav-brand{font-family:'Rye',Georgia,serif;font-size:15px;letter-spacing:.05em;color:var(--paper);text-decoration:none;white-space:nowrap}
.nav-brand span{color:var(--neon)}
.nav-links{display:flex;gap:20px;align-items:baseline}
.nav-links a{font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--paper);text-decoration:none;white-space:nowrap}
.nav-links a:hover{color:var(--neon)}
.nav-acct{display:none}
.nav-links.acct-on .nav-acct{display:inline-block}
.wrap{max-width:900px;margin:0 auto;padding:0 16px 60px}

header{padding:14px 0 4px}
.kicker{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--whiskey2)}
.kicker .beta{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid var(--whiskey);border-radius:6px;font-size:10px}
h1{font-family:'Rye',Georgia,serif;font-weight:400;font-size:clamp(26px,5vw,36px);line-height:1.05;margin-top:4px}
h1 .neon{color:var(--neon);text-shadow:0 0 10px rgba(70,229,190,.9),0 0 30px rgba(70,229,190,.45)}
.h1sub{margin-top:5px;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--neon)}
.status{margin-top:8px;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--paper2);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:6px;vertical-align:1px}
.dot.live{background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.status .fin{color:var(--whiskey2)}
.dot.stale{background:var(--muted)}.status .stale{color:var(--muted)}
.dot.stop{background:var(--red)}.status .stop{color:var(--red)}
.status .est{color:var(--whiskey2);border:1px solid var(--whiskey2);border-radius:3px;padding:1px 6px;font-size:10px}

/* MAIN SLATE | SHOWDOWN (the NFL pages; owner 11/1: "let's just add a showdown tab") */
.modes{display:inline-flex;margin-top:12px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--card2)}
.modes a{padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--paper2);text-decoration:none}
.modes a+a{border-left:1px solid var(--line)}
.modes a[aria-current="page"]{background:var(--neon);color:var(--ink)}
.modes a:not([aria-current]):hover{color:var(--neon)}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.tabs button{border:1px solid var(--line);background:var(--card2);color:var(--paper2);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.1em}
.tabs button.on{border-color:var(--neon);color:var(--neon)}

.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:12px}
.g{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:linear-gradient(180deg,var(--card) 0%,var(--card2) 100%);font-variant-numeric:tabular-nums}
.g .sc{display:flex;justify-content:space-between;font-weight:700;font-size:15px}
.g .sc span.w{color:var(--neon)}
.g .tm{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-top:2px}
.g.post .tm{color:var(--whiskey2)}
.thru{grid-column:1/-1;font-size:13px;line-height:1.4;color:var(--paper2);padding:2px 2px 0}
.thru b{font-size:10.5px;letter-spacing:.16em;color:var(--muted);margin-right:4px}
.thru em{font-style:normal;font-weight:700;color:var(--neon);white-space:nowrap}
td.nm small.cpt{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:var(--whiskey2);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}

section{margin-top:24px}
h2{font-family:'Rye',Georgia,serif;font-weight:400;font-size:20px;letter-spacing:.03em}
h2 small{font-family:'Barlow Semi Condensed',system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--whiskey2);margin-left:8px;vertical-align:3px}
.lead{margin-top:4px;font-size:14px;color:var(--paper2);line-height:1.4}

/* find yourself */
.find{display:flex;gap:8px;margin-top:10px}
.find input{flex:1;min-width:0;background:var(--card2);border:1px solid var(--whiskey);border-radius:10px;color:var(--paper);font-size:16px;font-weight:700;padding:10px 12px;letter-spacing:.03em}
.find input::placeholder{color:var(--muted);font-weight:600}
.find button{border:0;border-radius:10px;background:var(--neon);color:var(--ink);font-weight:700;font-size:14px;letter-spacing:.14em;padding:0 16px}
.find button.clr{background:transparent;border:1px solid var(--whiskey);color:var(--paper2);padding:0 12px}
.find button[hidden]{display:none}
.me{margin-top:10px}
.me .who{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--paper2);margin-bottom:6px}
.me .who b{color:var(--neon);font-size:16px;letter-spacing:.04em}
.me .none{color:var(--muted);font-size:14px;padding:8px 2px}
.ent{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:6px;background:linear-gradient(180deg,var(--card) 0%,var(--card2) 100%)}
.ent .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.ent .tag{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.ent .now{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--paper2);font-variant-numeric:tabular-nums}
.nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.n .k{font-size:9.5px;font-weight:700;letter-spacing:.16em;color:var(--paper2)}
.n .v{font-size:24px;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.n .v.hero{color:var(--neon)}
.n .v.cash{color:var(--whiskey2)}
.spark{display:block;width:100%;height:34px;margin-top:6px}
.sp-c{stroke:var(--whiskey2);stroke-width:1.8;fill:none}
.sp-w{stroke:var(--neon);stroke-width:1.8;fill:none}
.legend{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-top:2px}
.legend i{font-style:normal;color:var(--whiskey2)}
.legend em{font-style:normal;color:var(--neon)}
.more{margin-top:8px;width:100%;border:1px dashed var(--line);background:transparent;color:var(--paper2);border-radius:10px;padding:8px;font-size:12px;font-weight:700;letter-spacing:.14em}

/* who can still win */
.tbl{margin-top:8px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--card) 0%,var(--card2) 100%)}
table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px;white-space:nowrap}
th{background:#241709;color:var(--paper2);font-size:10px;font-weight:700;letter-spacing:.14em;text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}
th.r,td.r{text-align:right;font-variant-numeric:tabular-nums}
td{padding:7px 8px;border-bottom:1px solid rgba(58,39,22,.6);vertical-align:middle}
tr.row{cursor:pointer}
tr.row:hover td{background:rgba(70,229,190,.04)}
td.rk{color:var(--muted);font-weight:700;width:28px}
td.nm{font-weight:700;max-width:160px;overflow:hidden;text-overflow:ellipsis}
td.nm.mine{color:var(--neon)}
td.wn{min-width:120px}
.bar{position:relative;height:18px;border-radius:5px;background:rgba(58,39,22,.6);overflow:hidden}
.bar i{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(70,229,190,.35),rgba(70,229,190,.85));border-radius:5px}
.bar b{position:relative;display:block;padding-left:6px;line-height:18px;font-size:13px;color:var(--paper);font-variant-numeric:tabular-nums}
tr.line td{padding:4px 8px 10px;background:rgba(0,0,0,.18)}
/* lineups (a tapped row, or LINEUP under an entry) */
.lu{margin-top:8px;max-width:480px;border:1px solid var(--line);border-radius:10px;overflow:hidden;white-space:normal;font-variant-numeric:tabular-nums;background:var(--card2)}
.lu-r{display:grid;grid-template-columns:40px minmax(0,1fr) 38px 48px 58px;gap:6px;align-items:baseline;padding:5px 10px;border-top:1px solid rgba(58,39,22,.6);font-size:14px}
.lu-r:first-child{border-top:0}
.lu-s{font-size:10.5px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.lu-n{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lu-t{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}
.lu-p{text-align:right;font-weight:700}
.lu-st{text-align:right;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.lu-r.s1 .lu-st,.lu-r.s1 .lu-p{color:var(--neon)}
.lu-r.s0 .lu-st{color:var(--whiskey2)}
.lu-r.s0 .lu-p{color:var(--muted)}
.lu-wait{margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.lu-btn{margin-top:8px;border:1px solid var(--line);background:transparent;color:var(--paper2);border-radius:8px;padding:5px 10px;font-size:11px;font-weight:700;letter-spacing:.14em}
.lu-btn[aria-expanded="true"]{border-color:var(--neon);color:var(--neon)}
.alive{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--paper2);margin-top:6px}
.alive b{color:var(--neon);font-size:15px}
/* CHANCE TO WIN | POINTS (owner 11/2: "allow people to order by pts"); hidden until the board carries top_pts */
.view{display:inline-flex;margin-top:10px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--card2)}
.view[hidden]{display:none}
.view button{border:0;background:transparent;padding:7px 14px;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--paper2)}
.view button+button{border-left:1px solid var(--line)}
.view button.on{background:var(--neon);color:var(--ink)}
.view button:not(.on):hover{color:var(--neon)}

/* big plays */
.plays{list-style:none;margin-top:8px}
.plays li{border-left:3px solid var(--neon);padding:6px 10px;margin-top:6px;background:rgba(30,20,12,.7);border-radius:0 8px 8px 0}
.plays .t{font-size:10.5px;font-weight:700;letter-spacing:.16em;color:var(--muted)}
.plays .l1{font-weight:700;font-size:15px;margin-top:1px}
.plays .l2{color:var(--neon);font-weight:700;font-size:14px}
.empty{color:var(--muted);font-size:14px;padding:10px 2px}

.off{margin-top:22px;border:1px solid var(--line);border-radius:12px;padding:16px;background:linear-gradient(180deg,var(--card) 0%,var(--card2) 100%);font-size:15px;line-height:1.45;color:var(--paper2)}
.off b{color:var(--paper)}
.foot{margin-top:26px;font-size:13px;line-height:1.5;color:var(--muted)}
.foot b{color:var(--paper2);letter-spacing:.08em}
@media (max-width:560px){
  .hp{display:none}
  td.nm{max-width:118px}
  td.wn{min-width:96px}
  .n .v{font-size:21px}
}