/* ---- block ---- */
:root{
  --bg:#08090b; --panel:#101317; --panel2:#161a20; --panel3:#1b2028; --line:#242a33; --line2:#2f3742;
  --txt:#eef2f6; --dim:#8b96a3; --dim2:#7d8a98;
  --gold:#fbb817; --gold-dk:#c98f0b; --grn:#22c55e; --red:#ef4444; --blu:#3b82f6; --pur:#a78bfa;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{overflow-x:hidden;background:var(--bg);color:var(--txt);font:15px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
table,.prCard .v,.cnt,em{font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.hide{display:none !important}

/* ---------- top strip ---------- */
.strip{background:#000;border-bottom:1px solid var(--line);font-size:11px;color:var(--dim2);letter-spacing:.5px}
.strip .wrap{display:flex;align-items:center;height:32px;gap:16px}
.strip .soc{margin-left:auto;display:flex;gap:16px}
.strip .soc a{color:var(--dim);font-weight:600;display:flex;align-items:center;gap:6px;
transition:color .15s,transform .15s}
.strip .soc a svg{width:15px;height:15px;flex:0 0 auto}
.strip .soc a:hover{color:var(--gold);transform:translateY(-1px)}

/* ---------- header ---------- */
header{background:#0b0d10;border-bottom:1px solid var(--line);position:relative;z-index:2}
.stick{position:sticky;top:0;z-index:60}
.hdr{display:flex;align-items:center;gap:30px;height:70px}
.brand{display:flex;flex-direction:column;justify-content:center;line-height:1;flex:0 0 auto}
.mark{font-size:26px;font-weight:800;letter-spacing:-.6px;font-style:italic;white-space:nowrap}
.mark .g{color:var(--gold)}
.tagline{display:flex;align-items:center;gap:7px;margin-top:4px}
.tagline i{height:2px;width:16px;background:var(--gold);display:block}
.tagline span{font-size:8.5px;letter-spacing:2.6px;color:var(--dim);text-transform:uppercase;font-style:normal;font-weight:600}
.bLogo{display:block;height:40px;width:auto;max-width:none;align-self:flex-start}
.ftLogo{height:44px;margin-bottom:8px}
.brand .tagline{margin-top:5px}
nav{display:flex;gap:6px;font-size:13px;font-weight:700;letter-spacing:.4px}
nav button{background:none;border:0;color:var(--dim);cursor:pointer;padding:9px 13px;border-radius:6px;font-size:13px;font-weight:700}
nav button:hover{color:var(--txt);background:var(--panel)}
nav button.on{color:var(--gold);background:rgba(251,184,23,.09)}
.upd{margin-left:auto;color:var(--dim2);font-size:11px;text-align:right}
.burger{display:none;background:none;border:1px solid var(--line);color:var(--txt);
border-radius:6px;padding:7px 11px;cursor:pointer;margin-left:auto;font-size:16px}

/* ---------- ticker ---------- */
.tick{background:#0d1014;border-bottom:1px solid var(--line);height:38px;display:flex;
align-items:center;position:relative;z-index:1}
.tick .lbl{background:var(--gold);color:#08090b;font-size:10px;font-weight:600;letter-spacing:1.4px;
padding:0 14px;height:38px;display:flex;align-items:center;flex:0 0 auto;z-index:2}
.tickwin{overflow:hidden;flex:1;position:relative;height:38px;display:flex;align-items:center;scrollbar-width:none}.tickwin::-webkit-scrollbar{display:none}
/* Seamless marquee: the content is duplicated, so translating exactly -50%
 * lands the copy where the original started — no gap, no reset flash. */
.tickrun{display:inline-flex;align-items:center;white-space:nowrap;font-size:13px;will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.ti{margin-right:38px;color:var(--dim);display:inline-flex;align-items:center}
.ti img.tl{width:20px;height:20px;object-fit:contain;margin:0 7px 0 0;flex:0 0 auto}
.ti .at{color:var(--gold);margin:0 12px;font-weight:700}
.ti b{color:var(--txt)}
.ti .u{color:var(--grn);font-weight:700;margin-left:12px;padding:2px 8px;border-radius:5px;background:rgba(34,197,94,.12);font-size:12px;letter-spacing:.2px}
.ti .dot{color:var(--gold);margin:0 10px}
.ti .fin{color:var(--dim2);font-size:10px;font-weight:600;letter-spacing:1px;margin-left:8px}
.ti .s24{background:var(--gold);color:#08090b;font-size:8.5px;font-weight:600;letter-spacing:1px;
padding:2px 6px;border-radius:3px;margin-right:9px;vertical-align:middle}
.ti .lvd{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);
margin-right:8px;animation:bl 1.4s infinite;vertical-align:middle}
/* live-sport picker, drops down from the ticker's LIVE label */
.tick .lbl{position:relative;cursor:pointer;user-select:none;display:flex;align-items:center;gap:5px}
.tick .lbl .car{font-size:8px;opacity:.7}
.liveMenu{position:absolute;top:100%;left:0;background:var(--panel2);
border:1px solid var(--line);border-radius:0 0 10px 10px;min-width:200px;z-index:200;
box-shadow:0 14px 40px rgba(0,0,0,.65);overflow:hidden;
opacity:0;visibility:hidden;transform:translateY(-8px);
transition:opacity .16s ease,transform .16s ease,visibility .16s}
.liveMenu.open{opacity:1;visibility:visible;transform:translateY(0)}
.liveMenu button{transition:background .12s,color .12s}
.tick .lbl .car{transition:transform .2s}
.tick .lbl.menuOpen .car{transform:rotate(180deg)}
.liveMenu button{display:flex;align-items:center;justify-content:space-between;width:100%;
background:none;border:0;border-bottom:1px solid var(--line);color:var(--txt);
font-size:12.5px;font-weight:700;padding:10px 14px;cursor:pointer;text-align:left}
.liveMenu button:last-child{border-bottom:0}
.liveMenu button:hover{background:var(--panel3)}
.liveMenu button.off{color:var(--dim2);cursor:not-allowed}
.liveMenu button.off:hover{background:none}
.liveMenu button .cnt{font-size:10px;color:var(--dim2)}
.liveMenu button.off .cnt{color:#3a4048}.liveMenu button.off .lgMini{opacity:.35}
.liveMenu button.on{color:var(--gold)}


/* =====================================================================
 * MOTION
 * Short, consistent easing everywhere so the site feels built rather than
 * assembled. All of it is disabled for anyone who asks their system to
 * reduce motion.
 * =================================================================== */
:root{ --ease:cubic-bezier(.22,.61,.36,1); --fast:.15s; --med:.28s; }

/* page transitions */
.pg{animation:pgIn .34s var(--ease) both}
@keyframes pgIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* rows and cards stagger in so long lists don't slam onto the screen */
.gameCard{}
.gameCard:nth-child(1){animation-delay:.01s}
.gameCard:nth-child(2){animation-delay:.03s}
.gameCard:nth-child(3){animation-delay:.05s}
.gameCard:nth-child(4){animation-delay:.07s}
.gameCard:nth-child(5){animation-delay:.09s}
.gameCard:nth-child(6){animation-delay:.11s}
.gameCard:nth-child(n+7){animation-delay:.13s}
@keyframes cardIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.mdTbl tbody tr{}
@keyframes rowIn{from{opacity:0}to{opacity:1}}

/* nav + buttons: press feedback and smooth hover */
nav button,.sp,.wsTab,.tab,.btn,.unlockBtn,.lsTab,.railBtn,.liveMenu button{
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease),
             border-color var(--fast) var(--ease),transform var(--fast) var(--ease);
}
nav button:active,.btn:active,.unlockBtn:active,.sp:active,.wsTab:active,.tab:active{transform:scale(.97)}
.btn:hover,.unlockBtn:hover{filter:brightness(1.08)}

/* the gold underline on sport tabs slides instead of jumping */
.sp{position:relative}
.sp::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:3px;
background:var(--gold);transform:scaleX(0);transform-origin:center;
transition:transform var(--med) var(--ease)}
.sp.on::after{transform:scaleX(1)}
.sp.on{border-bottom-color:transparent}

/* expanding a pick card */
.pkBody{animation:bodyIn .26s var(--ease) both}
@keyframes bodyIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* cards lift slightly on hover */
.card,.post,.nwCard,.art,.gameCard{will-change:transform}
.gameCard:hover{transform:translateY(-2px)}

/* modal */
.modal .sheet{animation:sheetIn .3s var(--ease) both}
@keyframes sheetIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

/* ---------- headings ---------- */
.h2{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--dim);
margin:34px 0 14px;padding-bottom:9px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.h2 i{width:3px;height:13px;background:var(--gold);display:block;flex:0 0 auto}
.h2 .r{margin-left:auto;font-size:11px;letter-spacing:.4px;text-transform:none;color:var(--dim2);font-weight:500}
.pageHead{padding:32px 0 4px}
.pageHead h1{font-size:29px;font-weight:700;letter-spacing:-.6px;line-height:1.15}
.pageHead p{color:var(--dim);margin-top:9px;max-width:660px;font-size:14px}
.modelNote{color:var(--dim2) !important;font-size:12px !important;font-style:italic;
border-left:2px solid var(--gold-dk);padding-left:12px;margin-top:12px !important;max-width:70ch}

/* ---------- hero ---------- */
/* A short live status line — what is on right now, how many plays are up.
 * Small, factual, and it changes through the day so the page feels tended. */
.greet{font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--gold);
text-transform:uppercase;margin-bottom:10px}
.pulse{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.pulse div{font-size:12.5px;color:var(--dim2)}
.pulse b{color:var(--txt);font-weight:700;font-variant-numeric:tabular-nums}
.pulse .on{color:var(--grn)}
.hero{padding:34px 0 8px}
.hero h1{font-size:31px;font-weight:700;letter-spacing:-.7px;line-height:1.14}
.hero p{color:var(--dim);margin-top:9px;max-width:660px;font-size:14.5px}

/* ---------- sport tabs ---------- */
.sports{display:flex;gap:2px;border-bottom:2px solid var(--line);flex-wrap:wrap;margin-top:6px}
.sp{background:transparent;border:0;border-bottom:3px solid transparent;color:var(--dim);
padding:11px 20px;font-size:13.5px;font-weight:700;cursor:pointer;letter-spacing:.8px;margin-bottom:-2px;
display:flex;align-items:center;gap:8px}
.sp svg{width:17px;height:17px;opacity:.75}
.lgMini{width:18px;height:18px;object-fit:contain;vertical-align:-4px;margin-right:7px;flex:0 0 auto}.src .lgMini{width:15px;height:15px;vertical-align:-3px;margin-right:5px}
.lgIco{width:22px;height:22px;object-fit:contain;flex:0 0 auto}.sp:not(.on) .lgIco{opacity:.8}
.sp.on{color:var(--gold);border-bottom-color:var(--gold)}
.sp.on svg{opacity:1}
.sp.off{opacity:.3;cursor:not-allowed}
.sp .cnt{background:#232a33;color:var(--dim);font-size:10px;font-weight:700;font-style:normal;
padding:2px 6px;border-radius:9px;margin-left:2px}
.sp.on .cnt{background:rgba(251,184,23,.18);color:var(--gold)}
.diag{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:26px;text-align:center}
.diag h4{font-size:16px;margin-bottom:8px}
.diag p{color:var(--dim2);font-size:13.5px;max-width:56ch;margin:0 auto 6px}
.diag code{background:#1a1f26;padding:2px 7px;border-radius:3px;font-size:12px;color:var(--gold)}
.diag ol{text-align:left;max-width:52ch;margin:14px auto 0;color:var(--dim);font-size:13px;padding-left:20px}
.diag ol li{margin:6px 0}
.bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:16px 0 12px}
.tab{background:var(--panel);border:1px solid var(--line);color:var(--dim);padding:6px 15px;
border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;letter-spacing:.5px}
.tab.on{background:var(--panel3);border-color:var(--line2);color:var(--txt)}
.tab.propTab{border-color:#3d3116;color:var(--gold)}
.tab.propTab.on{background:rgba(251,184,23,.14);border-color:var(--gold-dk);color:var(--gold)}
.secHd{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.4px;
color:var(--txt);margin:4px 0 12px}
.secHd em{background:#232a33;color:var(--dim);font-size:11px;font-weight:700;font-style:normal;
padding:2px 8px;border-radius:9px}
.secHd::after{content:'';flex:1;height:1px;background:var(--line)}
.srch{margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--txt);
padding:8px 13px;border-radius:6px;font-size:13px;width:230px}
.srch::placeholder{color:var(--dim2)}

/* ---------- pick cards ---------- */
.picks{display:flex;flex-direction:column;gap:12px}
.pk{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.pk.premium{position:relative;border-color:var(--gold-dk);border-width:1.5px;
background:linear-gradient(135deg,rgba(251,184,23,.09),var(--panel) 55%);
box-shadow:0 0 0 1px rgba(251,184,23,.12), 0 6px 22px rgba(251,184,23,.06)}
.pk.premium::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
background:linear-gradient(180deg,var(--gold),var(--gold-dk));border-radius:10px 0 0 10px}
/* Members-only seal sits ON the blurred play, so the lock reads instantly.
 * The pick text underneath stays blurred; the mark itself is sharp. */
.pickCell{position:relative;display:flex;align-items:center;justify-content:flex-start;min-height:34px}
.pk.premium .pickCell{justify-content:center}
/* Seal sits centred in the pick column and is sized to read as a stamp on the
 * blur, not a stray chip beside it. */
.sealMark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
background:#0b0d10;border:1.5px solid var(--gold);color:var(--gold);
font-size:15px;font-weight:700;font-style:italic;letter-spacing:.2px;line-height:1;
padding:9px 18px;border-radius:8px;white-space:nowrap;
box-shadow:0 3px 16px rgba(0,0,0,.75), 0 0 0 4px rgba(11,13,16,.55)}
.pkTop{display:grid;grid-template-columns:104px 1fr 210px 84px 46px;gap:14px;align-items:center;padding:15px 18px;cursor:pointer}
.mk{display:inline-block;padding:4px 9px;border-radius:4px;font-size:9.5px;font-weight:600;letter-spacing:.9px}
.mkTOTAL{background:rgba(34,197,94,.14);color:var(--grn)}
.mkSPREAD{background:rgba(59,130,246,.14);color:var(--blu)}
.mkMONEYLINE{background:rgba(167,139,250,.16);color:var(--pur)}
.mkPROP{background:rgba(251,184,23,.14);color:var(--gold)}
.mkPLAY{background:#232a33;color:var(--dim)}
.mu-t{font-weight:700;font-size:15px}
.mu-s{color:var(--dim2);font-size:11.5px;margin-top:3px}
.pick{font-weight:700;font-size:15.5px}
.conf{display:inline-block;min-width:54px;text-align:center;padding:5px 9px;border-radius:5px;
font-size:12px;font-weight:600;background:rgba(34,197,94,.14);color:var(--grn)}
.chev{color:var(--dim2);font-size:13px;text-align:right;transition:transform .2s}
.pk.open .chev{transform:rotate(90deg)}
.pkBody{display:none;border-top:1px solid var(--line);padding:18px;background:#0c0f13}
.pk.open .pkBody{display:block}
.anaGrid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px}
.ana p{font-size:14px;color:#c5cfd9;margin-bottom:12px;max-width:72ch}
.ana p:last-child{margin-bottom:0}
.ana strong{color:var(--txt)}
.facts{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px}
.facts .fhd{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:6px;
border-bottom:1px solid var(--line)}
.facts .fmark{width:32px;height:32px;border-radius:8px;background:#0b0d10;border:1px solid var(--gold-dk);
color:var(--gold);font-size:11px;font-weight:600;font-style:italic;letter-spacing:-.2px;
display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.vsBox{display:flex;align-items:center;justify-content:space-around;gap:8px;padding:10px 0 14px;border-bottom:1px solid var(--line);margin-bottom:6px}
.vsT{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1;min-width:0}
.vsT img,.vsT .mono{width:46px;height:46px;object-fit:contain}
.vsT .mono{border-radius:50%;background:#0b0d10;border:1px solid var(--gold-dk);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.vsT b{font-size:11.5px;font-weight:700;max-width:100%;white-space:normal;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.vsAt{color:var(--gold);font-weight:700;font-size:13px}
.facts .ft{font-size:9.5px;font-weight:600;letter-spacing:1.4px;color:var(--dim2)}
.facts .fr{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.facts .fr:last-child{border-bottom:0}
.facts .fr span{color:var(--dim);flex:none;white-space:nowrap}
.facts .fr b{font-weight:700;font-variant-numeric:tabular-nums;flex:1 1 0;min-width:0;text-align:right;overflow-wrap:anywhere}
.ptag{display:inline-block;background:var(--gold);color:#08090b;font-size:8.5px;font-weight:600;
letter-spacing:1.1px;padding:3px 7px;border-radius:3px;margin-left:9px;vertical-align:middle}
.blur{filter:blur(5.5px);user-select:none;pointer-events:none}
.lockBar{padding:14px 18px;background:rgba(251,184,23,.05);border-top:1px solid #2e2916;
display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pk.premium .pkTop{cursor:default;padding-top:20px}
.pk.premium .pkTop.lockTap{cursor:pointer}
.memberRibbon{position:absolute;top:0;right:0;background:linear-gradient(90deg,var(--gold-dk),var(--gold));
color:#08090b;font-size:9.5px;font-weight:600;letter-spacing:1px;padding:5px 13px;
border-radius:0 9px 0 9px}
.lockBar p{font-size:13px;color:var(--dim);flex:1;min-width:200px}
.lockBar b{color:var(--gold)}

/* ---------- upsell ---------- */
.up{background:linear-gradient(150deg,#181509,var(--panel));border:1px solid #3a3218;
border-radius:10px;padding:24px;margin-top:18px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.up h3{color:var(--gold);font-size:17px;margin-bottom:5px}
.up p{color:var(--dim);font-size:13.5px;max-width:580px}
.btn{background:var(--gold);color:#08090b;font-weight:700;font-size:13px;
padding:11px 24px;border-radius:6px;letter-spacing:.6px;white-space:nowrap;border:0;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--txt)}

/* ---------- odds table ---------- */
.oddsWrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.oTbl{width:100%;border-collapse:collapse;font-size:13.5px}
.oTbl th{background:var(--panel2);color:var(--dim2);font-size:9.5px;font-weight:600;letter-spacing:.8px;
text-transform:uppercase;padding:11px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.oTbl th.c,.oTbl td.c{text-align:center}
.oTbl td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
.oTbl tr:last-child td{border-bottom:0}
.oTbl tr:hover td{background:#12161b}
.oTeam{display:flex;align-items:center;gap:9px;margin:3px 0}
.oTeam img{width:20px;height:20px;object-fit:contain;flex:0 0 auto}
.oTeam span{font-weight:600}
.oNum{font-variant-numeric:tabular-nums;font-weight:700}
.oSub{color:var(--dim2);font-size:11px;font-variant-numeric:tabular-nums}
.mv{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.mv.upx{color:var(--grn)}
.mv.dn{color:var(--red)}
.mv.flat{color:var(--dim2)}
.oTime{color:var(--dim2);font-size:11.5px;white-space:nowrap}

/* ---------- live scores ---------- */
.lsWrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.lsTabs{display:flex;gap:2px;background:var(--panel2);border-bottom:1px solid var(--line);flex-wrap:wrap}
.lsTab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--dim2);
padding:10px 18px;font-size:12px;font-weight:600;letter-spacing:1px;cursor:pointer}
.lsTab.on{color:var(--gold);border-bottom-color:var(--gold)}
.lsRail{position:relative}
.lsScroll{display:flex;gap:12px;overflow-x:auto;padding:14px;scroll-behavior:auto;
scrollbar-width:none;-ms-overflow-style:none}
.lsScroll::-webkit-scrollbar{display:none}
.lsAlt{background:var(--panel2);border:1px solid var(--line2);color:var(--gold);font:inherit;font-size:12px;font-weight:600;letter-spacing:.6px;padding:5px 12px;border-radius:99px;cursor:pointer;margin-left:4px}
.homeTiles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 6px;align-items:stretch}
.homeTiles>div{display:flex;min-width:0}
.homeTiles .ctHomeCard,#pg-home .homeTiles .hprops{margin:0;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.homeTiles .ctHomeCard .ctBtn{align-self:flex-start}
#pg-home .homeTiles .hprops .hpSteps,#pg-home .homeTiles .hprops .hpMem,#pg-home .homeTiles .hprops .hpChips{display:none}
.homeTiles .ctHomeCard,#pg-home .homeTiles .hprops{justify-content:flex-start}
.homeTiles .hprops .hrow{margin-top:auto}
.homeTiles .ctHomeCard .ctBtn{margin-top:auto}
.homeTiles .ctHomeTx{flex:0 0 auto}
@media(max-width:820px){.homeTiles{grid-template-columns:1fr;gap:10px}.homeTiles .ctHomeCard .ctBtn{align-self:stretch}}
@media(max-width:700px){#pg-home .hcta{padding:16px}#pg-home .hcta h2{font-size:19px}#pg-home .hcta p.hs{font-size:13.5px}#pg-home .hcta .hpts{display:none}#pg-home .hcta .hrow{margin-top:12px;flex-wrap:nowrap}#pg-home .hcta .hb{padding:11px 10px;font-size:13.5px;flex:1 1 0;white-space:nowrap;min-height:44px}#pg-home .hcta .hfine{font-size:11.5px}}
.railBtn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;
width:32px;height:56px;border:1px solid var(--line);background:rgba(11,13,16,.92);
color:var(--dim);font-size:20px;line-height:1;cursor:pointer;border-radius:7px}
.railBtn{transition:opacity .25s,color .15s,border-color .15s,transform .15s}
.railBtn:hover{color:var(--gold);border-color:var(--gold-dk)}
.railBtn:active{transform:translateY(-50%) scale(.94)}
.railBtn.dis{opacity:0;pointer-events:none}
.lsRail::before,.lsRail::after{content:'';position:absolute;top:0;bottom:0;width:46px;z-index:2;pointer-events:none;transition:opacity .25s}
.lsRail::before{left:0;background:linear-gradient(90deg,var(--panel),transparent);opacity:0}
.lsRail::after{right:0;background:linear-gradient(270deg,var(--panel),transparent)}
.lsRail.atStart::before{opacity:0}.lsRail.notStart::before{opacity:1}
.lsRail.atEnd::after{opacity:0}
@keyframes gcIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}
.lsScroll.swap .gc{animation:gcIn .42s cubic-bezier(.22,.8,.3,1) both;animation-delay:calc(var(--i,0)*45ms)}
.railBtn.l{left:6px}
.railBtn.r{right:6px}
@media(max-width:820px){.railBtn{display:none}.lsScroll{padding:14px 10px}}
.gc{flex:0 0 auto;width:188px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px}
.gc .st{font-size:9.5px;font-weight:600;letter-spacing:1px;color:var(--dim2);margin-bottom:9px;display:flex;align-items:center;gap:6px}
.gc .st.live{color:var(--red)}
.gc .st.live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:bl 1.4s infinite}
@keyframes bl{50%{opacity:.25}}
.gc .tm{display:flex;align-items:center;gap:8px;margin:5px 0}
.gc .tm img{width:20px;height:20px;object-fit:contain}
.gc .tm .nm{font-size:12.5px;font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gc .tm .sc{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.gc .tm.lose .nm,.gc .tm.lose .sc{color:var(--dim2)}
.gc .od{margin-top:9px;padding-top:8px;border-top:1px solid var(--line);font-size:10.5px;color:var(--dim2)}

/* ---------- news ---------- */
.nwWrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.nwHead{display:flex;align-items:center;gap:10px;background:var(--panel2);border-bottom:1px solid var(--line);padding:11px 16px}
.nwHead .lv{background:var(--red);color:#fff;font-size:9px;font-weight:600;letter-spacing:1.2px;padding:3px 8px;border-radius:3px}
.nwHead .t{font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--dim);text-transform:uppercase}
.nwHead .ct{margin-left:auto;font-size:11px;color:var(--dim2)}
.nwStage{position:relative;height:200px}
.nwItem{position:absolute;inset:0;opacity:0;transition:opacity .5s;pointer-events:none;
display:grid;grid-template-columns:300px 1fr;gap:0}
.nwItem.on{opacity:1;pointer-events:auto}
.nwItem .im{background:#0a0c0f center/cover no-repeat;border-right:1px solid var(--line)}
.nwItem .tx{padding:20px 22px;display:flex;flex-direction:column;justify-content:center}
.nwItem .src{font-size:9.5px;font-weight:600;letter-spacing:1.3px;color:var(--gold);margin-bottom:8px}
.kind{display:inline-block;font-size:8.5px;font-weight:600;letter-spacing:1px;padding:2px 6px;
border-radius:3px;margin-right:8px;vertical-align:middle}
.kTRANSACTION{background:rgba(34,197,94,.16);color:var(--grn)}
.kINJURY{background:rgba(239,68,68,.16);color:var(--red)}
.nwItem h4{font-size:19px;line-height:1.34;font-weight:700}
.nwItem:hover h4{color:var(--gold)}
.nwItem .ago{color:var(--dim2);font-size:11.5px;margin-top:9px}
.nwDots{display:flex;gap:5px;padding:12px 20px;border-top:1px solid var(--line);background:var(--panel2)}
.nwDots i{width:24px;height:3px;background:#2b333d;border-radius:2px;cursor:pointer;display:block}
.nwDots i.on{background:var(--gold)}
.nwGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;margin-top:16px}
.nwCard{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:block}
.nwCard:hover{border-color:var(--gold-dk)}
.nwCard .im{height:150px;background:#0a0c0f center/cover no-repeat;border-bottom:1px solid var(--line)}
.nwCard .bd{padding:15px}
.nwCard .src{font-size:9.5px;font-weight:600;letter-spacing:1.3px;color:var(--gold)}
.nwCard h4{font-size:15px;line-height:1.38;margin:8px 0 7px}
.nwCard .ago{color:var(--dim2);font-size:11px}

/* ---------- articles ---------- */
/* Social rail — posts, reposts and story recaps, each linking out to the
 * original on Instagram, X or Facebook. */
.social{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.post{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:17px;
display:block;transition:border-color .15s,transform .15s}
.post:hover{border-color:var(--gold-dk);transform:translateY(-2px)}
.post .ph{display:flex;align-items:center;gap:9px;margin-bottom:11px}
.post .av{width:30px;height:30px;border-radius:8px;background:#0b0d10;border:1px solid var(--gold-dk);
color:var(--gold);font-size:10px;font-weight:600;font-style:italic;display:flex;align-items:center;justify-content:center}
.post .hn{font-size:12.5px;font-weight:700}
.post .hs{color:var(--dim2);font-size:11px}
.post .plat{margin-left:auto;font-size:8.5px;font-weight:600;letter-spacing:1px;padding:3px 7px;border-radius:3px}
.pIG{background:rgba(225,48,108,.16);color:#ff6b9d}
.pTT{background:rgba(37,244,238,.13);color:#4ee}
.pST{background:rgba(251,184,23,.14);color:var(--gold)}
.post h4{font-size:14.5px;line-height:1.42;margin-bottom:9px}
.post p{color:var(--dim);font-size:13px}
.post .go{color:var(--gold);font-size:11.5px;font-weight:700;margin-top:12px;display:block}
.post.own{border-color:var(--gold-dk);background:linear-gradient(150deg,#1a1608,var(--panel));box-shadow:0 0 0 1px rgba(251,184,23,.10)}
.post .ownTag{font-size:8.5px;font-weight:600;letter-spacing:1px;color:#08090b;background:var(--gold);padding:3px 7px;border-radius:3px;margin-left:8px}
.socSub{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px;font-size:13px;font-weight:700;letter-spacing:.3px}
.socSub span{color:var(--dim2);font-size:11.5px;font-weight:600}
.followGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pX{background:rgba(255,255,255,.10);color:#e8eaee}
.pYT{background:rgba(255,0,0,.14);color:#ff7a7a}
.pFB{background:rgba(24,119,242,.16);color:#6aa8ff}
.pTT{background:rgba(37,244,238,.14);color:#5ff3ee}
.chipRow{display:flex;flex-wrap:wrap;gap:10px}
.xChip{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:8px 14px 8px 8px;font-size:12.5px;font-weight:700;color:var(--txt);transition:border-color .15s,color .15s,transform .15s}
.xChip:hover{border-color:var(--gold-dk);color:var(--gold);transform:translateY(-1px)}
.xChip .xdot{width:22px;height:22px;border-radius:50%;background:#0b0d10;border:1px solid var(--gold-dk);color:var(--gold);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}
.xCard{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.xCard .xh{display:flex;align-items:center;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel2)}
.xCard .xh b{font-size:13px}.xCard .xh a{margin-left:auto;color:var(--gold);font-size:11px;font-weight:700}
.xCard .xb{height:440px;overflow:auto;position:relative}
.xCard .xb.failed{height:auto}.xCard .xb.failed .xfail{position:static;padding:26px 20px}
.xCard .xb .xwait,.xCard .xb .xfail{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--dim2);font-size:12.5px;text-align:center;padding:20px}
.followBand{background:linear-gradient(150deg,#181509,var(--panel));border:1px solid #3a3218;
border-radius:10px;padding:22px 24px;margin-top:18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.followBand h3{font-size:16px;margin-bottom:4px}
.followBand p{color:var(--dim);font-size:13.5px;max-width:52ch}
.followBtns{margin-left:auto;display:flex;gap:10px}
.followBtns .btn{display:inline-block}

/* ---------- about / what-we-offer accordion ---------- */
.aboutBox{background:var(--panel);border:1px solid var(--line);border-radius:10px;
margin-top:24px;overflow:hidden}
.aboutHead{width:100%;display:flex;align-items:center;justify-content:space-between;
background:none;border:0;padding:18px 22px;cursor:pointer;text-align:left;
font-size:16px;font-weight:700;color:var(--txt)}
.aboutHead:hover{color:var(--gold)}
.aboutToggle{width:26px;height:26px;border-radius:7px;border:1px solid var(--line2);
color:var(--dim);font-size:16px;font-weight:700;display:flex;align-items:center;
justify-content:center;flex:0 0 auto}
.aboutBody{padding:0 22px 22px;max-width:78ch}
.aboutBody.collapsed{display:none}
.aboutBody h4{font-size:14px;font-weight:700;color:var(--txt);margin:18px 0 6px}
.aboutBody h4:first-child{margin-top:0}
.aboutBody p{color:var(--dim);font-size:13.5px;line-height:1.65}
.aboutLink,.aboutLink:hover,.aboutLink:focus,.aboutLink:active{background:transparent!important;border:0!important;box-shadow:none;-webkit-appearance:none;appearance:none;padding:0;margin:0;color:var(--gold);text-decoration:underline;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;display:inline}
.arts{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px}
.art{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;cursor:pointer}
.art:hover{border-color:var(--gold-dk)}
.art .meta{color:var(--gold);font-size:9.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}
.art h3{font-size:17px;margin:9px 0 7px;line-height:1.32}
.art p{color:var(--dim);font-size:13px}
.art .by{color:var(--dim2);font-size:11px;margin-top:12px}

/* ---------- generic cards ---------- */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:20px;
transition:border-color .15s}
.card:hover{border-color:var(--line2)}
.pk{transition:border-color .15s}
.pk:hover{border-color:var(--line2)}
.nwCard{transition:border-color .15s,transform .15s}
.nwCard:hover{transform:translateY(-2px)}
.card h4{font-size:15.5px;margin-bottom:7px}
.card p{color:var(--dim);font-size:13.5px}
.card .n{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:1.4px;margin-bottom:9px}

/* ---------- responsible gambling ---------- */
.rgHero{background:linear-gradient(150deg,#0f1419,var(--panel));border:1px solid var(--line);
border-radius:10px;padding:28px;margin-bottom:20px}
.rgHero h2{font-size:22px;margin-bottom:9px}
.rgHero p{color:var(--dim);max-width:70ch;font-size:14px}
.rgList{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:22px}
.rgList h4{font-size:15px;margin-bottom:12px}
.rgList ul{list-style:none}
.rgList li{padding:9px 0 9px 24px;border-bottom:1px solid var(--line);color:var(--dim);font-size:13.5px;position:relative}
.rgList li:last-child{border-bottom:0}
.rgList li::before{content:'';position:absolute;left:6px;top:17px;width:5px;height:5px;border-radius:50%;background:var(--gold-dk)}
.help{background:var(--panel);border:1px solid #3a3218;border-radius:10px;padding:22px;margin-top:16px}
.help .big{font-size:26px;font-weight:700;color:var(--gold);letter-spacing:-.5px;margin:6px 0}
.help a{color:var(--gold);text-decoration:underline}

/* ---------- modal ---------- */
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:100;overflow-y:auto;padding:44px 16px}
.modal.on{display:block}
.sheet{max-width:740px;margin:0 auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:34px}
.sheet h2{font-size:27px;line-height:1.25;margin:10px 0}
.sheet .bd p{margin:15px 0;color:#c5cfd9}
.x{float:right;color:var(--dim);font-size:27px;cursor:pointer;line-height:1;background:none;border:0}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--line);margin-top:56px;background:#050607}
.ft{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:34px;padding:36px 0 26px}
.ft h5{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--dim2);margin-bottom:12px}
.ft a,.ft button{display:block;color:var(--dim);font-size:13px;margin-bottom:7px;background:none;border:0;
padding:0;cursor:pointer;text-align:left;font-weight:400}
.ft a:hover,.ft button:hover{color:var(--gold)}
.disc{border-top:1px solid var(--line);padding:20px 0 34px;color:var(--dim2);font-size:11.5px;line-height:1.75}
.disc strong{color:var(--dim)}
.rg{display:inline-block;border:1px solid #3a3218;color:var(--gold);font-size:10px;font-weight:600;
padding:5px 11px;border-radius:4px;letter-spacing:1px;margin-bottom:12px}
/* ---------- free play allowance ---------- */
.fpBar{background:linear-gradient(150deg,#181509,var(--panel));border:1px solid #3a3218;
border-radius:10px;padding:18px 22px;margin:0 0 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fpBar .fpMark{width:42px;height:42px;border-radius:10px;background:#0b0d10;border:1px solid var(--gold);
color:var(--gold);font-size:13px;font-weight:700;font-style:italic;display:flex;align-items:center;
justify-content:center;flex:0 0 auto}
.fpBar h3{font-size:15.5px;margin-bottom:3px}
.fpBar p{color:var(--dim);font-size:13px;max-width:60ch}
.fpDots{display:flex;gap:6px;margin-left:auto;align-items:center}
.fpDots i{width:11px;height:11px;border-radius:50%;background:var(--gold);display:block}
.fpDots i.spent{background:#2b333d}
.fpDots span{color:var(--dim2);font-size:11.5px;font-weight:700;letter-spacing:.5px;margin-left:6px}
.fpReset{color:var(--dim2);font-size:11.5px;width:100%}
.unlockBtn{background:var(--gold);color:#08090b;font-weight:600;font-size:12px;padding:9px 16px;
border:0;border-radius:6px;cursor:pointer;letter-spacing:.4px;white-space:nowrap}
.unlockBtn:disabled{background:#2b333d;color:var(--dim2);cursor:not-allowed}
/* while a free play is being found: every unlock button shows a spinner and the page shows a status toast.
   Done in CSS on <body> so a re-render in the middle cannot wipe it. */
body.claiming .unlockBtn{position:relative;pointer-events:none;color:transparent!important;background:var(--gold)!important;min-width:150px}
body.claiming .unlockBtn::before{content:'';position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid rgba(8,9,11,.25);border-top-color:#08090b;border-radius:50%;animation:authSpin .7s linear infinite}
#claimToast{display:none;position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;align-items:center;gap:12px;max-width:min(92vw,420px);padding:13px 18px;background:#12161b;border:1px solid rgba(251,184,23,.45);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.6);color:#e8edf2;font-size:13px;line-height:1.35}
#claimToast .authSpinDot{width:18px;height:18px;margin:0;flex:0 0 auto}
#claimToast b{display:block;font-size:13.5px}
#claimToast em{display:block;font-style:normal;color:#8b96a3;font-size:12px;margin-top:2px}
body.claiming #claimToast{display:flex}

.unlockBtn.small{font-size:11.5px;padding:8px 14px}
.fpTag{display:inline-block;background:rgba(34,197,94,.16);color:var(--grn);font-size:8.5px;
font-weight:600;letter-spacing:1px;padding:3px 7px;border-radius:3px;margin-left:9px;vertical-align:middle}
.scoreRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fac{background:var(--panel2);border:1px solid var(--line);color:var(--dim);font-size:11px;
padding:4px 9px;border-radius:5px}
.fac.hit{border-color:#2c5a3a;color:var(--grn);background:rgba(34,197,94,.08)}

/* ---------- model viewer ---------- */
.mdWrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.mdScroll{overflow-x:auto;scrollbar-width:thin}
.mdScroll::-webkit-scrollbar{height:8px}
.mdScroll::-webkit-scrollbar-thumb{background:#2b333d;border-radius:4px}
.mdTbl{border-collapse:collapse;font-size:12.5px;min-width:100%;white-space:nowrap}
.mdTbl th{background:var(--panel2);color:var(--dim2);font-size:9px;font-weight:600;letter-spacing:.7px;
text-transform:uppercase;padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);
position:sticky;top:0;z-index:2;cursor:pointer;user-select:none}
.mdTbl th:hover{color:var(--gold)}
.mdTbl th.sorted{color:var(--gold)}
.mdTbl td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.mdTbl tr:hover td{background:#12161b}
.mdTbl td.num{font-variant-numeric:tabular-nums;text-align:right}
.mdTbl td.key{font-weight:700;position:sticky;left:0;background:var(--panel);z-index:1}
.mdTbl tr:hover td.key{background:#12161b}
.heat{display:inline-block;min-width:38px;text-align:center;padding:3px 7px;border-radius:4px;
font-weight:700;font-variant-numeric:tabular-nums}
.mdBar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0 14px}
.mdBar .srch{margin-left:auto;width:250px;flex:0 0 auto}
.injTeams{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px;margin:10px 0}.injTm2{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--txt);cursor:pointer;text-align:left;min-height:56px;font:inherit}.injTm2:hover{border-color:var(--gold,#f5c542)}.injTm2 img,.injTm2 .monoLg{width:30px;height:30px;object-fit:contain;flex:0 0 30px}.injTm2 .nm{flex:1;min-width:0;font-weight:700;font-size:14px}.injTm2 .ct{display:flex;align-items:center;gap:6px;flex:0 0 auto}.injTm2 .ct b{font-size:15px}.injTm2 small{font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px}.injTm2 small.o{background:rgba(239,68,68,.16);color:#ff8a8a}.injTm2 small.q{background:rgba(245,197,66,.15);color:var(--gold,#f5c542)}.injBack{margin:8px 0;background:none;border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:8px 12px;font-weight:700;cursor:pointer}@media(max-width:520px){.injTeams{grid-template-columns:1fr}}
.mdBar .teamSel{margin-left:auto;width:220px}.mdBar .teamSel+.srch{margin-left:0}
@media(max-width:820px){.mdBar .teamSel{width:100%}}
@media(max-width:820px){.mdBar .srch{margin-left:0;width:100%}}
/* Workbook tab strip — mirrors the sheet's own tabs, website-themed. */
.tabStrip{display:flex;gap:3px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);
border-radius:8px;padding:4px}
.wsTab{background:transparent;border:0;color:var(--dim);font-size:12.5px;font-weight:700;
padding:9px 14px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;
letter-spacing:.2px;white-space:nowrap}
.wsTab .ic{font-size:13px;line-height:1}
.wsTab:hover{color:var(--txt);background:var(--panel2)}
.wsTab.on{background:var(--gold);color:#08090b}
.wsTab em{font-style:normal;font-size:10px;font-weight:700;background:rgba(255,255,255,.09);
padding:2px 6px;border-radius:8px}
.wsTab .gpLive{display:inline-block;width:8px;height:8px;border-radius:50%;background:#22e06b;box-shadow:0 0 0 0 rgba(34,224,107,.7),0 0 6px #22e06b;margin-left:6px;animation:gpBlink 1.2s ease-in-out infinite}
@keyframes gpBlink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(34,224,107,.6),0 0 7px #22e06b}50%{opacity:.25;box-shadow:0 0 0 5px rgba(34,224,107,0),0 0 2px #22e06b}}
@media (prefers-reduced-motion:reduce){.wsTab .gpLive{animation-duration:2.4s}}
.wsTab.on em{background:rgba(0,0,0,.18)}
/* Bigger table, thin themed scrollbars on all axes so it reads as part of
 * the site rather than a spreadsheet dropped in. */
/* No inner scroll box at all — the table renders full height and the page
 * itself scrolls, so there is never a scrollbar-inside-a-scrollbar. */
/* Break out of the centered page width just for the table — everything
 * else on the page stays normal width. */
#mdWrapOuter{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:0 20px}
@media(max-width:900px){#mdWrapOuter{padding:0 10px}}
/* The page scrolls vertically as normal. Horizontally, the table gets its
 * own scroll ONLY if it's wider than the screen — with the curated board
 * view below, that's rare, but wide tabs like Ratings still need it. */
.mdScroll{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:#3a4048 var(--panel)}
.mdScroll::-webkit-scrollbar{height:10px}
.mdScroll::-webkit-scrollbar-thumb{background:#3a4048;border-radius:5px}
.mdScroll::-webkit-scrollbar-thumb:hover{background:var(--gold-dk)}
/* Table shrinks columns to fit the page width instead of scrolling sideways. */
.mdTbl{width:100%;table-layout:auto;white-space:normal}
.mdTbl th,.mdTbl td{padding:9px 8px;font-size:12px}
.mdTbl th{position:sticky;top:0;z-index:2}
.mdTbl td.key{position:static;background:transparent}
.mdTbl tr:hover td.key{background:transparent}

/* Free-account view: the real table sits underneath, blurred and frozen,
 * so it reads as "there's something real here" rather than an empty page. */
.mdScroll.locked{filter:blur(7px);pointer-events:none;user-select:none;
max-height:620px;overflow:hidden;min-height:560px}
#modelLockOverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
background:linear-gradient(180deg,rgba(8,9,11,.15),rgba(8,9,11,.75) 40%);border-radius:10px}
#modelLockOverlay.hide{display:none}
.lockPanel{text-align:center;padding:30px 36px;max-width:440px}
.lockPanel .gm{width:46px;height:46px;border-radius:11px;background:#0b0d10;border:1.5px solid var(--gold);
color:var(--gold);font-size:14px;font-weight:700;font-style:italic;display:flex;align-items:center;
justify-content:center;margin:0 auto 14px}
.lockPanel h3{font-size:18px;margin-bottom:8px}
.lockPanel p{color:var(--dim);font-size:13.5px}

/* Row color stripe: green = live pick in this row, grey = pass/no play. */
.mdTbl tr.hasPick td:first-child{box-shadow:inset 4px 0 0 var(--grn)}
.mdTbl tr.noPick td:first-child{box-shadow:inset 4px 0 0 #3a4048}

/* Team logos inline in Away/Home cells */
.teamCell{display:flex;align-items:center;gap:7px}
.teamCell img{width:18px;height:18px;object-fit:contain;flex:0 0 auto}

/* Free-play panel at the top of the model page */
.fpPanel{background:linear-gradient(150deg,#181509,var(--panel));border:1px solid #3a3218;
border-radius:10px;padding:20px 22px;margin-bottom:20px}
.fpPanel .row1{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.fpPanel .fpMark{width:40px;height:40px;border-radius:9px;background:#0b0d10;border:1px solid var(--gold);
color:var(--gold);font-size:12px;font-weight:600;font-style:italic;display:flex;align-items:center;
justify-content:center;flex:0 0 auto}
.fpPanel h3{font-size:15.5px;margin-bottom:3px}
.fpPanel p{color:var(--dim);font-size:12.5px;max-width:56ch}
.fpPanel .fpDots{display:flex;gap:6px;margin-left:auto;align-items:center}

/* ---------- today / staleness banner ---------- */
.todayBanner{margin-bottom:14px}
.todayRow{display:flex;align-items:center;gap:8px;color:var(--dim);font-size:12.5px;
font-weight:600;margin-bottom:8px}
.todayLabel::before{content:'\1F4C5';margin-right:6px;font-size:12px}
.staleWarn{display:flex;align-items:flex-start;gap:11px;background:rgba(239,68,68,.09);
border:1px solid #5a2020;border-radius:9px;padding:12px 15px;font-size:13px;color:#f5b3b3}
.staleWarn b{color:#fff}
.staleIcon{font-size:16px;flex:0 0 auto;line-height:1.3}
.mdNote code{background:#1a1f26;padding:2px 6px;border-radius:3px;font-size:11px;color:var(--gold)}
.tabHelp{background:var(--panel2);border:1px solid var(--line);border-radius:8px;
padding:11px 15px;font-size:12.5px;color:var(--dim);margin-bottom:14px}

/* ---------- game cards (board tabs) ---------- */
.gameList{display:flex;flex-direction:column;gap:10px}
.gameCard{display:grid;grid-template-columns:minmax(240px,1.3fr) minmax(150px,.8fr) minmax(230px,1.4fr);
gap:18px;align-items:center;background:var(--panel);border:1px solid var(--line);
border-radius:10px;padding:15px 18px;transition:border-color .15s}
.gameCard:hover{border-color:var(--line2)}
.gameCard.has{border-left:3px solid var(--grn)}
.gameCard.none{border-left:3px solid #333b45}
.gcWk{display:inline-block;font-size:9.5px;font-weight:600;letter-spacing:1px;color:var(--dim2);
background:var(--panel2);padding:3px 8px;border-radius:4px;margin-bottom:9px}
.gcTeam{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;padding:2px 0}
.gcTeam img{width:22px;height:22px;object-fit:contain;flex:0 0 auto}
.gcNoLogo{width:22px;height:22px;border-radius:5px;background:var(--panel2);flex:0 0 auto}
.gcAt{font-size:10px;color:var(--dim2);font-weight:700;letter-spacing:1px;margin:3px 0 3px 31px}
.gcMkt{display:flex;flex-direction:column;gap:7px}
.gcMkt div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.gcMkt span{color:var(--dim2)}
.gcMkt b{font-weight:700;font-variant-numeric:tabular-nums}
.gcDrv b{font-weight:600;color:var(--dim);font-size:11.5px;text-align:right}
.gcPicks{display:flex;flex-direction:column;gap:7px}
.gcPick{display:flex;align-items:center;gap:10px;background:var(--panel2);
border:1px solid var(--line);border-left:3px solid var(--grn);border-radius:6px;padding:7px 11px}
.gcPick.ml{border-left-color:var(--pur)}
.gcPick.sp{border-left-color:var(--blu)}
.gcPick.to{border-left-color:var(--grn)}
.gcPickLbl{font-size:9px;font-weight:600;letter-spacing:.7px;color:var(--dim2);
min-width:62px;text-transform:uppercase}
.gcPickVal{font-size:13px;font-weight:700}
.gcPass{color:var(--dim2);font-size:12.5px;font-style:italic;padding:7px 0}
.gcBest{background:rgba(251,184,23,.1);border:1px solid #3d3116;color:var(--gold);
border-radius:6px;padding:7px 11px;font-size:11.5px;font-weight:700}
@media(max-width:900px){
  .gameCard{grid-template-columns:1fr;gap:13px}
  .gcMkt{flex-direction:row;flex-wrap:wrap;gap:16px}
  .gcMkt div{justify-content:flex-start;gap:7px}
}

/* ---------- neat curated tables (ratings, injuries, props, coaches) ---------- */
/* ---------- full sheet-replica table ---------- */
.mdTbl.sheet{border-collapse:separate;border-spacing:0;font-size:12px}
.mdTbl.sheet th{padding:9px 11px;font-size:9px;font-weight:600;letter-spacing:.6px;
white-space:nowrap;text-align:left;position:sticky;top:0;background:var(--panel2);
border-bottom:2px solid var(--line2);z-index:3;cursor:pointer}
.mdTbl.sheet th.num{text-align:right}
.mdTbl.sheet th:hover{color:var(--gold)}
.mdTbl.sheet th.sorted{color:var(--gold)}
.mdTbl.sheet td{padding:8px 11px;white-space:nowrap;border-bottom:1px solid var(--line);
font-variant-numeric:tabular-nums;text-align:left}
.mdTbl.sheet td.num{text-align:right;font-weight:600}
.mdTbl.sheet tbody tr:nth-child(even) td{background:rgba(255,255,255,.014)}
.mdTbl.sheet tbody tr:hover td{filter:brightness(1.12)}
/* first identifying column stays put while the rest scrolls */
.mdTbl.sheet th:first-child,.mdTbl.sheet td:first-child{
  position:sticky;left:0;z-index:2;background:var(--panel);box-shadow:2px 0 6px rgba(0,0,0,.25)}
.mdTbl.sheet th:first-child{z-index:4;background:var(--panel2)}

.teamCell{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.teamCell img{width:17px;height:17px;object-fit:contain;flex:0 0 auto}

/* pick-column cells, matching the sheet's own green/grey/gold/amber logic */
.pcPass{color:var(--dim2);font-style:italic;font-size:11.5px}
.pcHit{display:inline-block;background:rgba(34,197,94,.14);border:1px solid #1e4d2f;
color:var(--grn);font-weight:700;padding:3px 9px;border-radius:5px;font-size:11.5px}
.pcHit.pcWarn{background:rgba(234,179,8,.16);border-color:#5a4a0f;color:var(--gold)}
.pcHit.pcStar{background:rgba(34,197,94,.2);border-color:#1e4d2f}
.pcS{color:var(--gold);margin-right:4px}

/* injury status chips */
.stChip{display:inline-block;padding:3px 9px;border-radius:5px;font-size:11px;font-weight:700}
.stOut{background:rgba(239,68,68,.16);color:var(--red)}
.stDbt{background:rgba(234,88,12,.16);color:#fb923c}
.stQ{background:rgba(234,179,8,.16);color:var(--gold)}

@media(max-width:820px){.mdTbl.sheet{font-size:11px}.mdTbl.sheet td,.mdTbl.sheet th{padding:7px 8px}}

/* long-text columns (coach track record, why-notes) wrap and get room —
 * this is the fix for descriptions being cut off */
.mdTbl.sheet td.wrap{white-space:normal;max-width:320px;line-height:1.4;color:#c5cfd9}

/* board summary table: four columns, roomy, readable at a glance */
.bsTbl{width:100%;max-width:920px}
.bsTbl th{font-size:10px}
.bsTbl td{padding:13px 14px;vertical-align:middle}
.bsMatch{min-width:260px}
.bsWk{display:inline-block;font-size:9px;font-weight:600;letter-spacing:.8px;color:var(--dim2);
background:var(--panel2);padding:2px 7px;border-radius:4px;margin-bottom:6px}
.bsTeams{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bsAt{color:var(--dim2);font-size:10px;font-weight:700}

/* ---------- ratings summary ---------- */
.rsTbl{max-width:760px}
.rsRank{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}
.rsConf{color:var(--dim);font-size:12px}
.mvUp{color:var(--grn);font-size:10px;font-weight:700}
.mvDn{color:var(--red);font-size:10px;font-weight:700}


/* ratings on phones: Rank (with move), Team, Rating all fit with no sideways scrolling;
   the extra stat columns live in the row's detail view (tap a team) */
.rsRank .mvIn{display:none}
@media(max-width:700px){
  .rsTbl{max-width:none;width:100%;table-layout:auto}
  .rsTbl .rsMvC,.rsTbl .rsStat,.rsTbl .rsConfC{display:none}
  .rsTbl th,.rsTbl td{padding:9px 8px}
  .rsTbl td.rsRank{vertical-align:middle;display:table-cell;font-size:14px;line-height:1.1;width:44px;text-align:left}
  .rsTbl .rsRank span{display:block}
  .rsTbl .rsRank .mvIn{display:block;margin-top:2px;min-height:12px}
  .rsTbl .teamCell{white-space:normal;line-height:1.2;align-items:center}
  .rsTbl .teamCell > span{min-width:0}
  .rsTbl td.rsRt{width:64px;font-size:14px;font-weight:700;text-align:center}
  .rsTbl th.rsRt{text-align:center}
  .mdTbl.sheet.rsTbl td:first-child,.mdTbl.sheet.rsTbl th:first-child{position:static;box-shadow:none}
  #mdWrapOuter .mdScroll{overflow-x:hidden}
}

/* ---------- props summary ---------- */
.psTbl{max-width:820px}
.psPlayer{display:flex;align-items:center;gap:12px}
.pBadge.sm{width:38px;height:38px;border-radius:9px}
.pBadge.sm svg{width:22px;height:22px}
.psName{font-weight:700;font-size:13.5px}
.psSub{color:var(--dim2);font-size:11px;margin-top:1px}
.psLine{color:var(--dim2);font-size:11px}

/* nicer "pass" pill — slick and quiet instead of plain italic text */
.pcPassPill{display:inline-flex;align-items:center;gap:6px;color:var(--dim2);
font-size:11px;font-weight:600;background:var(--panel2);border:1px dashed var(--line2);
padding:4px 10px;border-radius:20px}
.pcPassPill::before{content:'';width:5px;height:5px;border-radius:50%;background:#4a5568}

/* clickable rows */
.mdTbl.sheet tr.clickRow{cursor:pointer}

.mdTbl.sheet tr.clickRow:active td{filter:brightness(1.28)}

/* row-detail modal content */
.rdHead{display:flex;align-items:center;gap:18px}
.rdTeam{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700}
.rdTeam img{width:32px;height:32px;object-fit:contain}
.rdAt{color:var(--dim2);font-size:11px;font-weight:700;letter-spacing:1px}
.rdPlayerLogo{width:56px;height:56px;border-radius:14px;background:var(--panel2);
border:1px solid var(--line);display:flex;align-items:center;justify-content:center;
padding:9px;flex:0 0 auto}
.rdPlayerLogo img{width:100%;height:100%;object-fit:contain}
.rdPlayer .rdPName{font-size:19px;font-weight:700}
.rdPlayer .rdPSub{color:var(--dim2);font-size:12.5px;margin-top:2px}
.rdLead{color:var(--dim);font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:600}
.rdBest{background:rgba(251,184,23,.12);border:1px solid #3d3116;color:var(--gold);
border-radius:8px;padding:12px 15px;font-weight:700;margin-top:6px}
.rdQuote{background:var(--panel2);border-left:3px solid var(--gold-dk);border-radius:0 8px 8px 0;
padding:12px 16px;font-style:italic;color:#c5cfd9;margin:8px 0}

/* no-likeness player badge: generic silhouette, team-colored, jersey shimmer */
.pBadge{position:relative;width:44px;height:44px;border-radius:11px;flex:0 0 auto;
background:linear-gradient(150deg,var(--tc),color-mix(in srgb, var(--tc) 55%, #000));
display:flex;align-items:center;justify-content:center;overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,.35)}
.pBadge::after{content:'';position:absolute;inset:0;
background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 66%);
transform:translateX(-120%);animation:badgeShine 3.2s ease-in-out infinite}
@keyframes badgeShine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.pBadge svg{width:24px;height:24px;position:relative;z-index:1}
.pBadgeInit{position:absolute;bottom:3px;right:5px;font-size:9px;font-weight:600;
color:rgba(255,255,255,.65);z-index:1;letter-spacing:.5px}
.mdNote{color:var(--dim2);font-size:11.5px;margin-top:12px;max-width:88ch}
.gateCard{background:linear-gradient(150deg,#181509,var(--panel));border:1px solid #3a3218;
border-radius:10px;padding:34px;text-align:center}
.gateCard .gm{width:52px;height:52px;border-radius:12px;background:#0b0d10;border:1.5px solid var(--gold);
color:var(--gold);font-size:16px;font-weight:700;font-style:italic;display:flex;align-items:center;
justify-content:center;margin:0 auto 16px}
.gateCard h3{font-size:19px;margin-bottom:8px}
.gateCard p{color:var(--dim);font-size:13.5px;max-width:56ch;margin:0 auto 8px}
.gateList{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;
max-width:760px;margin:22px auto 0;text-align:left}
.gateList div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:13px 15px;
font-size:12.5px;color:var(--dim)}
.gateList b{color:var(--txt);display:block;margin-bottom:3px;font-size:13px}

.empty{padding:46px;text-align:center;color:var(--dim2)}
.emptyBig{padding:52px 30px;text-align:center}
.emptyBig h4{color:var(--txt);font-size:16px;margin-bottom:8px}
.emptyBig p{color:var(--dim2);font-size:13.5px;max-width:52ch;margin:0 auto}
.setup{background:#2a1d05;border:1px solid #5b4110;border-radius:8px;padding:14px 18px;margin:18px 0;
display:flex;gap:14px;align-items:flex-start}
.setup b{color:var(--gold)}
.setup p{color:#d9c48d;font-size:13px;margin-top:4px}
.setup code{background:#1a1204;padding:2px 6px;border-radius:3px;font-size:12px;color:var(--gold)}

@media(max-width:980px){
  .anaGrid{grid-template-columns:minmax(0,1fr)}
  .nwItem{grid-template-columns:1fr}
  .nwItem .im{display:none}
  .nwStage{height:170px}
  .ft{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  nav{position:absolute;top:70px;left:0;right:0;background:#0b0d10;border-bottom:1px solid var(--line);
  flex-direction:column;padding:8px;display:none;z-index:70}
  nav.open{display:flex}
  nav button{width:100%;text-align:left;padding:12px}
  .burger{display:block}
  .upd{display:none}
  .pkTop{grid-template-columns:1fr auto;gap:9px}
  .pkTop .c1{grid-column:1/-1}
  .pkTop .chev{display:none}
  .srch{width:100%;margin:0}
  .ft{grid-template-columns:1fr;gap:22px}
  .hero h1,.pageHead h1{font-size:23px}
  .oTbl{font-size:12.5px}
  .oTbl th,.oTbl td{padding:10px 8px}
}
/* ---- header: seven menu items need room; keep every label on one line ---- */
nav button{white-space:nowrap}
.upd{white-space:nowrap}
@media(max-width:1500px){.upd{display:none}}
@media(max-width:1320px){.hdr{gap:20px}nav{gap:2px}nav button{padding:9px 10px}}
@media(max-width:1180px){
  nav{position:absolute;top:70px;left:0;right:0;background:#0b0d10;border-bottom:1px solid var(--line);flex-direction:column;padding:8px;display:none;z-index:70}
  nav.open{display:flex}
  nav button{width:100%;text-align:left;padding:12px}
  .burger{display:block}
  .hdr .acct{margin-left:auto}.hdr .burger{margin-left:10px}
}
/* ---- S24 assistant ---- */
.botFab{position:fixed;right:18px;bottom:18px;z-index:9000;display:flex;align-items:center;gap:8px;padding:12px 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#ffd04a,var(--gold) 55%,var(--gold-dk));color:#111;font-family:inherit;font-weight:700;font-size:14px;line-height:1;letter-spacing:.2px;cursor:pointer;box-shadow:0 8px 28px rgba(251,184,23,.35),0 2px 8px rgba(0,0,0,.5);transition:transform .2s var(--ease),opacity .2s}
.botFab:hover{transform:translateY(-2px) scale(1.03)}
.botFab.hid{opacity:0;pointer-events:none;transform:translateY(10px)}
.botPanel{position:fixed;right:18px;bottom:18px;z-index:9001;width:390px;max-width:calc(100vw - 24px);height:560px;max-height:calc(100vh - 36px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line2);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.65);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .22s var(--ease),transform .22s var(--ease),visibility 0s .22s}
.botPanel.on{opacity:1;visibility:visible;transform:none;transition:opacity .22s var(--ease),transform .22s var(--ease)}
.botHd{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--panel2);border-bottom:1px solid var(--line)}
.botHd>div{flex:1;min-width:0}.botHd b{display:block;font-size:15px}.botHd small{display:block;color:var(--dim);font-size:12px}
.botMark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--gold);color:#111;font-family:inherit;font-weight:900;font-size:12px;line-height:1;letter-spacing:.5px}
.botX{background:none;border:0;color:var(--dim);font-size:26px;line-height:1;cursor:pointer;padding:2px 6px}.botX:hover{color:var(--txt)}
.botMsgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth}
.bMsg{max-width:92%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word}
.bMsg p{margin:0 0 8px}.bMsg p:last-child{margin-bottom:0}
.bMsg ul{margin:6px 0 8px 18px}.bMsg li{margin:3px 0}
.bMsg.bot{align-self:flex-start;background:var(--panel3);border:1px solid var(--line);border-top-left-radius:4px}
.bMsg.user{align-self:flex-end;background:var(--gold);color:#111;font-weight:600;border-top-right-radius:4px}
.bMsg b{color:inherit}.bMsg.bot b{color:var(--txt)}
.bLock{display:inline-block;padding:1px 8px;border-radius:999px;background:rgba(251,184,23,.14);color:var(--gold);font-size:11px;font-weight:700}
.bRow{align-self:flex-start;max-width:100%}
.botChips{display:flex;flex-wrap:wrap;gap:7px}
.botChips button{background:transparent;border:1px solid var(--line2);color:var(--txt);border-radius:999px;padding:7px 13px;font-family:inherit;font-weight:600;font-size:13px;line-height:1.2;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.botChips button:hover{border-color:var(--gold);color:var(--gold);background:rgba(251,184,23,.07)}
.bDots{display:inline-flex;gap:4px;padding:3px 0}.bDots i{width:6px;height:6px;border-radius:50%;background:var(--dim);animation:bDot 1s infinite ease-in-out}
.bDots i:nth-child(2){animation-delay:.15s}.bDots i:nth-child(3){animation-delay:.3s}
@keyframes bDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.botIn{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--panel2)}
.botIn input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line2);border-radius:999px;padding:11px 16px;color:var(--txt);font:inherit;font-size:14px;outline:none}
.botIn input:focus{border-color:var(--gold)}
.botIn button{width:42px;border:0;border-radius:50%;background:var(--gold);color:#111;font-size:16px;cursor:pointer}
.botFt{margin:0;padding:8px 12px;text-align:center;font-size:11px;color:var(--dim2);background:var(--panel2);border-top:1px solid var(--line)}
.askS24{margin-top:10px;background:transparent;border:1px solid var(--line2);color:var(--gold);border-radius:999px;padding:6px 14px;font-family:inherit;font-weight:700;font-size:12px;line-height:1;cursor:pointer}
.askS24:hover{border-color:var(--gold);background:rgba(251,184,23,.08)}
@media(max-width:560px){.botPanel{right:0;bottom:0;width:100vw;max-width:100vw;height:86vh;max-height:86vh;border-radius:18px 18px 0 0}.botFab{right:12px;bottom:12px}.botFab span{display:none}.botFab{padding:14px}}
.stTag{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-family:inherit;font-weight:700;font-size:10px;line-height:1.5;letter-spacing:.3px;vertical-align:middle;background:rgba(139,150,163,.14);color:var(--dim)}
.stTag[hidden]{display:none}.stTag.live{background:rgba(239,68,68,.16);color:#ff7b7b}.stTag.pre{background:rgba(59,130,246,.14);color:#7fb0ff}.stTag.fin{background:rgba(139,150,163,.14);color:var(--dim)}
.skipBox{margin:0 0 18px;border:1px solid var(--line2);border-radius:16px;background:var(--panel);overflow:hidden}
.skipHd{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(90deg,rgba(251,184,23,.07),transparent)}
.skipHd>div{flex:1;min-width:0}.skipHd h3{font-size:16px;margin:0}.skipHd p{color:var(--dim);font-size:13px;margin:2px 0 0}
.skipMark{display:grid;place-items:center;width:46px;height:34px;border-radius:9px;border:1px solid var(--gold);color:var(--gold);font-family:inherit;font-weight:600;font-size:11px;line-height:1;letter-spacing:.6px}
.skipCt{min-width:30px;text-align:center;padding:3px 9px;border-radius:999px;background:var(--panel3);color:var(--gold);font-weight:700;font-size:13px}
.skipRow{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}
.skSp{flex:none;width:44px;text-align:center;padding:2px 0;border-radius:6px;background:var(--panel3);color:var(--dim);font-family:inherit;font-weight:600;font-size:10.5px;line-height:1.6;letter-spacing:.4px}
.skG{flex:1;min-width:0}.skT{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:700;font-size:14px}.skT i{color:var(--dim2);font-style:normal;font-weight:600}
.skT img{width:20px;height:20px;object-fit:contain}
.skW{color:var(--dim);font-size:12.5px;margin-top:2px}
.skTm{flex:none;color:var(--dim);font-size:12px;white-space:nowrap}
.skipMore{display:block;width:100%;padding:12px;background:var(--panel2);border:0;border-top:1px solid var(--line);color:var(--gold);font-family:inherit;font-weight:700;font-size:13px;line-height:1;cursor:pointer}
.skipMore:hover{background:var(--panel3)}
@media(max-width:560px){.skipRow{flex-wrap:wrap}.skTm{margin-left:56px}}
.rsTag{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font-family:inherit;font-weight:600;font-size:10px;line-height:1.5;letter-spacing:.5px;vertical-align:middle}
.rsTag.w{background:rgba(34,197,94,.2);color:var(--grn)}.rsTag.l{background:rgba(239,68,68,.16);color:#ff8a8a}.rsTag.p{background:rgba(139,150,163,.18);color:var(--dim)}
.rsBanner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-bottom:14px;padding:11px 14px;border-radius:10px;border:1px solid var(--line2);font-size:13.5px}
.rsBanner span{color:var(--dim);font-size:12.5px}
.rsBanner.w{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.45)}.rsBanner.w b{color:var(--grn)}
.rsBanner.l{background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.3)}.rsBanner.l b{color:#ff8a8a}
.mpBox{margin:0 0 18px}.mpHd{display:flex;align-items:center;justify-content:space-between}.mpHd h3{font-size:16px;margin:0}.mpHd span{color:var(--dim);font-size:13px}

/* ---- motion: every click eases instead of jumping ---- */
@keyframes pgIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes fxIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes pkOpen{from{max-height:0;opacity:0;padding-top:0;padding-bottom:0}to{max-height:1600px;opacity:1}}
@keyframes pkClose{from{max-height:1600px;opacity:1}to{max-height:0;opacity:0;padding-top:0;padding-bottom:0}}
@keyframes mdIn{from{opacity:0}to{opacity:1}}
@keyframes mdBox{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes navIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.pg:not(.hide){animation:pgIn .4s var(--ease) both}
.pkBody{overflow:hidden}
.pk.open .pkBody{animation:pkOpen .34s var(--ease)}
.pk.closing .pkBody{display:block;animation:pkClose .28s var(--ease) forwards}
.pk.fresh{animation:cardIn .55s var(--ease)}
.fx{}
.modal.on{animation:mdIn .25s var(--ease)}
.modal.on>*{animation:mdBox .32s var(--ease)}
.modal.out{display:block;opacity:0;transition:opacity .2s var(--ease)}
nav.open{animation:navIn .25s var(--ease)}
.aboutBody{overflow:hidden;max-height:3000px;opacity:1;transition:max-height .45s var(--ease),opacity .3s var(--ease),padding .3s var(--ease)}
.aboutBody.collapsed{display:block!important;max-height:0;opacity:0;padding-top:0;padding-bottom:0}
.aboutToggle{transition:transform .3s var(--ease),background .2s,color .2s}
button,.btn,a.post,.art,.pk,.skipMore,.askS24,.skipRow,.fpPanel{transition:background .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease),opacity .2s var(--ease),filter .2s var(--ease)}
a.post:hover,.art:hover{transform:translateY(-3px)}
.pk:hover{border-color:var(--line2)}
.skipRow:hover{background:rgba(255,255,255,.02)}
.skipRow.skGoRow{cursor:pointer;-webkit-tap-highlight-color:transparent}
.skipRow.skGoRow:hover{background:rgba(251,184,23,.05)}
.skipRow.skGoRow:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.skipRow.skGoRow:active{background:rgba(251,184,23,.09)}
.skGo{flex:none;color:var(--gold);font-size:22px;line-height:1;margin-left:-2px;font-weight:600}
@media(max-width:560px){
.skipRow.skGoRow{padding:13px 16px;position:relative;gap:8px 10px;align-items:center}
.skipRow.skGoRow .skSp{order:1}
.skipRow.skGoRow .skTm{order:2;margin:0 26px 0 auto}
.skipRow.skGoRow .skG{order:3;flex:1 1 100%;padding-right:26px}
.skGo{position:absolute;right:16px;top:50%;transform:translateY(-50%)}}

/* ---- account pill (header) ---- */
.acct{position:relative;margin-left:14px;flex:none}
.acctBtn{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--line2);background:var(--panel2);color:var(--dim);font-family:inherit;font-weight:700;font-size:12px;line-height:1;cursor:pointer;letter-spacing:.3px}
.acctBtn:hover{border-color:var(--gold);color:var(--txt)}
.acctBtn.mem{background:linear-gradient(135deg,#ffd04a,var(--gold) 60%,var(--gold-dk));border-color:transparent;color:#111;font-weight:700;letter-spacing:.8px;box-shadow:0 3px 14px rgba(251,184,23,.25)}
.acctBtn.mem:hover{color:#111;filter:brightness(1.06)}
.acctBtn svg{width:11px;height:11px}
/* ===== v170: account menu (desktop dropdown + phone bottom sheet) and account settings page ===== */
.acctMenu{--am-bg:#11151D;--am-el:#1B222D;--am-ln:#2B3442;--am-tx:#F8FAFC;--am-dim:#94A3B8;--am-gold:#FBB817;--am-ok:#22C55E;--am-err:#EF4444;
  position:absolute;right:0;top:calc(100% + 10px);width:340px;max-width:calc(100vw - 24px);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);overflow:auto;overscroll-behavior:contain;
  background:var(--am-bg);border:1px solid var(--am-ln);border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);padding:12px;color:var(--am-tx);
  opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .15s var(--ease),transform .15s var(--ease),visibility 0s .15s;z-index:80}
.acctMenu.open{opacity:1;visibility:visible;transform:none;transition:opacity .15s var(--ease),transform .15s var(--ease)}
.amId{display:flex;align-items:center;gap:12px;padding:2px 2px 12px}
.amAv{background:none;border:0;padding:4px;margin:-4px;border-radius:50%;cursor:pointer;flex:none;display:inline-flex;-webkit-tap-highlight-color:transparent}
.amWho{min-width:0;display:flex;flex-direction:column;gap:2px}
.amNm{font-size:15px;font-weight:700;color:var(--am-tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amEm{font-size:12.5px;color:var(--am-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amBdg{align-self:flex-start;margin-top:5px;font-size:10px;font-weight:700;letter-spacing:.9px;padding:3px 8px;border-radius:99px;border:1px solid var(--am-ln);color:var(--am-dim);line-height:1.2}
.amBdg.mem{color:var(--am-gold);border-color:rgba(251,184,23,.45);background:rgba(251,184,23,.08)}
.amCard{background:var(--am-el);border:1px solid var(--am-ln);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.amCardT{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--am-dim)}
.amCardR{display:flex;align-items:center;justify-content:space-between;gap:10px}
.amCardR b{font-size:15px;font-weight:700}
.amSt{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.8px;color:var(--am-ok)}
.amSt i{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.amSt.dim{color:var(--am-dim)}
.amSk{height:12px;width:70%;border-radius:6px;background:linear-gradient(90deg,#222a37,#2b3442,#222a37);background-size:200% 100%;animation:amSk 1.2s linear infinite}
@keyframes amSk{to{background-position:-200% 0}}
.amNote{margin:0;font-size:12.5px;color:var(--am-dim);line-height:1.4}
.amCta{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;padding:8px 12px;border-radius:10px;border:1px solid var(--am-ln);background:transparent;color:var(--am-tx);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.amCta:hover{border-color:rgba(251,184,23,.55);color:var(--am-gold)}
.amCta.gold{background:var(--am-gold);border-color:var(--am-gold);color:#0B0D12}
.amCta.gold:hover{color:#0B0D12;filter:brightness(1.07)}
.amSec{font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--am-dim);padding:12px 10px 4px}
.amSep{height:1px;background:var(--am-ln);margin:8px 0}
.amIt{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--am-tx);font-family:inherit;text-align:left;cursor:pointer}
.amIt:hover{background:var(--am-el)}
.amIt .amIc{flex:none;color:var(--am-dim)}
.amIt:hover .amIc{color:var(--am-gold)}
.amTx{flex:1;min-width:0}
.amTx b{display:block;font-size:13.5px;font-weight:600;line-height:1.25}
.amTx small{display:block;font-size:12px;color:var(--am-dim);line-height:1.3;margin-top:1px}
.amIt em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.6px;color:var(--am-gold);background:rgba(251,184,23,.1);border-radius:99px;padding:3px 7px;flex:none}
.amIt .amChev{flex:none;color:#566176;margin-left:-4px}
.amIt.out:hover{color:#fca5a5}.amIt.out:hover .amIc{color:#fca5a5}
.acctMenu :is(button,a):focus-visible{outline:2px solid var(--am-gold);outline-offset:2px}
.amGrip,.amX{display:none}
#acctOv{align-items:flex-end;justify-content:center;padding:0;background:rgba(0,0,0,.6)}
#acctOv .acctMenu{position:relative;right:auto;top:auto;width:100%;max-width:520px;max-height:min(90vh,680px);max-height:min(90dvh,680px);opacity:1;visibility:visible;transform:none;border-radius:18px 18px 0 0;border-bottom:0;box-shadow:0 -12px 40px rgba(0,0,0,.5);padding:8px 14px calc(14px + env(safe-area-inset-bottom,0px));animation:amUp .22s var(--ease)}
#acctOv .amGrip{display:block;width:40px;height:4px;border-radius:4px;background:#2B3442;margin:4px auto 10px}
#acctOv .amX{display:grid;position:absolute;top:8px;right:8px;width:44px;height:44px;place-items:center;border:0;background:transparent;color:var(--am-dim);font-size:26px;line-height:1;cursor:pointer;border-radius:50%}
#acctOv .amX:hover{color:var(--am-tx);background:var(--am-el)}
#acctOv .amId{padding-right:46px}
#acctOv .amCta{min-height:44px}
@keyframes amUp{from{transform:translateY(28px);opacity:.5}to{transform:none;opacity:1}}
html.amLock,html.amLock body{overflow:hidden}
@media(prefers-reduced-motion:reduce){#acctOv .acctMenu{animation:none}.amSk{animation:none}}
/* avatar: thin gold ring with a soft shadow (no spinning or glow) */
.avRing::before{content:"";position:absolute;inset:-2px;border-radius:50%;z-index:-1;background:#FBB817}
.avRing::after{display:none}
.avImg{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:#161a20;border:2px solid #0b0d10;display:flex;align-items:center;justify-content:center;color:var(--gold);font-weight:700;font-size:calc(var(--s) * .42)}
/* account settings page */
#pg-account .pageHead{padding-bottom:6px}
.apWrap{max-width:760px;margin:0;padding:6px 0 70px;display:flex;flex-direction:column;gap:14px}
.apNav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.apNav::-webkit-scrollbar{display:none}
.apNav button{flex:none;min-height:44px;padding:8px 14px;border-radius:99px;border:1px solid #2B3442;background:#11151D;color:#94A3B8;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.apNav button:hover{color:#F8FAFC;border-color:rgba(251,184,23,.5)}
.apCard{background:#11151D;border:1px solid #2B3442;border-radius:12px;padding:18px;scroll-margin-top:96px;color:#F8FAFC}
.apCard h2{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.2px}
.apCard label,.apCard .apLbl{display:block;margin:16px 0 6px;font-size:12px;font-weight:700;letter-spacing:.6px;color:#94A3B8;text-transform:uppercase}
.apHint{margin:6px 0 0;font-size:13px;color:#94A3B8;line-height:1.45}
.apPhoto{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.apAvBox{padding:4px;flex:none}
.apPhAct{min-width:0;flex:1 1 220px;display:flex;flex-direction:column;gap:8px}
.apRow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.apBtn{min-height:44px;padding:9px 16px;border-radius:10px;border:1px solid #2B3442;background:#1B222D;color:#F8FAFC;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.apBtn:hover{border-color:rgba(251,184,23,.55)}
.apBtn.pri{background:#FBB817;border-color:#FBB817;color:#0B0D12}
.apBtn.pri:hover{filter:brightness(1.07)}
.apBtn.ghost{background:transparent;color:#94A3B8}
.apBtn.danger{border-color:rgba(239,68,68,.5);color:#fca5a5}
.apBtn[disabled]{opacity:.55;cursor:default}
.apCard input[type=text],.apCard select{min-height:44px;width:100%;padding:9px 12px;border-radius:10px;border:1px solid #2B3442;background:#0B0D12;color:#F8FAFC;font-family:inherit;font-size:15px}
.apCard input[type=text]:focus,.apCard select:focus{outline:2px solid #FBB817;outline-offset:1px;border-color:transparent}
.apNameRow{display:flex;gap:8px;align-items:stretch}.apNameRow input{flex:1;min-width:0}
.apErr{margin:6px 0 0;min-height:0;font-size:13px;color:#fca5a5}
.apOk{color:#22C55E}
.apEmail{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:9px 12px;border-radius:10px;border:1px solid #2B3442;background:#0B0D12;font-size:15px;color:#cbd5e1}
.apEmail span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apEmail .apTag{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.8px;color:#94A3B8;border:1px solid #2B3442;border-radius:99px;padding:3px 8px}
.apLink{background:none;border:0;padding:0;color:#FBB817;font:inherit;text-decoration:underline;cursor:pointer}
.apChips{display:flex;flex-wrap:wrap;gap:8px}
.apChip{min-height:44px;padding:8px 16px;border-radius:99px;border:1px solid #2B3442;background:#0B0D12;color:#cbd5e1;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.apChip[aria-pressed=true]{background:rgba(251,184,23,.14);border-color:#FBB817;color:#FBB817}
.apSeg{display:inline-flex;border:1px solid #2B3442;border-radius:10px;overflow:hidden;background:#0B0D12}
.apSeg button{min-height:44px;padding:8px 18px;border:0;background:transparent;color:#94A3B8;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.apSeg button[aria-pressed=true]{background:#FBB817;color:#0B0D12}
.apKv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2B3442;font-size:14px}
.apKv:last-of-type{border-bottom:0}
.apKv span{color:#94A3B8}.apKv b{font-weight:700;text-align:right}
.apCard :is(button,a,input,select):focus-visible{outline:2px solid #FBB817;outline-offset:2px}
.apConf{margin-top:12px;padding:12px;border:1px solid rgba(239,68,68,.4);border-radius:10px;background:rgba(239,68,68,.06)}
.apConf p{margin:0 0 10px;font-size:13.5px}
@media(max-width:560px){.apCard{padding:16px 14px}.apNameRow{flex-direction:column}.apNameRow .apBtn{width:100%}.apRow .apBtn{flex:1 1 100%}.apSeg{display:flex}.apSeg button{flex:1}}


.acct .hideSm{margin-right:8px}
.acctBtn.ghost{background:transparent}
.acctBtn.gold{background:var(--gold);border-color:var(--gold);color:#08090b;font-weight:700}
.acctBtn.gold:hover{color:#08090b;filter:brightness(1.07)}
.acctWrap{display:flex;align-items:center}
.acct{display:flex;align-items:center;gap:10px;position:relative}
.acctEm{font-size:12px;color:var(--dim2);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}
@media(max-width:900px){.acctEm{display:none}}
.authOv{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);z-index:900;display:none;align-items:center;justify-content:center;padding:16px}
.authOv.open{display:flex}
.authBox{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line2);border-radius:16px;padding:26px 24px 22px;box-shadow:0 24px 70px rgba(0,0,0,.7);position:relative;max-height:94vh;overflow:auto}
.authX{position:absolute;top:10px;right:12px;background:transparent;border:0;color:var(--dim);font-size:22px;line-height:1;cursor:pointer;padding:6px 10px}
.authX:hover{color:var(--txt)}
.authBox h3{margin:0 0 4px;font-size:20px;color:var(--txt)}
.authBox .sub{margin:0 0 16px;font-size:13px;color:var(--dim)}
.authTabs{display:flex;gap:4px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:18px}
.authTabs button{flex:1;background:transparent;border:0;border-radius:8px;padding:9px 0;color:var(--dim);font-family:inherit;font-weight:700;font-size:13px;cursor:pointer}
.authTabs button.on{background:var(--gold);color:#08090b}
.authBox label{display:block;font-size:11.5px;font-weight:700;color:var(--dim);letter-spacing:.4px;margin:12px 0 5px}
.authBox input{width:100%;background:var(--bg);border:1px solid var(--line2);border-radius:9px;padding:11px 12px;color:var(--txt);font-family:inherit;font-size:14px}
.authBox input:focus{outline:none;border-color:var(--gold)}
.pwMeter{height:4px;background:var(--line);border-radius:4px;margin-top:8px;overflow:hidden}
.pwMeter i{display:block;height:100%;width:0;background:var(--red);transition:width .2s,background .2s}
.pwHint{font-size:11.5px;color:var(--dim2);margin-top:5px;min-height:15px}
.authMsg{margin-top:14px;padding:10px 12px;border-radius:9px;font-size:13px;line-height:1.45;display:none}
.authMsg.err{display:block;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fca5a5}
.authMsg.ok{display:block;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.4);color:#86efac}
.authGo{width:100%;margin-top:16px;background:var(--gold);color:#08090b;border:0;border-radius:10px;padding:12px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}
.authGo:disabled{opacity:.6;cursor:wait}
.authGo .spin{width:14px;height:14px;border:2px solid rgba(0,0,0,.25);border-top-color:#08090b;border-radius:50%;animation:authSpin .7s linear infinite;display:none}
.authGo.busy .spin{display:inline-block}
.authSpinDot{display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid rgba(251,184,23,.3);border-top-color:var(--gold);border-radius:50%;animation:authSpin .7s linear infinite;vertical-align:-1px}
@keyframes authSpin{to{transform:rotate(360deg)}}
.authLink.dim{color:var(--dim);font-weight:600;font-size:12px;padding-top:6px}
.authLink.dim:hover:not(:disabled){color:var(--gold)}
.authLink:disabled{opacity:.7;cursor:default}
.authLink{background:transparent;border:0;color:var(--gold);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:10px 0 0;display:block;margin:0 auto}
.pwWrap{position:relative}.pwWrap input{padding-right:66px}
.pwEye{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--dim);font-family:inherit;font-weight:700;font-size:12.5px;padding:10px 11px;cursor:pointer;border-radius:8px}
.pwEye:hover{color:var(--gold)}
.sentIc{width:54px;height:54px;border-radius:50%;background:rgba(251,184,23,.12);border:1px solid rgba(251,184,23,.4);color:var(--gold);display:flex;align-items:center;justify-content:center;font-size:26px;margin:4px 0 12px}
.sentTxt{font-size:14px;line-height:1.55;color:var(--txt);margin:0}.sentTxt b{color:var(--gold);overflow-wrap:anywhere}
#authSent{margin-bottom:6px}#authBack{padding-top:12px}#authResend{padding-top:12px}
.authFine{font-size:11px;color:var(--dim2);text-align:center;margin-top:12px;line-height:1.5}
.ckBar{position:fixed;left:12px;bottom:12px;z-index:880;width:min(520px,calc(100vw - 24px));display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:rgba(16,19,23,.97);border:1px solid var(--line2);border-radius:14px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ckBar p{flex:1 1 260px;margin:0;font-size:12.5px;line-height:1.45;color:var(--dim)}.ckBar a{color:var(--gold);text-decoration:underline}
.ckBtns{display:flex;gap:8px;flex:0 0 auto}.ckBtns button{min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--gold);background:var(--gold);color:#08090b;font:inherit;font-weight:800;font-size:13.5px;cursor:pointer}.ckBtns button.alt{background:transparent;color:var(--txt);border-color:var(--line2)}
@media(max-width:700px){.ckBar{left:8px;right:8px;width:auto;bottom:calc(74px + env(safe-area-inset-bottom,0px));padding:8px 10px;gap:6px}.ckBar p{flex:1 1 100%;font-size:11.5px;line-height:1.35}.ckBtns{width:100%}.ckBtns button{flex:1;min-height:38px;font-size:13px}}
@media(min-width:701px) and (max-width:1100px){.ckBar{width:min(520px,calc(100vw - 200px))}}
@media(max-width:700px) and (max-height:700px){.ckLong{display:none}.ckBar{padding:6px 10px}.ckBtns button{min-height:36px}}
.authAge{display:flex;gap:10px;align-items:flex-start;margin:12px 0 2px;font-size:13px;line-height:1.45;color:var(--dim);cursor:pointer}.authAge input{flex:0 0 auto;width:22px;height:22px;margin:0;accent-color:var(--gold)}.authAge a{color:var(--gold);text-decoration:underline}
.authTerms{font-size:11.5px;color:var(--dim);text-align:center;margin:12px 0 0;line-height:1.5}.authTerms a{color:var(--gold);text-decoration:underline}
.codeBox{margin-top:14px}.codeBox label{margin:0 0 6px}
.codeRow{display:flex;gap:8px;align-items:stretch}
.codeRow input{flex:1;min-width:0;font-size:20px;letter-spacing:6px;text-align:center;font-weight:700;padding:11px 8px}
.codeRow input::placeholder{letter-spacing:1px;font-size:14px;font-weight:600;color:var(--dim2)}
#authVerify{flex:0 0 auto;background:var(--panel2);border:1px solid var(--line2);border-radius:9px;color:var(--txt);font-family:inherit;font-weight:700;font-size:14px;padding:0 18px;cursor:pointer;min-height:46px}
#authVerify:hover:not(:disabled){border-color:var(--gold);color:var(--gold)}#authVerify:disabled{opacity:.6;cursor:wait}
.hpot{position:absolute;left:-9999px;opacity:0;height:0;width:0}

.upList{list-style:none;margin:14px 0 4px;padding:0}
.upList li{font-size:13.5px;color:var(--txt);padding:6px 0 6px 24px;position:relative}
.upList li:before{content:'\2713';position:absolute;left:0;color:var(--grn);font-weight:700}
.upPrice{font-size:30px;font-weight:700;color:var(--txt);margin-top:6px}.upPrice small{font-size:14px;color:var(--dim);font-weight:600}
.upPlans{display:flex;gap:10px;margin-top:14px}
.upPlan{flex:1;position:relative;border:1px solid var(--line2);border-radius:12px;padding:14px 10px 12px;text-align:center;background:var(--panel2)}
.upPlan span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.8px;color:var(--dim);text-transform:uppercase}
.upPlan b{display:block;font-size:28px;font-weight:700;color:var(--txt);margin:4px 0 2px}
.upPlan small{font-size:11.5px;color:var(--dim);line-height:1.4;display:block}
.upPlan{font:inherit;cursor:pointer;color:inherit;transition:border-color .15s,transform .1s}
.upPlan:hover{border-color:var(--gold)}
.upPlan:active{transform:scale(.98)}
.upPlan:disabled{opacity:.6;cursor:wait}
.upErr{color:#ff6b6b;font-size:12.5px;margin:10px 0 0;text-align:center}
.upPlan.best{border-color:var(--gold);background:rgba(251,184,23,.08)}
.upPlan.best i{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--gold);color:#08090b;font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.8px;padding:3px 8px;border-radius:99px;white-space:nowrap}
.upTax{font-size:11.5px;color:var(--dim2);text-align:center;margin:8px 0 0}
.upEmail{margin-top:14px;padding:11px 12px;border-radius:9px;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.4);font-size:13px;color:var(--txt);line-height:1.5}
.upEmail b{color:var(--gold);word-break:break-all}
a.authGo{text-decoration:none}
@media(max-width:560px){.acct .hideSm{display:none}}
@media(max-width:900px){.acct{margin-left:auto}.burger{margin-left:10px}}
@media(max-width:560px){.acctLong{display:none!important}.acctBtn{padding:7px 10px;font-size:11px;letter-spacing:.4px;gap:0}.acctBtn.mem{letter-spacing:.4px}.acctBtn svg{display:none}.acct{margin-left:auto}.burger{margin-left:8px;padding:6px 10px}}

/* ---- member polish: grades are color-coded everywhere ---- */
.pcHit{display:inline-flex;align-items:center;gap:7px}
.pcGr{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:6px;font-size:11px;font-weight:600;color:#0b0d10;background:var(--grn)}
.pcHit.pcA{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.5);color:#5be08a}.pcHit.pcA .pcGr{background:#22c55e}
.pcHit.pcB{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.45);color:#8fc0ff}.pcHit.pcB .pcGr{background:#60a5fa}
.pcHit.pcC{background:rgba(251,184,23,.12);border-color:rgba(251,184,23,.5);color:var(--gold)}.pcHit.pcC .pcGr{background:var(--gold)}
.conf.gA{background:rgba(34,197,94,.16);color:#5be08a}.conf.gB{background:rgba(96,165,250,.15);color:#8fc0ff}.conf.gC{background:rgba(251,184,23,.15);color:var(--gold)}
.mdTbl tr.rgA td:first-child{box-shadow:inset 4px 0 0 #22c55e}.mdTbl tr.rgB td:first-child{box-shadow:inset 4px 0 0 #60a5fa}.mdTbl tr.rgC td:first-child{box-shadow:inset 4px 0 0 var(--gold)}
.bsTbl{max-width:none}.bsTbl .teamCell img,.bsTbl .teamCell img{width:26px;height:26px}
.bsTbl .teamCell{gap:9px;font-size:13.5px}.bsTbl td{padding:14px 14px}
.bsTime{white-space:nowrap;color:var(--dim);font-size:12px;font-weight:700;width:1%}
.bsWhy{color:var(--dim);font-size:12.5px;line-height:1.45;max-width:420px;display:table-cell}
.bsWhy{overflow:hidden;text-overflow:ellipsis}
/* framed member table */
#mdWrapOuter.member{width:auto;margin-left:0;padding:0}
#mdWrapOuter.member .mdScroll{border:1px solid rgba(251,184,23,.4);border-radius:16px;background:var(--panel);box-shadow:0 0 0 4px rgba(251,184,23,.04),0 26px 60px rgba(0,0,0,.5);overflow-x:auto}
.mdTitle{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 20px;background:linear-gradient(90deg,rgba(251,184,23,.09),transparent 70%);border-bottom:1px solid var(--line2)}
.mdTitle b{display:block;font-size:15px}.mdTitle span{display:block;color:var(--dim);font-size:12px;margin-top:2px}
.mdLegend{display:flex;align-items:center;gap:7px;color:var(--dim);font-size:11.5px}
.mdLegend i{font-style:normal;display:inline-grid;place-items:center;width:19px;height:19px;border-radius:6px;font-size:11px;font-weight:600;color:#0b0d10;margin-left:8px}
.mdLegend .lgBtn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--dim);font:inherit;font-size:11.5px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.mdLegend .lgBtn i{margin-left:0}
.mdLegend .lgBtn em{font-style:normal;font-size:10.5px;opacity:.7}
.mdLegend .lgBtn:hover{border-color:rgba(251,184,23,.5);color:#fff}
.mdLegend .lgBtn.on{border-color:var(--gold);background:rgba(251,184,23,.14);color:#fff}
.mdLegend .lgStat{display:inline-flex;align-items:center;gap:6px}.mdLegend .lgStat i{margin-left:0}
.mdLegend .lgClr{background:none;border:0;color:var(--gold);font:inherit;font-size:11.5px;text-decoration:underline;cursor:pointer;padding:4px}
.mdLegend i.lgA{background:#22c55e}.mdLegend i.lgB{background:#60a5fa}.mdLegend i.lgC{background:var(--gold)}.mdLegend i.lgP{background:var(--panel3);color:var(--dim)}
.member .mdTbl th{background:var(--panel2)}
.member .tabHelp{display:none}
/* game popup readout */
.rdCard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:14px}
.rdKicker{font-size:10px;font-weight:600;letter-spacing:1.4px;color:var(--gold);margin-bottom:12px}
.rdPickRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line)}
.rdPickRow:first-of-type{border-top:0}.rdPickRow>span:first-child{color:var(--dim);font-size:13px}
.rdPass{border-style:dashed}.rdPassTxt{color:var(--dim);font-size:14px}
.rdProb{display:flex;height:44px;border-radius:10px;overflow:hidden;border:1px solid var(--line2)}
.rdProb>div{display:flex;align-items:center;min-width:0;padding:0 12px;font-size:12.5px;font-weight:600;white-space:nowrap}
.rdProb img{width:20px;height:20px;object-fit:contain;margin:0 6px}
.rdPA{background:linear-gradient(90deg,rgba(96,165,250,.35),rgba(96,165,250,.18))}
.rdPH{background:linear-gradient(90deg,rgba(251,184,23,.18),rgba(251,184,23,.38));justify-content:flex-end}
.rdScore{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.rdScore div{display:flex;flex-direction:column}.rdScore small{color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.5px}
.rdScore b{font-size:30px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.rdScore i{color:var(--dim2);font-style:normal;font-size:24px}
.rdScore .rdTot{margin-left:auto;padding-left:22px;border-left:1px solid var(--line2)}.rdScore .rdTot b{color:var(--gold)}
.rdFac{display:grid;grid-template-columns:minmax(120px,190px) 1fr minmax(52px,auto);align-items:center;gap:12px;padding:6px 0;font-size:13px}
.rdFac>span{color:var(--txt);text-transform:capitalize}
.rdBar{height:8px;background:var(--panel3);border-radius:99px;overflow:hidden}.rdBar i{display:block;height:100%;border-radius:99px;transition:width .6s var(--ease)}
.rdBar i.pos{background:linear-gradient(90deg,#16a34a,#22c55e)}.rdBar i.neg{background:linear-gradient(90deg,#dc2626,#ef4444)}
.rdFac b{text-align:right;font-variant-numeric:tabular-nums}.rdFac b.pos{color:#5be08a}.rdFac b.neg{color:#ff8a8a}
.rdNote{color:var(--dim);font-size:13px;margin-top:8px}
.rdGoal{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.rdGoal>span{font-size:10px;font-weight:600;letter-spacing:1.2px;color:var(--dim2)}
.rdGoal em{font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:var(--panel3);color:var(--dim)}
.rdGoal em.ok{background:rgba(34,197,94,.15);color:#5be08a}.rdGoal em.pr{background:rgba(251,184,23,.13);color:var(--gold)}
@media(max-width:700px){.rdFac{grid-template-columns:1fr 64px minmax(46px,auto)}.rdScore b{font-size:24px}}
.monoLg{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--panel3);border:1px solid var(--line2);color:var(--dim);font-size:8px;font-weight:600;letter-spacing:0;flex:0 0 auto}
.bsTbl .monoLg,.rsTbl .monoLg{width:26px;height:26px;font-size:10px}
.rdTeam .monoLg{width:38px;height:38px;font-size:13px}
.rdProb .monoLg{width:22px;height:22px;font-size:9px;margin:0 6px}
.skT .monoLg{vertical-align:middle;margin:0 4px}
/* AI Gameplan */
.gpWrap{padding:14px;display:flex;flex-direction:column;gap:12px}
.gpTop{border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:16px 20px}
.gpH1{font-size:17px;font-weight:700;letter-spacing:.3px;color:var(--gold)}.gpH2{color:var(--dim);font-size:12.5px;margin-top:5px;line-height:1.5}
.gpCard{border:1px solid var(--line2);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.gpHead{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 20px;background:var(--panel2);border:0;color:var(--txt);cursor:pointer;text-align:left;font:inherit;border-bottom:1px solid var(--line);transition:background .25s var(--ease)}
.gpHead:hover{background:var(--panel3)}
.gpTeams{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0}.gpT{display:inline-flex;align-items:center;gap:10px;font-size:16px}.gpT img{width:32px;height:32px;object-fit:contain}.gpT .monoLg{width:32px;height:32px;font-size:11px}
.gpTeams i{font-style:normal;color:var(--dim2);font-size:12px;font-weight:600}
.gpMeta{display:flex;align-items:center;gap:12px;flex:0 0 auto}.gpMeta em{font-style:normal;color:var(--dim);font-size:12.5px}
.gpMeta u{text-decoration:none;font-size:11px;font-weight:600;padding:3px 10px;border-radius:99px}.gpOk{background:rgba(34,197,94,.15);color:#5be08a}.gpWait{background:rgba(251,184,23,.13);color:var(--gold)}
.gpChev{text-decoration:none;color:var(--gold);font-size:16px;transition:transform .35s var(--ease)}.gpCard.shut .gpChev{transform:rotate(-90deg)}
.gpBody{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s var(--ease)}.gpCard.shut .gpBody{grid-template-rows:0fr}
.gpIn{min-height:0;overflow:hidden;padding:0 22px}.gpCard:not(.shut) .gpIn{padding:6px 22px 18px}
.gpSec{margin:16px -22px 8px;padding:8px 22px;background:rgba(251,184,23,.08);border-left:3px solid var(--gold);font-size:13px;font-weight:700;color:var(--gold)}
.gpSub{margin:12px 0 4px;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:#7cb4ff}
.gpUl{margin:4px 0 6px;padding-left:18px}.gpUl li{margin:7px 0;line-height:1.55;font-size:13.5px;color:var(--txt)}.gpUl li::marker{color:var(--gold)}.gpUl b{color:#fff}
.gpP{margin:6px 0;font-size:13.5px;line-height:1.6;color:var(--dim)}
@media(max-width:700px){.gpHead{padding:12px 14px}.gpT{font-size:14px}.gpIn{padding:0 14px}.gpCard:not(.shut) .gpIn{padding:4px 14px 14px}.gpSec{margin:14px -14px 8px;padding:8px 14px}}
/* S24 AI Gameplans: color-coded findings */
.gpKey{display:flex;flex-wrap:wrap;gap:6px 8px}.gpKey span{font-size:10.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;padding:3px 10px;border-radius:99px;border:1px solid var(--c);color:var(--c);background:var(--cb)}
.k-pick{--c:#fbb817;--cb:rgba(251,184,23,.09)}.k-bad,.k-warn{--c:#e8a09a;--cb:rgba(232,160,154,.07)}.k-good,.k-scheme,.k-match,.k-info{--c:#cbd5e1;--cb:rgba(148,163,184,.07)}
.gpSec[class*="k-"]{background:var(--cb);border-left-color:var(--c);color:var(--c)}
.gpSec.k-good,.gpSec.k-scheme,.gpSec.k-match,.gpSec.k-info{border-left-color:var(--line2);color:var(--txt)}
.gpSub[class*="k-"]{color:var(--dim)}.gpSub.k-pick{color:var(--gold)}
.gpUl li::marker{color:var(--dim2)}.gpUl li b{color:#fff}.gpUl li.k-pick::marker,.gpUl li.k-pick b{color:var(--gold)}
.gpSt{display:inline-block;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:6px;margin:0 1px}
.gpSt.o{background:rgba(248,113,113,.12);color:#e8a09a}.gpSt.q{background:rgba(251,191,36,.12);color:#e6c36b}.gpSt.g{background:rgba(74,222,128,.10);color:#86d9a3}
.gpSrc{margin-top:14px;padding-top:10px;border-top:1px dashed var(--line2);font-size:11.5px;color:var(--dim2)}
/* kickoff, live line, movement */
.koCell{white-space:nowrap;width:1%;padding-right:6px!important}
.koD{font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.2px}.koT{font-size:13.5px;font-weight:700;color:var(--txt);margin-top:1px}
.cd{display:inline-block;margin-top:5px;padding:2px 8px;border-radius:99px;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.28);color:var(--gold);font-size:10.5px;font-weight:600;font-variant-numeric:tabular-nums}
.koSc{margin-top:5px;font-size:11px;font-weight:600;color:var(--dim2);letter-spacing:.2px;white-space:nowrap}.koSc b{font-weight:600}.koSc b.w{color:var(--text,#e8ecf1);font-weight:700}.koSc i{font-style:normal;margin:0 5px;opacity:.5}
.koLive{display:inline-block;padding:3px 9px;border-radius:99px;background:rgba(239,68,68,.15);color:#ff7b7b;font-size:11px;font-weight:600}.koFin{color:var(--dim2);font-size:12px;font-weight:700}
.koLive,.stTag.live{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(239,68,68,.45);animation:liveGlow 1.6s ease-in-out infinite}
.koLive::before,.stTag.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#ff4d4d;flex:0 0 auto;animation:liveDot 1.1s ease-in-out infinite}
@keyframes liveDot{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,77,77,.65),0 0 6px #ff4d4d}50%{opacity:.25;box-shadow:0 0 0 5px rgba(255,77,77,0),0 0 2px #ff4d4d}}
@keyframes liveGlow{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}50%{box-shadow:0 0 12px 0 rgba(239,68,68,.35)}}
@media(prefers-reduced-motion:reduce){.koLive,.stTag.live,.koLive::before,.stTag.live::before{animation:none}}

.koCell .bsWk{display:block;margin-top:5px;background:none;padding:0;font-size:10px}
.koRow{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.koRow .koD,.koRow .koT{margin:0;font-size:13px}.koRow .koT{font-weight:700}.koDot{color:var(--dim2)}.koRow .cd{margin:0 0 0 4px}
.rdKick{margin:12px 0 0;padding:9px 14px;border:1px solid var(--line2);border-radius:10px;background:var(--panel2);display:inline-flex}
.llSlot{display:block;margin-top:6px}.llSlot:empty{display:none}
.llChip{display:inline-flex;align-items:center;gap:7px;padding:3px 9px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid var(--line2);font-size:11.5px;white-space:nowrap}
.llChip i{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--dim)}.llChip b{color:var(--txt);font-variant-numeric:tabular-nums}
.rdPickR{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.rdPickR .llSlot{margin-top:4px}
.bsPick{vertical-align:middle}
.bsTbl td.bsTrk{min-width:150px;vertical-align:middle}
.trk{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--dim);line-height:1.35}
.trk b{color:var(--txt);font-weight:700;font-variant-numeric:tabular-nums}
.trkLean{color:var(--dim)}.trkLean b{color:var(--txt)}.trkLean small{color:var(--dim2);font-size:11px}.mvDt{display:block;font-size:10px;color:var(--dim2);font-weight:600;margin-top:1px}.trkGap{display:block;margin-top:3px;font-size:11px;color:var(--dim2);font-weight:600}
.trkPlay{margin-top:6px;display:block}
.trkTag{font-size:8.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--dim2);border:1px solid var(--line2);border-radius:99px;padding:1px 6px;margin-left:4px;vertical-align:middle}
@media(max-width:700px){.bsTbl td.bsTrk{min-width:0!important}.trk{font-size:12.5px}}
.bsTbl td{padding:12px 14px!important}
.bsWhy{white-space:normal!important;min-width:240px;max-width:380px;overflow:visible!important;text-overflow:clip!important}
.bsWhyIn{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.bsMatch{min-width:220px}.bsTeams{flex-wrap:nowrap!important}
.rsMv{width:1%;white-space:nowrap}
.mvUp,.mvDn,.mvFl{display:inline-block;min-width:38px;font-size:12px;font-weight:600}.mvUp{color:var(--grn)}.mvDn{color:var(--red)}.mvFl{color:var(--dim2);padding-left:10px}
.rsRank{display:table-cell!important}
.emptyPro{display:flex;flex-direction:column;align-items:center;gap:8px;padding:54px 24px;text-align:center}
.emptyPro .epIc{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.3);font-size:20px}
.emptyPro b{font-size:16px;color:var(--txt)}.emptyPro span{color:var(--dim);font-size:13.5px;max-width:420px;line-height:1.55}
/* buttons never show the browser's white default */
button{background:transparent;border:0;color:inherit}
/* info boxes: hug their content, no dead space */
.anaGrid{align-items:start!important}
.rcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.injBox{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:14px;border-left:3px solid var(--red)}
.injHd{font-size:9.5px;font-weight:600;letter-spacing:1.4px;color:var(--dim2);padding:0 0 8px;border-bottom:1px solid var(--line)}
.injTm{font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--dim);margin:10px 0 4px}
.injTap .stChip{margin-left:auto}.injTap{cursor:pointer;-webkit-tap-highlight-color:transparent}.injTap:hover b{color:var(--gold)}.injCh{font-style:normal;color:var(--dim);font-size:12px;margin-left:2px;transition:transform .2s;flex:0 0 auto}.injTap.open .injCh{transform:rotate(180deg)}.injHd small{font-weight:600;letter-spacing:0;text-transform:none;color:var(--dim);margin-left:6px}
.injDt{display:none;padding:2px 0 10px;border-bottom:1px solid var(--line)}.injDt.open{display:block}.injDt p{margin:4px 0;font-size:12.5px;line-height:1.45;color:var(--txt)}.injKv{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0}.injKv small{display:block;font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.6px}.injKv b{font-size:12.5px}.injAll{background:none;border:0;color:var(--gold);font:inherit;font-weight:700;font-size:12.5px;padding:6px 0;cursor:pointer}
.injRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.injRow:last-child{border-bottom:0}
.injRow>div{min-width:0}.injRow b{display:block;font-size:12.5px;overflow-wrap:anywhere}
.injRow span:not(.stChip){display:block;font-size:11px;color:var(--dim);overflow-wrap:anywhere}
.injRow .stChip{flex:none;font-size:10.5px;padding:2px 8px}
.facts{padding:12px 16px 6px!important}
.facts .ft{display:block!important;padding:0!important;gap:0!important;grid-template-columns:none!important;font-size:10px;letter-spacing:1.4px}
.facts .fhd{padding-bottom:10px!important;margin-bottom:2px!important}
.facts .fr{padding:8px 0!important}
.facts .fr b.gold{color:var(--gold)}.facts .fr b.gA{color:#5be08a}.facts .fr b.gB{color:#8fc0ff}.facts .fr b.gC{color:var(--gold)}
.facts .fr b .pcHit{font-size:11.5px}
/* color-coded cards */
.rdCard{--acc:var(--gold);border-left:3px solid var(--acc)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,var(--panel)),var(--panel) 55%)!important;padding:14px 18px!important;margin-bottom:12px!important}
.rdCard .rdKicker{color:var(--acc)!important;margin-bottom:10px!important}
.acGreen{--acc:#22c55e}.acGold{--acc:#fbb817}.acBlue{--acc:#60a5fa}.acPurple{--acc:#a78bfa}.acGrey{--acc:#6b7685}
.rdCard:last-child{margin-bottom:0!important}
.rdMM{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:9px 0;border-top:1px solid var(--line)}
.rdMM:first-of-type{border-top:0;padding-top:0}.rdMM:last-child{padding-bottom:0}
.mmK{font-size:12.5px;color:var(--dim);font-weight:700}.mmV small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:2px}.mmV b{font-size:14px;font-variant-numeric:tabular-nums}
.mmG{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:var(--panel3);color:var(--dim);white-space:nowrap}.mmG:empty{display:none}
.mmG.hi{background:rgba(34,197,94,.16);color:#5be08a}.mmG.mid{background:rgba(251,184,23,.14);color:var(--gold)}.mmG.lo{background:var(--panel3);color:var(--dim)}
.rdFA{margin-top:2px}.rdFac+.rdFA,.rdFA+.rdNote{margin-top:12px}
.faBar{display:flex;height:30px;border-radius:9px;overflow:hidden;border:1px solid var(--line2)}
.faBar i{display:flex;align-items:center;font-style:normal;font-size:12px;font-weight:600;padding:0 12px;white-space:nowrap;min-width:0}
.faBar i.fa{background:linear-gradient(90deg,rgba(34,197,94,.38),rgba(34,197,94,.2));color:#7ef0a5}.faBar i.ag{background:linear-gradient(90deg,rgba(239,68,68,.2),rgba(239,68,68,.36));color:#ff9a9a;justify-content:flex-end}
.faCols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px}
.faCols small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:6px}
.faCols em{display:inline-block;font-style:normal;font-size:12px;font-weight:700;padding:4px 10px;margin:0 6px 6px 0;border-radius:99px;background:var(--panel3);color:var(--dim)}
.faCols em.fa{background:rgba(34,197,94,.13);color:#7ef0a5}.faCols em.ag{background:rgba(239,68,68,.13);color:#ff9a9a}
.rdNote{margin-top:6px!important}
@media(max-width:700px){.rdMM{grid-template-columns:1fr 1fr;}.mmK{grid-column:1/-1}.faCols{grid-template-columns:1fr}}
/* summary tables: no sticky column (it made text pile up while scrolling); everything fits the frame */
.bsTbl th:first-child,.bsTbl td:first-child,.rsTbl th:first-child,.rsTbl td:first-child,.psTbl th:first-child,.psTbl td:first-child{position:static!important;box-shadow:none!important}
.bsTbl{width:100%;table-layout:auto}
.bsTbl .bsMatch{min-width:230px;max-width:340px}
.bsTbl .bsTeams{flex-wrap:wrap!important;row-gap:6px}
.bsTbl .bsWhyIn{margin-top:8px;max-width:320px;font-size:12px;color:var(--dim);line-height:1.45;white-space:normal}
.bsTbl td{vertical-align:middle}
.bsTbl .teamCell span:last-child{white-space:nowrap}
.bsTbl .pcHit{font-size:12px;padding:5px 9px}
.bsTbl .bsPick{min-width:150px}
.bsTbl th,.bsTbl td{padding-left:12px!important;padding-right:12px!important}
.bsTbl .bsMatch{max-width:none}.bsTbl .bsTeams{flex-wrap:nowrap!important}.bsTbl .teamCell span:last-child{overflow:hidden;text-overflow:ellipsis}
.bsTbl .bsWhyIn{max-width:420px}
/* injuries */
.acRed{--acc:#ef4444}.acOrange{--acc:#fb923c}
.injTop{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.injBig{font-size:14px!important;padding:6px 16px!important}
.injWhat small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:2px}.injWhat b{font-size:15px}
.injTxt{margin:12px 0 0!important;font-size:13.5px!important;line-height:1.55;color:var(--txt)!important}.injTxt.dim{color:var(--dim)!important;font-size:12.5px!important}
.injRet b{display:block;font-size:26px;font-weight:700;line-height:1.1}.injRet small{display:block;margin-top:4px;color:var(--dim);font-size:12px}
.injScale{position:relative;height:10px;border-radius:99px;background:var(--panel3);margin:16px 0 22px}
.injScale i{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#a78bfa,#c4b5fd)}
.injScale span{position:absolute;top:15px;font-size:10px;color:var(--dim2);font-weight:700}.injScale span:nth-of-type(1){left:0}.injScale span:nth-of-type(2){left:50%;transform:translateX(-50%)}.injScale span:nth-of-type(3){right:0}
.injImp{font-size:12.5px;font-weight:600;padding:5px 14px;border-radius:99px}.injImp.hi{background:rgba(239,68,68,.16);color:#ff8a8a}.injImp.mid{background:rgba(251,184,23,.14);color:var(--gold)}.injImp.lo{background:var(--panel3);color:var(--dim)}
.injGame{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:15px}.injGame i{font-style:normal;color:var(--dim2);font-size:11px;font-weight:600}
.injPicks{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.injMates{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.injMate{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.injMate b{font-size:13px}.injMate>span:nth-child(2){grid-column:1;color:var(--dim);font-size:11.5px}.injMate .stChip{grid-column:2;grid-row:1/3}
.stIr{background:rgba(239,68,68,.22);color:#ff7b7b}.stOk{background:rgba(34,197,94,.16);color:#5be08a}
.rdMM{gap:10px 28px!important}.rdMM .mmK{min-width:54px}.rdMM .mmG{margin-left:auto}
.injGame{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.injGame i{display:none}
/* power rankings */
.abbr{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.6px;color:var(--dim2);margin-left:6px}.abbr.big{font-size:13px}
.rsTbl{max-width:none!important;width:100%}.rsTbl td.num{text-align:center}.rsTbl th.num{text-align:center}
.rsTbl td{padding-top:10px!important;padding-bottom:10px!important}.rsTbl .teamCell img,.rsTbl .monoLg{width:26px;height:26px}.rsTbl .teamCell{gap:10px;font-size:13.5px}
.rsTbl td.rsRank{font-size:15px;width:1%}
.mdTbl tr.rtGreen td:first-child{box-shadow:inset 4px 0 0 #22c55e}.mdTbl tr.rtGold td:first-child{box-shadow:inset 4px 0 0 var(--gold)}.mdTbl tr.rtBlue td:first-child{box-shadow:inset 4px 0 0 #60a5fa}.mdTbl tr.rtRed td:first-child{box-shadow:inset 4px 0 0 #ef4444}
.tmTop{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.sdRows{margin-top:12px;display:flex;flex-direction:column}
.sdRow{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.sdRow:first-child{border-top:0}
.sdRow>img,.sdRow>.monoLg,.sdRow>.mono{width:28px;height:28px;flex:none}
.sdWho{min-width:0;display:flex;flex-direction:column;gap:1px}.sdWho>b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.sdWho>b small{color:var(--dim2);font-weight:700;font-size:11px}
.sdWho>small{font-size:11.5px;color:var(--dim2);font-weight:600}
.sdRes{font-size:12.5px;font-weight:800;text-align:center;padding:4px 8px;border-radius:8px;border:1px solid var(--line2);white-space:nowrap}
.sdRes.w{color:#86efac;background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.4)}.sdRes.l{color:#fca5a5;background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.4)}.sdRes.t{color:var(--dim)}
.sdMore{display:none;flex-direction:column}.sdRows.all .sdMore{display:flex}.sdBtn{margin-top:8px;align-self:flex-start}

.tmRank{min-width:92px;padding:8px 14px;border-radius:12px;background:var(--panel2);border:1px solid var(--line2);display:flex;flex-direction:column;gap:1px}
.tmRank small{font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2)}.tmRank b{font-size:26px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.tmRank span{font-size:11px;color:var(--dim)}
.tmMv .mvUp,.tmMv .mvDn,.tmMv .mvFl{font-size:20px;padding:0;min-width:0}
.tmTier{margin-left:auto;align-self:center;font-size:12px;font-weight:600;padding:6px 14px;border-radius:99px;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc)}
.rdFac.rdNet{margin-top:6px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}.rdFac.rdNet>span,.rdFac.rdNet b{font-weight:800}
.rdFac.prf{grid-template-columns:minmax(110px,170px) 1fr 62px!important}.rdFac.prf>span{text-transform:none!important}
.tmChip{display:inline-flex;flex-direction:column;gap:2px;padding:7px 14px;border-radius:10px;background:var(--panel2);border:1px solid var(--line2)}.tmChip small{font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2)}.tmChip b{font-size:13.5px}
.rdTeam .abbr{margin-left:8px}
/* free-play countdown */
.fpCd{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:14px;padding:12px 16px;border-radius:12px;background:rgba(251,184,23,.07);border:1px solid rgba(251,184,23,.25)}
.fpCd span{color:var(--dim);font-size:13px}.fpCdT{font-size:20px;font-weight:700;color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:.3px}.fpCd em{font-style:normal;color:var(--dim2);font-size:12px;margin-left:auto}
.fpCd.fresh{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.4)}.fpNew{flex-basis:100%;color:#5be08a;font-size:14px}
/* ---- S24 Matchup Intelligence ---- */
.miSnap .miHead{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap;font-weight:800;font-size:16px;margin:2px 0 12px}
.miSnap .miHead i{font-style:normal;color:var(--dim2);font-weight:600}.miSnap .miHead span{display:inline-flex;align-items:center;gap:8px}
.miSnap .miHead .miWhen{font-style:normal;font-size:11.5px;font-weight:600;color:var(--dim);margin-left:auto}
.miSnap .miHead img,.miCmp .rdCmpHd img{width:24px;height:24px;max-width:24px;max-height:24px;object-fit:contain;flex:none}
.miGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px}
.miGrid>div{background:var(--panel3);border-radius:12px;padding:10px 12px;min-width:0}
.miGrid small{display:block;font-size:9.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:3px}
.miGrid b{display:block;font-size:15px;font-weight:800;overflow-wrap:anywhere}.miGrid .miWide{grid-column:1/-1}
.miGr.gA{color:#7ef0a5}.miGr.gB{color:#7cb8ff}.miGr.gC{color:#ffd37a}
.miAR{margin-top:12px}.miAR em{display:flex!important;justify-content:space-between;gap:10px;border-radius:10px!important;margin:0 0 6px!important;padding:7px 12px!important}
.miAR em.fa::before{content:'+ ';font-weight:800}.miAR em.ag::before{content:'\2212 ';font-weight:800}
.miAR em.mid{background:var(--panel3);color:var(--dim)}
.rdCard .miSrc{font-size:11.5px;color:var(--dim);margin:8px 0 0;line-height:1.45}
.miAll{margin-top:10px}.miAll>summary{cursor:pointer;font-size:12.5px;font-weight:700;color:var(--dim);padding:6px 0;list-style:none}
.miAll>summary::before{content:'\25B8  '}.miAll[open]>summary::before{content:'\25BE  '}
.miGrp{margin-top:10px}.miGh{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;letter-spacing:.8px;color:var(--dim2);border-bottom:1px solid var(--line,rgba(255,255,255,.08));padding-bottom:4px}
.miGh .pos{color:#7ef0a5;font-weight:700}.miGh .neg{color:#ff9a9a;font-weight:700}
.miCmp .miRow{align-items:start}.miEdge{display:block;font-style:normal;font-size:11px;font-weight:700;color:var(--dim);margin-top:4px;text-align:center}
.miEdge.for{color:#7ef0a5}.miEdge.ag{color:#ff9a9a}
.miCmp .cmMid small u{text-decoration:none;font-size:9.5px;color:var(--dim2);margin-left:4px}
.miDefn{display:block;font-size:10.5px;color:var(--dim2);text-align:center;margin-top:2px;line-height:1.35}
.miFresh.hi{color:#ff9a9a}.miFresh.mid{color:#ffd37a}
@media(min-width:900px){.miAR.faCols{display:grid;grid-template-columns:1fr 1fr!important}}
.faCols.stk{grid-template-columns:1fr!important}.faCols.stk em{display:flex;justify-content:space-between;gap:12px;border-radius:10px;margin:0 0 6px;padding:7px 12px}.faCols.stk em b{font-weight:700;white-space:nowrap}.faCols em.mid{background:rgba(251,184,23,.12);color:var(--gold)}
@media(min-width:900px){.faCols.stk{grid-template-columns:1fr 1fr!important}}

/* ---- the S24 Board is one card per game at every width (no sideways scrolling, nothing cut off) ---- */
@media all{
  #mdWrapOuter{padding:0 8px}
  .mdWrap .mdScroll{overflow-x:visible}
  .bsTbl,.bsTbl tbody{display:block;width:100%;min-width:0;padding:0!important;margin:0!important}
  .bsTbl thead{display:none}
  .bsTbl tr.clickRow{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:14px 14px 14px 16px;border-bottom:1px solid var(--line)}
  .bsTbl tr.clickRow.rgA{box-shadow:inset 4px 0 0 #22c55e}
  .bsTbl tr.clickRow.rgB{box-shadow:inset 4px 0 0 #60a5fa}
  .bsTbl tr.clickRow.rgC{box-shadow:inset 4px 0 0 var(--gold)}
  .bsTbl td{display:block;padding:0!important;border:0!important;background:none!important;min-width:0;width:auto}
  .bsTbl td.koCell{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;width:auto}
  .bsTbl td.bsMatch{grid-column:1/-1;min-width:0!important;max-width:none!important}
  .bsTbl .bsTeams{flex-wrap:wrap!important;gap:6px 8px}
  .bsTbl .bsWhyIn{max-width:none;white-space:normal}
  .bsTbl td.bsPick{min-width:0!important}
  .bsTbl td[data-l]::before{content:attr(data-l);display:block;font-size:9px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:5px}
  .bsTbl td.bsPick:only-of-type,.bsTbl td[data-l="Grade"]{grid-column:auto}
  /* picks stack one per row on narrow phones and wrap instead of running off the screen */
  .bsTbl tr.clickRow{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
  .bsTbl .pcHit{white-space:normal;max-width:100%;box-sizing:border-box}
  .bsTbl .llSlot,.bsTbl .llSlot *{max-width:100%}
  #mdWrapOuter .mdScroll,#mdWrapOuter.member .mdScroll{overflow-x:hidden}
}

/* ---- assistant button: quiet, compact, no glow ---- */
.botFab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:11px 16px 11px 13px;gap:8px;
  background:rgba(17,21,27,.94);color:var(--gold);
  border:1px solid rgba(251,184,23,.42);box-shadow:0 4px 14px rgba(0,0,0,.45);font-weight:700;font-size:13px;letter-spacing:.3px}
.botFab svg{width:18px;height:18px}
.botFab:hover{transform:none;background:var(--gold);color:#111;border-color:var(--gold)}
@media(max-width:560px){.botFab{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:44px;height:44px;padding:0;justify-content:center}.botFab svg{width:20px;height:20px}}

/* ===== onboarding, game taps, legal pages ===== */
.gc{cursor:pointer;transition:border-color .15s,transform .15s,background .15s}
.gc:hover,.gc:focus-visible{border-color:var(--gold);transform:translateY(-2px);outline:none}
.lsHint{color:var(--dim);font-size:13.5px;margin:-2px 0 10px}
.heroMeta{margin:10px 0 4px}
.heroNote{color:var(--dim2);font-size:13px;margin:0;max-width:660px}
.tourLink{background:none;border:0;color:var(--gold);font-family:inherit;font-weight:700;font-size:13.5px;cursor:pointer;padding:6px 0;margin-top:6px;text-decoration:underline;text-underline-offset:3px}
#freePlayPanel{scroll-margin-top:170px}
body:has(.authOv.open) #botFab{display:none}
#gdOv{z-index:940}#lgOv{z-index:950}#spOv{z-index:960}
body:has(.authOv.open) .botFab{display:none}
#gdOv .authBox,#lgOv .authBox{max-width:440px}
#lgOv .authBox{max-width:680px;padding:26px 28px 24px}
.gdIc{width:54px;height:54px;border-radius:14px;background:#0b0d10;border:1.5px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:19px;margin:0 0 14px}
#gdOv h3{font-size:22px;line-height:1.25;margin-bottom:8px}
#gdOv .gdTxt{color:var(--txt);font-size:15.5px;line-height:1.6;margin:0 0 6px}
#gdOv .gdTxt b{color:var(--gold)}
#gdOv ol{margin:12px 0 4px;padding:0;list-style:none;counter-reset:gd}
#gdOv ol li{counter-increment:gd;position:relative;padding:8px 0 8px 40px;font-size:15px;line-height:1.5;color:var(--txt)}
#gdOv ol li:before{content:counter(gd);position:absolute;left:0;top:6px;width:27px;height:27px;border-radius:50%;background:rgba(251,184,23,.14);color:var(--gold);font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center}
.gdDots{display:flex;gap:7px;justify-content:center;margin:16px 0 4px}
.gdDots i{width:8px;height:8px;border-radius:50%;background:#2b333d;display:block}
.gdDots i.on{background:var(--gold)}
.gdRow{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.gdBtn{flex:1 1 140px;padding:13px 16px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--txt);font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer;min-height:46px}
.stGoL{display:grid;gap:8px;margin:2px 0 8px}.stGo{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);color:var(--txt);font-family:inherit;text-align:left;cursor:pointer;min-height:60px}.stGo:hover,.stGo:active{border-color:var(--gold)}.stGo i{font-style:normal;font-size:22px;flex:0 0 30px;text-align:center}.stGo span{flex:1;min-width:0}.stGo b{display:block;font-size:15px}.stGo small{display:block;font-size:12.5px;color:var(--dim);margin-top:2px;line-height:1.35}.stGo em{font-style:normal;font-size:22px;color:var(--gold)}
.gdBtn.pri{background:var(--gold);border-color:var(--gold);color:#08090b}
.gdBtn:hover{filter:brightness(1.1)}
.gdSkip{display:block;margin:12px auto 0;background:none;border:0;color:var(--dim);font-family:inherit;font-size:13.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px}
.authBox label.agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:500;color:var(--dim);letter-spacing:0;margin:14px 0 2px;line-height:1.5;cursor:pointer}
.authBox .agree input{width:20px;height:20px;padding:0;margin:1px 0 0;flex:0 0 auto;accent-color:#fbb817}
.agree a{color:var(--gold);text-decoration:underline;text-underline-offset:2px}
.lgBody h3{font-size:21px;margin-bottom:2px}
.lgBody .lgDate{color:var(--dim2);font-size:12.5px;margin-bottom:14px}
.lgBody h4{font-size:15px;color:var(--gold);margin:18px 0 5px}
.lgBody p,.lgBody li{font-size:14.5px;line-height:1.65;color:var(--txt)}
.lgBody p{margin:0 0 8px}
.lgBody ul{margin:4px 0 8px;padding-left:20px}
.lgBody li{margin-bottom:4px}
.disc p{font-size:12.5px!important;line-height:1.65;color:var(--dim)!important}
.disc p *{color:inherit}
@media(max-width:560px){#lgOv .authBox{padding:22px 18px}}

.fBar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0 0;padding:11px 14px 11px 16px;border:1px solid #3a3218;border-left:4px solid var(--gold);border-radius:12px;background:linear-gradient(135deg,rgba(251,184,23,.13),rgba(251,184,23,.03) 60%,transparent)}
.fBar .fTx{min-width:0}.fBar .fTx b{display:block;font-size:14.5px;line-height:1.3;color:var(--txt)}.fBar .fTx span{display:block;font-size:12.5px;line-height:1.4;color:var(--dim);margin-top:2px}
.fBar .fGo{flex:0 0 auto;background:var(--gold);color:#08090b;border:0;border-radius:10px;padding:0 18px;min-height:44px;font-family:inherit;font-weight:700;font-size:14px;cursor:pointer;white-space:nowrap}
.fBar .fGo:hover{filter:brightness(1.1)}
@media(max-width:700px){.fBar{margin-top:10px;padding:10px 10px 10px 13px;gap:10px}.fBar .fTx b{font-size:13.5px}.fBar .fTx span{font-size:11.5px}.fBar .fGo{padding:0 14px;font-size:13.5px}}
.hcta{margin:18px 0 6px;border:1px solid #3a3218;border-left:4px solid var(--gold);border-radius:12px;background:linear-gradient(135deg,rgba(251,184,23,.10),rgba(251,184,23,.02) 55%,transparent);padding:20px 22px}
.hcta h2{font-size:22px;line-height:1.25;margin:0 0 6px}
.hcta p.hs{color:var(--dim);font-size:14.5px;line-height:1.55;margin:0;max-width:62ch}
.hcta .hpts{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 2px;padding:0;list-style:none}
.hcta .hpts li{font-size:13.5px;color:var(--txt);padding-left:20px;position:relative}
.hcta .hpts li:before{content:'\2713';position:absolute;left:0;color:var(--grn);font-weight:700}
.hcta .hrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}
.hcta .hb{padding:13px 22px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--txt);font-family:inherit;font-weight:700;font-size:14.5px;cursor:pointer;min-height:46px}
.hcta .hb.pri{background:var(--gold);border-color:var(--gold);color:#08090b}
.hcta .hb:hover{filter:brightness(1.1)}
.hcta .hfine{color:var(--dim2);font-size:12.5px;margin-top:10px}
.hcta .hdots{display:flex;gap:6px;align-items:center;margin:2px 0 10px}
.hcta .hdots i{width:12px;height:12px;border-radius:50%;background:var(--gold);display:block}
.hcta .hdots i.spent{background:#2b333d}
.hcta .hdots span{color:var(--dim);font-size:12.5px;font-weight:700;margin-left:4px}
@media(max-width:560px){.hcta{padding:18px 16px}.hcta h2{font-size:20px}.hcta .hb{flex:1 1 100%}}

/* ===== professional pass: mobile-first fixes ===== */
.navAuth{display:none}
.discBtn{display:none}
.followBtns .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.followBand{margin-bottom:22px}
.ft a,.ft button{min-height:30px}
@media(max-width:820px){
  .navAuth{display:block;border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
  nav button{min-height:46px;font-size:15px}
}
@media(max-width:700px){
  .strip .wrap>span:first-child{display:none}
  .strip .soc{margin-left:auto;margin-right:auto;gap:22px}
  .tick .lbl{padding:0 10px;letter-spacing:1px}
  .followBtns{margin-left:0;width:100%}
  .followBtns .btn{flex:1}
  .ft a,.ft button{padding:9px 0;margin-bottom:0;min-height:42px;display:flex;align-items:center}
  .discMore{display:none}
  .discMore.open{display:block}
  .discBtn{display:inline-flex;align-items:center;min-height:44px;background:none;border:1px solid var(--line2);border-radius:8px;color:var(--gold);font-family:inherit;font-weight:700;font-size:13.5px;padding:0 14px;margin:6px 0 4px;cursor:pointer}
  .lsTab{min-height:44px}
  .mdBar button,.sports button{min-height:42px}
  .h2{margin-top:26px}
}

/* support */
.authBox textarea,.authBox select{width:100%;background:var(--bg);border:1px solid var(--line2);border-radius:9px;padding:11px 12px;color:var(--txt);font-family:inherit;font-size:16px}
.authBox textarea{min-height:110px;resize:vertical;line-height:1.5}
.authBox textarea:focus,.authBox select:focus{outline:none;border-color:var(--gold)}
.authBox input[readonly]{opacity:.7}
.spOk{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.35);border-radius:10px;padding:12px 14px;margin:10px 0;font-size:14.5px;line-height:1.55}
.spBad{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.35);border-radius:10px;padding:12px 14px;margin:10px 0;font-size:14.5px;line-height:1.55}
.spUl{margin:8px 0 4px;padding-left:20px;font-size:14.5px;line-height:1.6;color:var(--txt)}
.spHp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ======================= MOBILE EDITION (phones only; desktop is untouched) ======================= */
.tabBar{display:none}
@media(max-width:700px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .strip{display:none}
  .tick{height:32px}
  /* bottom tab bar: the four things people actually do */
  .tabBar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:700;background:rgba(11,13,16,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line2);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
  .tabBar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;background:none;border:0;border-radius:10px;color:var(--dim2);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .tabBar button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .tabBar button.on{color:var(--gold)}
  .botFab{display:none!important}
  /* home: say less, lead with the one thing to do */
  .hero{padding:14px 0 2px}
  .hero .greet,.hero>p{display:none}
  .hero h1{font-size:21px;line-height:1.2}
  .heroMeta .heroNote,.lsHint{display:none}
  .heroMeta{margin:0}
  .hcta:has(.hdots) .hs{display:none}
  .hcta{padding:16px}
  .tourLink{margin:2px 0 0}
  .h2:has(+ #socialHome),#socialHome,.followBand{display:none}
  #pg-home .h2{margin-top:18px}
  /* model + other pages: title, then the content */
  .pageHead{padding:14px 0 0}
  .pageHead h1{font-size:21px}
  #pg-model .pageHead p,#pg-model .modelNote,#todayBanner{display:none}
  .pageHead p{font-size:13.5px;margin-top:5px}
  /* tabs become one swipeable row instead of a wrapped stack */
  .sports,.lsTabs,.tabStrip{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity}
  .sports::-webkit-scrollbar,.lsTabs::-webkit-scrollbar,.tabStrip::-webkit-scrollbar{display:none}
  .sp,.lsTab,.tabStrip button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}
  .sp{padding:11px 14px}
  /* free-play card: headline, dots, button. The rest lives in the bot */
  .fpPanel .row1>div>p{display:none}
  .fpPanel{padding:14px}
  .fpPanel .fpCd{margin-top:10px;padding:9px 12px}
  /* skip list folds up until tapped */
  .skipBox .skipList,.skipBox .skipMore{display:none}
  .skipBox.open .skipList{display:block}
  .skipBox.open .skipMore{display:block}
  .skipBox .skipHd{cursor:pointer;padding:14px 16px}
  .skipBox .skipHd::after{content:"+";margin-left:2px;color:var(--gold);font-size:22px;font-weight:700;line-height:1}
  .skipBox.open .skipHd::after{content:"\2212"}
  .skipBox .skipHd p{display:none}
  /* footer: compact */
  .ft{display:grid!important;grid-template-columns:1fr 1fr;gap:0 18px}
  .ft>div:first-child{grid-column:1/-1;margin-bottom:6px}
  .ft>div:first-child p{display:none}
  .ft>div:nth-child(2){display:none}
  .ft h5{margin:10px 0 2px}
  .ft a,.ft button{min-height:38px;font-size:14px}
  /* install hint */
  .appHint{display:flex}
}
.appHint{display:none}
@media(max-width:400px){
  .hdr{gap:8px}
  .bLogo{height:34px}
  .mark{font-size:22px}
  .tagline span{font-size:9px;letter-spacing:1.1px}
  .tagline i{width:12px}
  .burger{margin-left:auto;padding:0 10px}
  .acct{margin-left:0}
}

/* ---- team names + result chips: tidy everywhere ---- */
.tmRk{font-style:normal;flex:0 0 auto;font-size:10.5px;font-weight:600;letter-spacing:.3px;color:var(--dim);background:var(--panel2);border:1px solid var(--line2);border-radius:6px;padding:1px 6px;line-height:1.5}
.rdNm{display:flex;align-items:center;gap:7px;min-width:0}
.rdNm span{min-width:0}
/* ---- board cards: room to breathe (v143). Longer team names wrap instead of running into the next column ---- */
@media all{
  .bsTbl tr.clickRow{gap:16px 28px;padding:20px 24px 20px 26px;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
  .bsTbl td.koCell{margin-bottom:2px}
  .bsTbl td.bsMatch .bsWhyIn,.bsTbl .bsWhyIn{margin-top:12px;font-size:13px;line-height:1.55}
  .bsTbl td[data-l]::before{margin-bottom:8px;font-size:10px;letter-spacing:.9px}
  .bsTbl td.bsTrk{min-width:0}
  .bsTbl .trk{gap:7px;font-size:13px;line-height:1.4}
  .bsTbl .trk>span:not(.trkPlay):not(.trkLean):not(.trkNa){display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:baseline;white-space:normal;overflow-wrap:anywhere}
  .bsTbl .trk .trkNa{white-space:normal}
  .bsTbl .trk .trkPlay{margin-top:10px}
  .bsTbl .trkGap{margin-top:7px}
  .bsTbl td.bsPick .pcHit,.bsTbl td.bsTrk .pcHit{padding:7px 12px}
}
/* ---- S24 BOARD GAME CARD (v144): one card per game, same structure for every sport ---- */
@media all{
  .bsTbl tr.clickRow.s24Card{position:relative;display:grid;grid-template-columns:repeat(var(--np,3),minmax(0,1fr));gap:14px 16px;padding:18px 20px 16px;margin:0 0 14px;background:#11151D;border:1px solid #29313C;border-radius:12px;box-shadow:none;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}
  .bsTbl tr.clickRow.s24Card:hover{border-color:#3b4656;background:#131821}
  .bsTbl tr.clickRow.s24Card.rgA{box-shadow:inset 3px 0 0 #22C55E}.bsTbl tr.clickRow.s24Card.rgB{box-shadow:inset 3px 0 0 #60A5FA}.bsTbl tr.clickRow.s24Card.rgC{box-shadow:inset 3px 0 0 #FBBF24}
  .bsTbl tr.s24Card td.koCell,.bsTbl tr.s24Card td.bsMatch,.bsTbl tr.s24Card td.bsAct{grid-column:1/-1;grid-row:auto}
  .bsTbl tr.s24Card td.bsPick,.bsTbl tr.s24Card td.bsTrk,.bsTbl tr.s24Card td[data-l="Grade"]{grid-row:auto;align-self:stretch;height:auto}
  /* header: sport, week, date, time, countdown. The track star sits top-right */
  .bsTbl tr.s24Card td.koCell{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 12px;padding:0 52px 0 0!important;min-height:38px;border:0!important}
  .bsTbl tr.s24Card .bsSp{font-size:11px;font-weight:800;letter-spacing:.9px;color:#FBB817;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.25);border-radius:6px;padding:3px 8px}
  .bsTbl tr.s24Card .bsWk{font-size:12px;font-weight:600;color:#94A3B8;margin:0}
  .bsTbl tr.s24Card td.koCell .koSlot{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 12px;font-size:13px;color:#94A3B8;min-width:0}
  .bsTbl tr.s24Card td.bsBet{position:absolute;top:12px;right:14px;width:auto;grid-column:auto;z-index:3;padding:0!important;min-width:0!important}
  .bsTbl tr.s24Card td.bsBet::before{display:none!important}
  .bsTbl tr.s24Card .s24MbB{display:grid;place-items:center;width:38px;height:38px;padding:0;border-radius:10px;background:transparent;border:1px solid #29313C;color:#94A3B8;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}
  .bsTbl tr.s24Card .s24MbB svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
  .bsTbl tr.s24Card .s24MbB:hover,.bsTbl tr.s24Card .s24MbB:focus-visible{border-color:#FBB817;color:#FBB817;outline:none}
  .bsTbl tr.s24Card .s24MbB.on{color:#FBB817;border-color:rgba(251,184,23,.5);background:rgba(251,184,23,.1)}.bsTbl tr.s24Card .s24MbB.on svg{fill:#FBB817}
  /* matchup: two teams, AT in the middle, projected score on each side */
  .bsTbl tr.s24Card .bsTeams{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px 18px}
  .bsTbl tr.s24Card .teamCell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;font-size:18px;font-weight:700;line-height:1.2;color:#F8FAFC}
  .bsTbl tr.s24Card .teamCell img,.bsTbl tr.s24Card .teamCell .mono,.bsTbl tr.s24Card .teamCell .monoLg{width:44px;height:44px;flex:none;object-fit:contain}
  .bsTbl tr.s24Card .teamCell .mono,.bsTbl tr.s24Card .teamCell .monoLg{font-size:13px}
  .bsTbl tr.s24Card .tcNm{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0}
  .bsTbl tr.s24Card .tcNm>span{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
  .bsTbl tr.s24Card .tcRecd{flex-basis:100%;font-size:12px;font-weight:600;color:#94A3B8}
  .bsTbl tr.s24Card .tcPj{display:grid;justify-items:end;line-height:1}.bsTbl tr.s24Card .tcPj b{font-size:26px;font-weight:800;color:#F8FAFC;font-variant-numeric:tabular-nums}.bsTbl tr.s24Card .tcPj small{font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8;margin-top:3px}
  .bsTbl tr.s24Card .tcH{grid-template-columns:auto minmax(0,1fr) auto}
  .bsTbl tr.s24Card .bsAt{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#94A3B8;display:block}
  /* the simulation sits right under the matchup as part of it */
  .bsTbl tr.s24Card .smSlot{margin-top:14px}
  .bsTbl tr.s24Card .smBox{max-width:none;padding:11px 14px 10px;background:#191F29;border:1px solid #29313C;border-radius:10px}
  .bsTbl tr.s24Card .smHd b{font-size:11px}.bsTbl tr.s24Card .smHd span{font-size:12px;color:#94A3B8}
  .bsTbl tr.s24Card .smBar{height:6px}.bsTbl tr.s24Card .smLb{font-size:13px;color:#94A3B8}.bsTbl tr.s24Card .smLb em{font-size:13px}
  /* the three market panels: identical structure */
  .bsTbl tr.s24Card td.bsPnl,.bsTbl tr.s24Card td.bsTrk{display:flex;flex-direction:column;min-width:0!important;padding:14px 16px!important;background:#191F29!important;border:1px solid #29313C!important;border-radius:12px}
  .bsTbl tr.s24Card td[data-l]::before{font-size:11px;font-weight:700;letter-spacing:.9px;color:#94A3B8;margin-bottom:10px}
  .bsTbl tr.s24Card .pickLine{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
  .bsTbl tr.s24Card .trk{gap:8px;font-size:13px;color:#94A3B8}.bsTbl tr.s24Card .trk b{color:#F8FAFC;font-size:14px}
  .bsTbl tr.s24Card .trk>span:not(.trkPlay):not(.trkLean):not(.trkNa){grid-template-columns:52px minmax(0,1fr)}
  .bsTbl tr.s24Card .trkPlay{display:contents;margin:0}.bsTbl tr.s24Card .trkPlay>*:not(.trkGap){order:-2}.bsTbl tr.s24Card .trkPlay>.trkGap{order:3;margin:2px 0 0;font-size:12px;color:#94A3B8}
  .bsTbl tr.s24Card .trkLean{order:-2}.bsTbl tr.s24Card .trk .rsSlot{order:4}
  /* grade badges: A green, B blue, C amber. Compact, no glow */
  .bsTbl tr.s24Card .pcHit{padding:7px 11px;font-size:14px;font-weight:700;border-radius:9px;line-height:1.25;box-shadow:none;white-space:normal;max-width:100%}
  .bsTbl tr.s24Card .pcHit:after{display:none!important}.bsTbl tr.s24Card .pcHit .pcGr{box-shadow:none!important;min-width:20px;height:20px;border-radius:6px;font-size:12px}
  .bsTbl tr.s24Card .pcHit.pcA{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.45);color:#4ade80}.bsTbl tr.s24Card .pcHit.pcA .pcGr{background:#22C55E}
  .bsTbl tr.s24Card .pcHit.pcB{background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.45);color:#93c5fd}.bsTbl tr.s24Card .pcHit.pcB .pcGr{background:#60A5FA}
  .bsTbl tr.s24Card .pcHit.pcC{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.42);color:#FBBF24}.bsTbl tr.s24Card .pcHit.pcC .pcGr{background:#FBBF24}
  .bsTbl tr.s24Card .pcPass{display:inline-block;font-size:13px;font-weight:600;color:#94A3B8;background:rgba(148,163,184,.08);border:1px solid #29313C;border-radius:9px;padding:6px 11px}
  .bsTbl tr.s24Card .llSlot:not(:empty),.bsTbl tr.s24Card .rsSlot:not(:empty){margin-top:0}
  /* factor summary + actions */
  .bsTbl tr.s24Card td.bsAct{display:block;padding:14px 0 0!important;border-top:1px solid #29313C!important}
  .bsTbl tr.s24Card .bsActRow{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}
  .bsTbl tr.s24Card .bdFx{display:grid;gap:3px;font-size:12px;font-weight:700;letter-spacing:.6px;color:#94A3B8}.bsTbl tr.s24Card .bdFx b{color:#F8FAFC;font-size:15px;font-weight:800;margin-right:6px}.bsTbl tr.s24Card .bdFx small{font-size:12px;font-weight:600;letter-spacing:0;color:#94A3B8}
  .bsTbl tr.s24Card .bsBtns{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
  .bsTbl tr.s24Card .bdMore,.bsTbl tr.s24Card .bdFull{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
  .bsTbl tr.s24Card .bdMore{background:transparent;border:1px solid #29313C;color:#F8FAFC}.bsTbl tr.s24Card .bdMore:hover,.bsTbl tr.s24Card .bdMore:focus-visible{border-color:#3b4656;background:#191F29;outline:none}
  .bsTbl tr.s24Card .bdMore i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.bsTbl tr.s24Card.bdOpen .bdMore i{transform:rotate(225deg) translateY(-2px)}
  .bsTbl tr.s24Card .bdFull{background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.4);color:#FBB817}.bsTbl tr.s24Card .bdFull:hover,.bsTbl tr.s24Card .bdFull:focus-visible{background:rgba(251,184,23,.18);outline:none}
  .bsTbl tr.s24Card .bdFull i{font-style:normal}
  .bsTbl tr.s24Card .bsXp{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .22s ease,visibility 0s linear .22s}
  .bsTbl tr.s24Card.bdOpen .bsXp{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .22s ease,visibility 0s}
  .bsTbl tr.s24Card .bsXpIn{overflow:hidden;min-height:0}
  .bsTbl tr.s24Card.bdOpen .bsXpIn{padding-top:14px}
  .bsTbl tr.s24Card .bdFxL{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bsTbl tr.s24Card .bdFxL small{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8;margin-bottom:8px}
  .bsTbl tr.s24Card .bdFxL em{display:flex;align-items:center;gap:8px;font-style:normal;font-size:13px;font-weight:600;padding:8px 12px;margin:0 0 6px;border-radius:9px;background:#191F29;color:#F8FAFC}
  /* collapsed by default: one summary line per game; the full card opens on tap */
  .bcBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 12px;padding:0 4px;font-size:14px;color:#94A3B8}
  .bsTbl tr.s24Card td.bsSum::before{display:none!important}
  .bcBar button{min-height:40px;padding:0 16px;border-radius:10px;background:#11151D;border:1px solid #29313C;color:#F8FAFC;font-weight:700;font-size:13px;cursor:pointer}.bcBar button:hover{border-color:#FBB817;color:#FBB817}
  .bsTbl tr.s24Card td.bsSum{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:0!important;border:0!important;background:none!important}
  .bsTbl tr.s24Card .bsSis{display:flex;flex-wrap:wrap;gap:10px 14px;min-width:0}.bsTbl tr.s24Card .bsSi{display:inline-flex;align-items:center;gap:8px;min-width:0}
  .bsTbl tr.s24Card .bsSi small{font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8}.bsTbl tr.s24Card .bsSi.bsNo{font-size:13px;color:#94A3B8}
  .bsTbl tr.s24Card .bcTog{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;background:transparent;border:1px solid #FBB817;color:#FBB817;font-weight:700;font-size:13px;cursor:pointer}
  .bsTbl tr.s24Card .bcTog i{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
  .bsTbl tr.s24Card.bcOpen .bcTog i{transform:rotate(-135deg) translateY(-2px)}
  .bsTbl tr.s24Card:not(.bcOpen) .smSlot,.bsTbl tr.s24Card:not(.bcOpen) td.bsPick,.bsTbl tr.s24Card:not(.bcOpen) td.bsTrk,.bsTbl tr.s24Card:not(.bcOpen) td[data-l="Grade"],.bsTbl tr.s24Card:not(.bcOpen) td.bsAct{display:none!important}
  .bsTbl tr.s24Card.bcOpen td.bsSum .bsSis{display:none}.bsTbl tr.s24Card.bcOpen td.bsSum{justify-content:flex-end}
  .bsTbl tr.s24Card:not(.bcOpen){gap:8px 16px;padding-top:14px;padding-bottom:14px}
  @media(max-width:820px){.bsTbl tr.s24Card .bsSis{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.bsTbl tr.s24Card .bsSi{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center}.bsTbl tr.s24Card .bcTog{width:100%;justify-content:center}.bsTbl tr.s24Card.bcOpen td.bsSum{justify-content:stretch}}
  /* favored team's logo on the chip, the heading and the lists (size is capped so a logo can never blow up) */
  .bsTbl tr.s24Card .bdFx{display:flex;align-items:center;gap:12px}
  .bsTbl tr.s24Card .bdFx .fxTx{display:grid;gap:3px;min-width:0}.bsTbl tr.s24Card .bdFx .fxTop{display:block;font-size:12px;line-height:1.3}.bsTbl tr.s24Card .bdFx .fxTop i{font-style:normal;color:#FBB817;margin-left:4px;letter-spacing:.4px}
  .bsTbl tr.s24Card .fxLg{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:#191F29;border:1px solid #29313C;overflow:hidden}
  .bsTbl tr.s24Card .fxLg>*{width:24px!important;height:24px!important;max-width:24px;max-height:24px;object-fit:contain;font-size:10px;line-height:24px}
  .bsTbl tr.s24Card .bdFxH{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:16px;font-weight:600;color:#94A3B8}.bsTbl tr.s24Card .bdFxH b{color:#F8FAFC;font-weight:800}
  .bsTbl tr.s24Card .bsXp{white-space:normal}.bsTbl tr.s24Card .bdFxH>span{min-width:0;overflow-wrap:anywhere}
  .bsTbl tr.s24Card .bdFxH .fxLg{width:40px;height:40px}.bsTbl tr.s24Card .bdFxH .fxLg>*{width:28px!important;height:28px!important;max-width:28px;max-height:28px;line-height:28px}
  .bsTbl tr.s24Card .bdFxL em{font-size:14px;line-height:1.35;padding:10px 12px;align-items:flex-start}.bsTbl tr.s24Card .bdFxL em i{flex:0 0 auto;margin-top:1px}
  .bsTbl tr.s24Card .bdFxL em.fa i{color:#22C55E;font-style:normal;font-weight:800}.bsTbl tr.s24Card .bdFxL em.ag i{color:#f87171;font-style:normal;font-weight:800}.bsTbl tr.s24Card .bdFxL em.mid{color:#94A3B8}
  .bsTbl tr.s24Card .bxWhy{font-size:13px;line-height:1.55;color:#cbd5e1;margin:0}
  .bsTbl tr.s24Card .bdWp{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;margin:14px 0 0;font-size:14px}.bsTbl tr.s24Card .bdWp small{flex-basis:100%;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8}.bsTbl tr.s24Card .bdWp b{font-weight:700;color:#F8FAFC}
  .bsTbl tr.s24Card .bdNote{font-size:12px;line-height:1.5;color:#94A3B8;margin:12px 0 0}
  @media(prefers-reduced-motion:reduce){.bsTbl tr.s24Card .bsXp,.bsTbl tr.s24Card .bdMore i,.bsTbl tr.clickRow.s24Card{transition:none!important}}
  @media(max-width:820px){
    .bsTbl tr.clickRow.s24Card{padding:14px 14px 14px;gap:12px;grid-template-columns:1fr;border-radius:12px}
    .bsTbl tr.s24Card .bsTeams{grid-template-columns:1fr;gap:10px}.bsTbl tr.s24Card .bsAt{text-align:left;padding-left:56px;margin:-4px 0}
    .bsTbl tr.s24Card .teamCell{font-size:17px;gap:10px}.bsTbl tr.s24Card .teamCell img,.bsTbl tr.s24Card .teamCell .mono,.bsTbl tr.s24Card .teamCell .monoLg{width:38px;height:38px}
    .bsTbl tr.s24Card .tcPj b{font-size:24px}
    .bsTbl tr.s24Card .bdFxL{grid-template-columns:1fr}
    .bsTbl tr.s24Card .bsBtns{width:100%;margin-left:0}.bsTbl tr.s24Card .bdMore,.bsTbl tr.s24Card .bdFull{flex:1 1 0;justify-content:center;min-height:44px}
    .bsTbl tr.s24Card td.bsBet{top:10px;right:10px}.bsTbl tr.s24Card .s24MbB{width:42px;height:42px}
  }
}
.rsSlot:empty{display:none}
.rsSlot{display:block;margin-top:6px}
.rsSlot .rsTag{margin:0;font-size:11px;padding:3px 10px}
@media(max-width:700px){
  /* board card: one tidy header line, then each team on its own row */
  .bsTbl td.koCell{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px 12px;width:auto;padding:0 0 8px!important;border-bottom:1px solid var(--line)!important;white-space:normal}
  .koTba{font-size:12px;font-weight:700;color:var(--dim2);letter-spacing:.2px}
.bsTbl td.koCell .koSlot{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;min-width:0}
  .bsTbl td.koCell .koSc{margin:0;font-size:12.5px}
  .bsTbl td.koCell .koD,.bsTbl td.koCell .koT,.bsTbl td.koCell .cd{display:inline-block;margin:0}
  .bsTbl td.koCell .bsWk{margin:0 0 0 auto;flex:0 0 auto;white-space:nowrap}
  .bsTbl .bsTeams{display:grid!important;grid-template-columns:1fr;gap:9px;flex-wrap:nowrap}
  .bsTbl .bsAt{display:none}
  .bsTbl .teamCell{display:flex;align-items:center;gap:9px;font-size:15.5px;font-weight:700;line-height:1.25;min-width:0}
  .bsTbl .teamCell img,.bsTbl .teamCell .mono{width:26px;height:26px;flex:0 0 auto}
  .bsTbl .teamCell span{min-width:0;overflow-wrap:anywhere}
  /* game popup: logo + name per row, never squeezed beside the close button */
  .rdHead{flex-direction:column;align-items:stretch;gap:10px;margin-top:10px}
  .rdTeam{font-size:17px;gap:12px;line-height:1.2;min-width:0}
  .rdNm{flex-direction:column;align-items:flex-start;gap:3px}
  .rdNm .tmRk{font-size:10px;padding:0 6px}
  .rdTeam img,.rdTeam .monoLg,.rdTeam .mono{width:34px!important;height:34px!important;flex:0 0 auto}
  .rdAt{margin:-4px 0 -4px 46px;font-size:10px}
  .rdKick{display:flex;flex-wrap:wrap}
  .vsBox{gap:6px}
  .vsT b{font-size:12.5px}
}

/* pick, result and live line sit on one row */
.pickLine{display:flex;flex-wrap:wrap;align-items:center;gap:7px 8px}
.pickLine .rsSlot,.pickLine .llSlot,.rdPickR .rsSlot,.rdPickR .llSlot{display:inline-flex;margin:0}
.pickLine .rsSlot:empty,.pickLine .llSlot:empty,.rdPickR .rsSlot:empty,.rdPickR .llSlot:empty{display:none}
.rdPickR{flex-direction:row!important;flex-wrap:wrap;justify-content:flex-end;align-items:center!important;gap:6px 8px!important}
.pickLine .llChip{padding:4px 9px}
.pickLine .llChip i{font-size:9px}
.rdKick .koSc{margin:0 0 0 4px}
/* breathing room between stacked cards */
.skipBox{margin-top:22px}
.nwWrap{margin-bottom:6px}

/* ---- loading spinners (one look, everywhere) ---- */
@keyframes s24spin{to{transform:rotate(360deg)}}
.ldr{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--dim);font-size:14px;font-weight:600;padding:34px 12px;text-align:center}
.ldr::before{content:"";display:inline-block;width:20px;height:20px;border:3px solid rgba(251,184,23,.22);border-top-color:var(--gold);border-radius:50%;animation:s24spin .75s linear infinite;flex:0 0 auto}
.ldrDark{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid rgba(8,9,11,.25);border-top-color:#08090b;border-radius:50%;animation:s24spin .7s linear infinite;vertical-align:-2px}
.authSpinDot{width:14px;height:14px}
.upErr.wait{color:var(--dim)!important;display:flex!important;align-items:center;justify-content:center;gap:8px}
@media(prefers-reduced-motion:reduce){.ldr::before,.ldrDark,.authSpinDot{animation-duration:1.8s}}

/* ---- member profile photo: gold ring that turns and glows (members only) ---- */
.avBtn{background:none;border:0;padding:5px;margin:0;border-radius:50%;cursor:pointer;display:inline-flex;-webkit-tap-highlight-color:transparent}
.avRing{--s:40px;position:relative;display:inline-block;width:var(--s);height:var(--s);flex:0 0 auto;border-radius:50%;isolation:isolate;vertical-align:middle}
.avImg img{width:100%;height:100%;object-fit:cover;display:block}
.avImg.busy{filter:brightness(.55)}
.avImg.busy::after{content:"";position:absolute;inset:28%;border:3px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:s24spin .7s linear infinite}
.avPlain::before,.avPlain::after{display:none}
.avPlain .avImg{border:1px solid var(--line2);color:var(--dim)}
.freeLbl{margin-left:6px;font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--dim)}
.memLbl{margin-left:6px;font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--gold)}
#s24Toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));transform:translate(-50%,12px);background:#1b2028;border:1px solid var(--line2);color:var(--txt);font-weight:700;font-size:14px;border-radius:12px;padding:12px 18px;z-index:9500;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}
#s24Toast.on{opacity:1;transform:translate(-50%,0)}

/* finished games: grayed out, result chips keep their color */
.bsTbl tr.gFinal td:not(.bsPick):not(.bsTrk){opacity:.5;filter:grayscale(1)}
.bsTbl tr.gFinal td.bsTrk .trk>:not(.rsSlot){opacity:.5;filter:grayscale(1)}
.bsTrk .trk .rsSlot{display:inline-flex;margin-top:8px}
.bsTbl tr.gFinal td.bsPick .pickLine>:not(.rsSlot){opacity:.5;filter:grayscale(1)}
.bsTbl tr.gFinal td.bsPick::before{opacity:.6}
.bsTbl tr.clickRow.gFinal{box-shadow:inset 4px 0 0 #4b5563}
.bsTbl tr.gFinal .koSlot .koFin{color:var(--mut,#9aa3af)}
.bsTbl tr.gFinal td.koCell{opacity:.85;filter:none}

/* members: the page title lives inside the gold member card */
#pg-model.isMem .pageHead{display:none}
.fpPanel .fpEye{font-size:10.5px;font-weight:600;letter-spacing:1.6px;color:var(--gold);margin-bottom:3px}
#pg-model.isMem .fpPanel h3{font-size:19px;letter-spacing:-.3px}
#pg-model.isMem #freePlayPanel{padding-top:18px}

/* ---- free plays: gold accordion ---- */
.fpList{display:grid;gap:10px;margin-top:16px}
.fpListHd{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:var(--gold);padding:0 2px}
.fpListHd span{color:var(--dim2);font-weight:700;letter-spacing:.4px;text-transform:none;font-size:12.5px}
.pk.gift{position:relative;border:1.5px solid #8a6a16;border-radius:14px;background:linear-gradient(180deg,#1a1608,#101216);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.pk.gift.open{border-color:#e8b021;box-shadow:0 0 0 1px rgba(251,184,23,.18),0 12px 34px rgba(251,184,23,.15)}
.pk.gift::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#ffd04a,#c98f0b)}
.pk.gift .gfHead{display:flex;align-items:center;gap:12px;padding:13px 14px 13px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:64px}
.pk.gift .gfLgs{display:flex;flex:none}
.pk.gift .gfLg{width:38px;height:38px;border-radius:50%;background:#0b0d10;border:1px solid rgba(251,184,23,.35);display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.pk.gift .gfLg img{width:26px;height:26px;object-fit:contain}
.pk.gift .gfLg.mono{color:var(--gold);font-weight:600;font-size:12px}
.pk.gift .gfLgs .gfLg+.gfLg{margin-left:-10px}
.pk.gift .gfTx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pk.gift .gfTx b{font-size:15px;line-height:1.25;font-weight:700;overflow-wrap:anywhere}
.pk.gift .gfTx small{color:var(--dim);font-size:11.5px;font-weight:600;letter-spacing:.8px;text-transform:uppercase}
.pk.gift .gfGrade{min-width:36px;height:36px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#08090b;background:var(--gold);flex:none}
.pk.gift .gfGrade.gA{background:var(--grn)}.pk.gift .gfGrade.gB{background:#60a5fa}.pk.gift .gfGrade.gC{background:var(--gold)}
.pk.gift .gfChev{color:var(--gold);font-size:16px;transition:transform .25s var(--ease);flex:none}
.pk.gift.open .gfChev{transform:rotate(180deg)}
.pk.gift .gfOpen{display:none;padding:2px 16px 16px 20px;text-align:center;border-top:1px solid rgba(251,184,23,.22)}
.pk.gift.open .gfOpen{display:block;animation:bodyIn .26s var(--ease) both}
.pk.gift .gfVs{display:flex;align-items:flex-start;justify-content:space-around;gap:8px;padding:14px 0 4px}
.pk.gift .gfT{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.pk.gift .gfT .gfLg{width:60px;height:60px}.pk.gift .gfT .gfLg img{width:44px;height:44px}
.pk.gift .gfT b{font-size:13.5px;line-height:1.25;overflow-wrap:anywhere}
.pk.gift .gfAt{color:var(--gold);font-weight:700;margin-top:20px}
.pk.gift .gfWhen{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:8px 0 0}
.pk.gift .gfPickBox{margin:12px 0 0;padding:14px 12px;border:1px solid rgba(251,184,23,.4);border-radius:14px;background:rgba(251,184,23,.08)}
.pk.gift .gfL{font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--gold);text-transform:uppercase}
.pk.gift .gfV{font-size:30px;line-height:1.15;font-weight:700;letter-spacing:-.4px;margin:6px 0 8px;color:#fff;overflow-wrap:anywhere}
.pk.gift .gfPct{color:var(--dim);font-size:14px}.pk.gift .gfPct b{color:var(--txt);font-size:20px;font-weight:700}
.pk.gift .pkBody{border-top:1px solid rgba(251,184,23,.22);background:#0c0f13}
.pk.gift::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);opacity:0;pointer-events:none}
.pk.gift.fresh::after{animation:gfShine 1.4s .35s ease-out 1}
.pk.gift.fresh{animation:gfPop .6s var(--ease)}
@keyframes gfShine{0%{left:-40%;opacity:1}100%{left:130%;opacity:1}}
@keyframes gfPop{0%{transform:scale(.95);opacity:0}60%{transform:scale(1.012);opacity:1}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.pk.gift.fresh,.pk.gift.fresh::after{animation:none}}
.rdCard.acGreen .rdFac>span{text-transform:none}.rdCard.acGreen .rdFac>span::first-letter{text-transform:uppercase}

/* ---- FAQ ---- */
#faq{scroll-margin-top:150px}
.faqList{display:grid;gap:10px;margin:6px 0 24px}
.faqItem{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s}
.faqItem[open]{border-color:rgba(251,184,23,.42);background:linear-gradient(90deg,rgba(251,184,23,.05),var(--panel) 60%)}
.faqItem summary{list-style:none;cursor:pointer;padding:15px 18px;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:16px;font-weight:700;color:var(--txt);-webkit-tap-highlight-color:transparent}
.faqItem summary::-webkit-details-marker{display:none}
.faqItem summary::after{content:'+';flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(251,184,23,.12);color:var(--gold);font-size:20px;font-weight:700;line-height:1}
.faqItem[open] summary::after{content:'\2212'}
.faqItem summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:12px}
.faqItem p{margin:0;padding:0 18px 18px;color:#c5cfd9;font-size:15.5px;line-height:1.6;max-width:74ch}
@media(max-width:700px){.faqItem summary{font-size:15.5px;padding:14px 14px}.faqItem p{padding:0 14px 16px;font-size:15px}}
/* free play card: use the full width so nothing is left empty beside it, and give the "why" bars room */
@media(min-width:701px){
  .fpList{max-width:none}
  .pk.gift .gfOpen{padding:8px 28px 20px 30px}
  .pk.gift .pkBody{padding:20px 24px 22px 26px}
  .pk.gift .pkBody>.anaGrid:not([style]) .ana{column-count:2;column-gap:18px}
  .pk.gift .pkBody>.anaGrid:not([style]) .ana>*{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid}
  .pk.gift .pkBody>.anaGrid:not([style]) .rdCard:last-child{margin-bottom:0!important}
}
@media(min-width:981px){
  .pk.gift.open .gfOpen{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:36px;text-align:center}
  .pk.gift .gfOpen .gfVs{grid-column:1;grid-row:1;padding:12px 0 2px}
  .pk.gift .gfOpen .gfWhen{grid-column:1;grid-row:2;margin-top:6px}
  .pk.gift .gfOpen .gfPickBox{grid-column:2;grid-row:1/3;margin:10px 0 0;padding:22px 20px}
  .pk.gift .gfOpen .gfV{font-size:38px}
  .pk.gift .pkBody>.anaGrid:not([style]){grid-template-columns:minmax(0,1fr) 300px;gap:24px}
}
@media(min-width:1500px){.pk.gift .pkBody>.anaGrid:not([style]){grid-template-columns:minmax(0,1fr) 340px}}

/* ---------- matchup board ---------- */
.bdHead{margin:0 0 12px}.bdHead h2{margin:0 0 3px;font-size:20px}.bdHead p{margin:0;color:var(--dim);font-size:13px;max-width:70ch}
.bdSw{margin:0 0 10px}.bdF{margin:0 0 10px}
.bdLeg{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px;font-size:11.5px;color:var(--dim2);font-weight:600}
.bdLeg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.bdLeg i.c5,.bdCell.c5,.bdDef.c5{--c:34,197,94}.bdLeg i.c4,.bdCell.c4{--c:56,189,248}.bdLeg i.c3,.bdCell.c3,.bdDef.c3{--c:251,191,36}.bdLeg i.c2,.bdCell.c2{--c:251,146,60}.bdLeg i.c1,.bdCell.c1,.bdDef.c1{--c:239,68,68}.bdCell.c0,.bdDef.c0{--c:93,104,116}
.bdLeg i{background:rgb(var(--c))}
.bdScroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel);-webkit-overflow-scrolling:touch}
.bdT{width:100%;min-width:1060px;border-collapse:separate;border-spacing:0;font-size:12.5px}
.bdT th{position:sticky;top:0;background:#0d1014;color:var(--dim2);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:10px 6px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.bdT th.srt{cursor:pointer;user-select:none;-webkit-user-select:none}.bdT th.srt:hover{color:var(--txt)}.bdT th.srt.on{color:var(--gold)}.bdT th i,.bdSrt .chip i{font-style:normal;font-size:9px;margin-left:4px}.bdT th i:empty,.bdSrt .chip i:empty{display:none}.bdSrt{margin:0 0 10px}.bdSrtL{font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-right:2px}.bdT th:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.bdT th.bdPh{text-align:left;padding-left:10px}.bdT th.bdHr{color:var(--gold)}
.bdT td{padding:7px 4px;border-bottom:1px solid rgba(36,42,51,.6);text-align:center;vertical-align:middle}
.bdR{cursor:pointer;transition:background .15s}.bdR:hover{background:rgba(251,184,23,.05)}
.bdR.fav{box-shadow:inset 3px 0 0 var(--grn);background:linear-gradient(90deg,rgba(34,197,94,.07),transparent 40%)}
.bdN{color:var(--dim2);font-weight:700;width:30px}
.bdP{text-align:left!important;min-width:210px;padding-left:10px!important}.bdP>div{display:flex;align-items:center;gap:10px}
.bdP b{display:block;font-size:13.5px}.bdP small{display:block;color:var(--dim2);font-size:11px;font-weight:700;margin-top:1px}
.bdP .prAv img.hs{width:34px;height:34px}
.bdFav{display:inline-block;margin-left:7px;text-decoration:none;font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#052e16;background:var(--grn);border-radius:99px;padding:1px 7px;vertical-align:1px}
.bdInj{font-style:normal;margin-left:6px;color:#e6c36b}
.bdA{font-weight:700;font-variant-numeric:tabular-nums;width:54px}.bdA.dim{color:var(--dim2);font-weight:600}
.bdC{width:62px;padding:7px 2px!important}
.bdCell{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:54px;padding:4px 5px;border-radius:8px;background:rgba(var(--c),.13);border:1px solid rgba(var(--c),.28);color:rgb(var(--c));line-height:1.15}
.bdCell b{font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.bdCell i{font-style:normal;font-size:9.5px;font-weight:700;opacity:.8;white-space:nowrap}
.bdCell.mid{box-shadow:0 0 0 1px rgba(var(--c),.55)}
.bdCell i:first-child:not(:last-child){order:-1}
.bdL{font-weight:800;color:var(--gold);white-space:nowrap}.bdO{font-weight:700;font-variant-numeric:tabular-nums;color:var(--txt)}
.bdDef{display:inline-flex;flex-direction:column;align-items:center;min-width:46px;padding:4px 6px;border-radius:8px;font-weight:800;font-size:14px;background:rgba(var(--c),.15);border:1px solid rgba(var(--c),.3);color:rgb(var(--c));line-height:1.1}
.bdDef small{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;opacity:.85}
.bdG{color:var(--dim);font-weight:700;white-space:nowrap;padding-right:10px!important}
.bdSwipe{display:none;color:var(--dim2);font-size:11.5px;font-weight:600;margin:0 0 6px}@media(max-width:700px){.bdSwipe{display:block}}

.bdR.open{background:rgba(251,184,23,.06)}.bdR:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.bdX>td{padding:0!important;text-align:left!important;background:#0b0e12;border-bottom:1px solid var(--line)}
.bdDt{padding:16px 18px 18px;max-width:1000px;position:sticky;left:0}
.bdDtHd{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:0 0 12px}.bdDtHd>div:first-child{min-width:0;flex:1}.bdDtHd b{display:block;font-size:15px}.bdDtHd small{display:block;color:var(--dim);font-size:12px;margin-top:2px;line-height:1.45}.bdDtHd small b{display:inline;font-size:inherit;color:var(--txt)}.bdDtHd .bdWhen{display:block;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.3px;margin:0 0 5px}
.bdChance.c5{--c:34,197,94}.bdChance.c4{--c:56,189,248}.bdChance.c3{--c:251,191,36}.bdChance.c2{--c:251,146,60}.bdChance.c1{--c:239,68,68}.bdChance.c0{--c:93,104,116}
.bdChance{flex:0 0 auto;width:98px;box-sizing:border-box;text-align:center;padding:9px 6px 8px;border-radius:12px;background:rgba(var(--c),.12);border:1px solid rgba(var(--c),.38);color:rgb(var(--c));line-height:1.1}.bdDtHd .bdChance b{display:block;font-size:26px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums;color:rgb(var(--c))}.bdChance span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;opacity:.85;margin-top:3px}.bdChance b+span{margin-top:6px}
.pxKey{margin:-2px 0 10px;font-size:11.5px;color:var(--dim);display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.3}.pxKey b{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.pxKey b.g{background:var(--grn)}.pxKey b.n{background:var(--dim)}.pxKey b.r{background:#ef4444;margin-left:6px}
.bdModel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 12px}.bdModel h4{margin:0 0 10px;font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--dim2);display:flex;align-items:center;gap:8px}.bdModel h4 u{text-decoration:none;background:var(--gold);color:#08090b;font-size:9px;letter-spacing:1px;padding:2px 6px;border-radius:4px}.bdModel ol{list-style:none;margin:0;padding:0;display:grid;gap:9px;counter-reset:m}.bdModel li{counter-increment:m;position:relative;padding-left:28px;font-size:13px;line-height:1.5;color:var(--dim)}.bdModel li::before{content:counter(m);position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:rgba(251,184,23,.14);border:1px solid rgba(251,184,23,.4);color:var(--gold);font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center}.bdModel li b{color:var(--txt)}.bdModel li.good::before{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:var(--grn)}.bdModel li.bad::before{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.45);color:var(--red)}.prEng{margin:10px 0 0!important}.prEng summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--gold);padding:2px 0 8px;list-style:none}.prEng summary::-webkit-details-marker{display:none}.prEng summary::after{content:' \25BE'}.prEng[open] summary::after{content:' \25B4'}.bdProof{margin:12px 0 0!important;padding-top:10px;border-top:1px solid var(--line)}.pxCard .bdModel{margin:0;border:0;padding:0;background:none}.pxCard .bdDtHd{margin-bottom:14px}
.bdWhenHd{color:var(--gold)}
.bcWho .bcWhen,.bdG .bcWhen{display:block;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.2px;margin-top:3px}
.bdDtGrid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px;margin:0 0 12px}
.bdDtBox{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.bdDtBox h4{margin:0 0 10px;font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--dim2)}
.bdBars{position:relative;display:flex;align-items:flex-end;gap:6px;height:110px;margin:16px 0 34px}
.bdBars em{position:absolute;left:0;right:0;border-top:1px dashed rgba(251,184,23,.7);pointer-events:none;height:0}.bdBars em u{position:absolute;right:0;top:-15px;text-decoration:none;font-style:normal;font-size:10px;font-weight:800;color:var(--gold)}
.bdDef .bdDefPos{display:block;font-size:9px;opacity:.75;margin-top:1px;letter-spacing:.2px}
.bdBar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative}
.bdBar b{display:block;width:100%;border-radius:4px 4px 0 0;min-height:4px}.bdBar .bdBv{font-size:10px;font-weight:800;line-height:1;margin-bottom:3px;color:var(--txt);font-variant-numeric:tabular-nums}.bdBar.un .bdBv{color:#fca5a5}.bdBar .bdBd{position:absolute;top:calc(100% + 5px);left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;font-size:8.5px;line-height:1.3;color:var(--dim2);font-weight:600}.bdBar .bdBd span{display:block}.bdBar .bdBd span:first-child{color:var(--dim);font-weight:700}
.bdBar.ov b{background:rgba(34,197,94,.75)}.bdBar.un b{background:rgba(239,68,68,.7)}.bdBar i{font-style:normal;font-size:9.5px;font-weight:700;color:var(--dim);position:absolute;bottom:100%;margin-bottom:-100%;display:none}
.bdStats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bdStats small{display:block;color:var(--dim2);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.bdStats b{font-size:17px;font-variant-numeric:tabular-nums}.bdStats b.g,.bdWhy .g{color:var(--grn)}.bdStats b.r,.bdWhy .r{color:var(--red)}
.bdWhy{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}.bdWhy li{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.5;color:var(--dim)}.bdWhy li b{color:var(--txt)}
.bdWhy li.good{border-left-color:var(--grn)}.bdWhy li.bad{border-left-color:var(--red)}
.bdChk{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.bdChk span{font-size:11.5px;font-weight:800;padding:4px 10px;border-radius:99px;border:1px solid}.bdChk .ok{color:var(--grn);border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1)}.bdChk .no{color:var(--dim);border-color:var(--line2)}
.bdDtNote{color:var(--dim2);font-size:11.5px;line-height:1.55;margin:6px 0 0}
.bdGo{margin-top:12px;background:var(--gold);color:#111;border:0;border-radius:9px;font:inherit;font-weight:800;font-size:13px;padding:10px 16px;cursor:pointer}
@media(max-width:700px){.bdDtGrid{grid-template-columns:1fr}.bdDt{padding:14px 12px 16px;width:calc(100vw - 34px)}.bdStats{grid-template-columns:repeat(3,1fr)}.bdGo{width:100%}}

.bdR.bad{box-shadow:inset 3px 0 0 var(--red);background:linear-gradient(90deg,rgba(239,68,68,.09),transparent 45%)}
.bdBad,.bdNeu{display:inline-block;margin-left:7px;text-decoration:none;font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:99px;padding:1px 7px;vertical-align:1px}
.bdCk,.bdOld{display:inline-block;margin-left:7px;text-decoration:none;font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;border-radius:99px;padding:1px 7px;vertical-align:1px;color:#fcd34d;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.5)}
.bdBad{color:#fecaca;background:rgba(239,68,68,.28);border:1px solid rgba(239,68,68,.5)}.bdNeu{color:var(--dim);background:rgba(139,150,163,.12);border:1px solid var(--line2)}
.pxLkI{vertical-align:-1px;margin-right:4px;opacity:.9}
.pxLkC,.pxLkP{cursor:pointer;filter:grayscale(1);opacity:.75}.pxLkC b{letter-spacing:1px}.bdChance.pxLkC{background:rgba(139,150,163,.1);border-color:rgba(139,150,163,.3);color:var(--dim)}.bdChance.pxLkC b{color:var(--dim)}
.bdCell.pxLkC{background:rgba(139,150,163,.08);border-color:rgba(139,150,163,.28);color:var(--dim)}.bdCell.pxLkC b{color:var(--dim)}
.bcS.pxLkC{opacity:.8}.bcS.pxLkC b{color:var(--dim)}
.bdPp.pxLkP{background:rgba(139,150,163,.1)!important;border-color:var(--line2)!important;color:var(--dim)}
.bdSrt .chip svg{margin-right:5px;vertical-align:-1px}
.bdModel.pxLk{position:relative;overflow:hidden;cursor:pointer;min-height:230px}.bdModel.pxLk h4{opacity:.5;filter:grayscale(1)}
.pxSk{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:18px}.pxSk li{display:grid;gap:7px}.pxSk span{display:block;height:9px;border-radius:5px;background:rgba(139,150,163,.2)}.pxSk span.s{width:58%}
.pxLkMsg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:14px;background:linear-gradient(180deg,rgba(15,18,22,.45),rgba(15,18,22,.88))}.pxLkMsg b{color:var(--gold);font-size:14px}.pxLkMsg small{color:var(--dim);font-size:12px;max-width:340px;line-height:1.4}.pxLkMsg .unlockBtn{margin-top:4px}
.pxLkN{display:inline-flex;flex-direction:column;align-items:center;font-weight:800;font-size:15px;color:var(--dim)}.pxLkN small{font-size:9.5px;font-weight:700;color:var(--dim2)}
.bdSynT{font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--gold);background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.32);border-radius:99px;padding:1px 7px;white-space:nowrap}.bdPk{flex-wrap:wrap}
.bdSrtN{font-size:11.5px;color:var(--dim2);margin:-4px 0 12px;line-height:1.45}.bdSrtN b{color:var(--gold);font-weight:700}
.bdWho{display:block;min-width:0}.bdNm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.bdNm b{display:block!important;font-size:14px;line-height:1.25}.bdNm u{margin-left:0!important;white-space:nowrap}
.bdP .bdWho small{margin-top:2px}
.bdPk{display:flex;align-items:baseline;gap:7px;margin-top:6px;font-size:12px;line-height:1.3}.bdP .bdPk b{display:inline;font-size:12.5px;font-weight:800;color:var(--txt)}.bdPk i{font-style:normal;font-weight:700;color:var(--dim)}
.bdPc{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:5px;font-size:11px;font-weight:600;color:var(--dim)}.bdPc>span{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:99px;background:rgba(139,150,163,.1);border:1px solid var(--line2);white-space:nowrap}.bdP .bdPc b{display:inline;font-size:11.5px;font-weight:800;color:var(--txt)}
.bdPp{--c:139,150,163;background:rgba(var(--c),.14)!important;border-color:rgba(var(--c),.45)!important;color:rgb(var(--c))}.bdP .bdPp b{color:rgb(var(--c))}
.bdPp.c5{--c:34,197,94}.bdPp.c4{--c:56,189,248}.bdPp.c3{--c:251,191,36}.bdPp.c2{--c:251,146,60}.bdPp.c1{--c:239,68,68}.bdPp.c0{--c:139,150,163}
.bdProj{display:block;margin-top:3px;font-size:11.5px;font-weight:600;color:rgb(var(--c));line-height:1.35}.bdP .bdProj b{display:inline;font-size:inherit;font-weight:800}
.bdProj.c5{--c:34,197,94}.bdProj.c4{--c:56,189,248}.bdProj.c3{--c:251,191,36}.bdProj.c2{--c:251,146,60}.bdProj.c1{--c:239,68,68}.bdProj.c0{--c:139,150,163}
.bdPj{width:74px}.bdPj b{display:block;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}.bdPj b.g{color:var(--grn)}.bdPj b.r{color:var(--red)}.bdPj small{display:block;font-size:9.5px;color:var(--dim2);font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.bdHow{background:linear-gradient(135deg,rgba(251,184,23,.07),transparent 60%),var(--panel);border:1px solid rgba(251,184,23,.3);border-radius:12px;padding:12px 14px;margin:0 0 10px}
.bdHowT{font-size:10.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.bdHowG{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 14px;margin:0 0 8px}.bdHowG div{font-size:12.5px;color:var(--dim);line-height:1.45;display:flex;gap:8px;align-items:flex-start}.bdHowG b{color:var(--txt)}
.bdHowG i{flex:0 0 auto;width:12px;height:12px;border-radius:4px;margin-top:3px}.bdHowG i.g{background:var(--grn)}.bdHowG i.r{background:var(--red)}.bdHowG i.n{background:var(--dim2)}
.bdHowN{font-size:12px;color:var(--dim);line-height:1.5;border-top:1px solid var(--line);padding-top:8px}.bdHowN b{color:var(--txt)}
@media(max-width:700px){.bdHowG{grid-template-columns:1fr}.bdP{min-width:230px}}.bdP{min-width:262px}

/* ---------- matchup board: phone cards ---------- */
.bdCards{display:none}
.bdHow>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;margin:0}.bdHow>summary::-webkit-details-marker{display:none}
.bdHow>summary:after{content:'+';font-size:16px;line-height:1;color:var(--gold)}.bdHow[open]>summary:after{content:'\2212'}.bdHow[open]>summary{margin-bottom:8px}
@media(max-width:700px){
  .bdScroll{display:none}.bdSwipe{display:none!important}
  .bdCards{display:grid;gap:10px}
  .prCtl.bdSrt{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;scrollbar-width:none}.bdSrt::-webkit-scrollbar{display:none}.bdSrt .chip,.bdSrtL{flex:0 0 auto;white-space:nowrap}
  .prCtl.bdF{flex-wrap:nowrap;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding:0 20px 4px;scrollbar-width:none}.bdF::-webkit-scrollbar{display:none}.bdF .chip{flex:0 0 auto;white-space:nowrap}
  .bdLeg{display:none}
  .bdCard{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line2);border-radius:14px;padding:14px 14px 12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .bdCard.fav{border-left-color:var(--grn);background:linear-gradient(135deg,rgba(34,197,94,.09),transparent 55%),var(--panel)}
  .bdCard.bad{border-left-color:var(--red);background:linear-gradient(135deg,rgba(239,68,68,.10),transparent 55%),var(--panel)}
  .bdCard:active{transform:scale(.99)}
  .bcTop{display:flex;align-items:center;gap:11px}
  .bcTop .prAv img.hs{width:42px;height:42px}
  .bcWho{min-width:0;flex:1}.bcWho b{display:block;font-size:16px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bcWho small{display:block;color:var(--dim2);font-size:12px;font-weight:700;margin-top:2px}
  .bcTag{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border-radius:99px;padding:4px 9px;border:1px solid}
  .bcTag.fav{color:#052e16;background:var(--grn);border-color:var(--grn)}.bcTag.bad{color:#fecaca;background:rgba(239,68,68,.25);border-color:rgba(239,68,68,.55)}.bcTag.chk{color:#fde68a;background:rgba(245,158,11,.22);border:1px solid rgba(245,158,11,.55)}
.pxChk{margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.5);display:flex;flex-direction:column;gap:3px}
.pxChk b{color:#fde68a;font-size:11px;letter-spacing:.7px;text-transform:uppercase}.pxChk span{color:var(--txt);font-size:12.5px;line-height:1.4}
.bcAge{margin:8px 0 0;font-size:11.5px;color:var(--dim);display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;line-height:1.35}
.bcAge i{width:6px;height:6px;border-radius:50%;background:var(--grn);flex:none}.bcAge span{color:var(--dim2)}
.bcAge.av i{background:#60a5fa}.bcAge.av{color:var(--txt)}
.bcAge.old{color:#fbbf24;font-weight:700}.bcAge.old i{background:#f59e0b}.bcAge.old b{flex-basis:100%;font-weight:800;color:#fcd34d}
.bcLean{margin:10px 0 0;padding:9px 12px;border-radius:10px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--line2);background:rgba(139,150,163,.1)}
.bcLean b{font-size:12px;font-weight:800;letter-spacing:.8px}.bcLean span{font-size:12px;color:var(--dim)}
.bcLean.o{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.45)}.bcLean.o b{color:#86efac}
.bcLean.u{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.45)}.bcLean.u b{color:#fca5a5}
.bcTag.neu{color:var(--dim);background:rgba(139,150,163,.12);border-color:var(--line2)}
  .bcProp{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:12px 0 10px;padding-top:10px;border-top:1px solid var(--line)}
  .bcProp b{font-size:15px}.bcProp span{color:var(--gold);font-weight:800;font-size:15px}.bcProp em{font-style:normal;color:var(--dim);font-weight:700;font-size:13px;margin-left:auto}
  .bcStats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
  .bcS{--c:139,150,163;background:rgba(var(--c),.12);border:1px solid rgba(var(--c),.3);border-radius:10px;padding:8px 4px;text-align:center;color:rgb(var(--c));min-width:0}
  .bcS.c5{--c:34,197,94}.bcS.c4{--c:56,189,248}.bcS.c3{--c:251,191,36}.bcS.c2{--c:251,146,60}.bcS.c1{--c:239,68,68}.bcS.c0{--c:139,150,163}
  .bcS small{display:block;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;opacity:.85;line-height:1.2;min-height:22px;display:flex;align-items:flex-end;justify-content:center}
  .bcS b{display:block;font-size:19px;font-weight:800;line-height:1.15;margin-top:2px;font-variant-numeric:tabular-nums}.bcS i{display:block;font-style:normal;font-size:9.5px;font-weight:700;opacity:.8;margin-top:1px}
  .bcLad{margin-top:11px}.bcLad small{display:block;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--dim2);margin-bottom:6px}
  .bcLad>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.bcLad .bdCell{min-width:0;padding:5px 2px}
  .bcMore{margin-top:11px;text-align:center;color:var(--gold);font-size:12px;font-weight:700}
  .bcDt{margin:12px -14px -12px;border-top:1px solid var(--line);background:#0b0e12;border-radius:0 0 13px 13px;cursor:default}
  .bcDt .bdDt{width:auto;padding:14px 14px 16px;position:static}
}
.bdFoot{color:var(--dim2);font-size:11.5px;line-height:1.55;margin:10px 2px 0;max-width:110ch}.bdFoot b{color:var(--dim)}
/* props v48: compact board, top matchups strip */
.bdBig,.bcBig,.bdTopP{--c:139,150,163}
.bcBig.c5,.bdTopP.c5,.bcCh.c5{--c:34,197,94}.bcBig.c4,.bdTopP.c4,.bcCh.c4{--c:56,189,248}.bcBig.c3,.bdTopP.c3,.bcCh.c3{--c:251,191,36}.bcBig.c2,.bdTopP.c2,.bcCh.c2{--c:251,146,60}.bcBig.c1,.bdTopP.c1,.bcCh.c1{--c:239,68,68}
.bdTop{margin:0 0 16px}
.bdTopH{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;margin:0 0 9px}.bdTopH b{font-size:12px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--gold)}.bdTopH span{font-size:12px;color:var(--dim2)}
.bdTopRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bdTopC{display:flex;align-items:center;gap:10px;text-align:left;background:linear-gradient(135deg,rgba(34,197,94,.14),transparent 60%),var(--panel);border:1px solid rgba(34,197,94,.45);border-radius:14px;padding:12px;color:var(--txt);cursor:pointer;font:inherit;min-width:0;-webkit-tap-highlight-color:transparent}
.bdTopC:hover{border-color:var(--grn)}.bdTopC:active{transform:scale(.99)}
.bdTopN{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--grn);color:#052e16;font-weight:800;font-size:12px;display:grid;place-items:center}
.bdTopC .prAv img.hs{width:38px;height:38px}
.bdTopW{min-width:0;flex:1}.bdTopW b{display:block;font-size:14.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdTopW small{display:block;color:var(--gold);font-weight:700;font-size:12.5px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdTopW em{display:block;font-style:normal;color:var(--dim);font-size:11.5px;font-weight:600;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdTopP,.bcBig{flex:0 0 auto;min-width:60px;text-align:center;padding:6px 8px;border-radius:11px;background:rgba(var(--c),.14);border:1px solid rgba(var(--c),.45);color:rgb(var(--c))}
.bdTopP b,.bcBig b{display:block;font-size:20px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.bdTopP small,.bcBig small{display:block;font-size:9px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;opacity:.9;margin-top:2px;white-space:nowrap}
.bcChips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}
.bcCh{--c:139,150,163;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;border:1px solid rgba(var(--c),.4);background:rgba(var(--c),.12);color:rgb(var(--c));white-space:nowrap}
.bcCh.pxLkC{display:inline-flex;align-items:center;gap:4px}
.bcCaret{margin-left:auto;font-style:normal;color:var(--gold);font-size:11px;padding-left:6px}
.bdMoreBtn{display:block;width:100%;margin:12px 0 0;padding:13px 14px;border-radius:12px;background:var(--panel);border:1px solid rgba(251,184,23,.4);color:var(--gold);font:inherit;font-weight:800;font-size:14px;cursor:pointer}.bdMoreBtn:hover{background:rgba(251,184,23,.08)}
.bdMoreBtn small{display:block;color:var(--dim2);font-weight:600;font-size:11.5px;margin-top:2px}
.bdKey{display:flex;gap:4px 16px;flex-wrap:wrap;margin:0 0 12px;font-size:12px;color:var(--dim2);font-weight:600}.bdKey i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.bdKey i.g{background:var(--grn)}.bdKey i.r{background:var(--red)}.bdKey b{color:var(--dim)}
.bdFoot2{margin:14px 0 0}.bdFoot2 .bdFoot{margin:0}
.bdSrtN:empty{display:none}
.bdMdW{margin:12px 0 0;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}.bdMdW>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;font-weight:800;font-size:13.5px;color:var(--gold)}.bdMdW>summary::-webkit-details-marker{display:none}.bdMdW>summary small{color:var(--dim2);font-weight:600;font-size:11.5px;flex:1 1 100%}.bdMdW>summary:after{content:'+';margin-left:auto;font-size:18px;line-height:1;position:absolute;right:14px}.bdMdW{position:relative}.bdMdW[open]>summary:after{content:'\2212'}.bdMdW .bdModel{margin:0;border:0;background:none;padding:0 14px 14px}.bdMdW .bdModel>h4{display:none}
.bdL .bdOd{display:block;font-size:10.5px;color:var(--dim2);font-weight:700;margin-top:1px}
#pg-props.prIn .pageHead p{display:none}#pg-props.prIn .pageHead{padding-bottom:0}
@media(max-width:700px){
  #pg-props.prIn .pageHead{display:none}
  .bdTopRow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px;scrollbar-width:none;gap:10px}.bdTopRow::-webkit-scrollbar{display:none}
  .bdTopC{flex:0 0 88%;scroll-snap-align:start}.bdTopW small,.bdTopW em{white-space:normal}
  .bdCard{padding:12px 13px 11px}
  .bdCard .bcProp{margin:10px 0 0;padding-top:9px}
  .bdCard .bcTop .prAv img.hs{width:40px;height:40px}
  .bcOpen{margin-top:4px}
  .bdKey{font-size:11.5px;gap:3px 12px}
}

@media(max-width:700px){.bdP{min-width:170px}.bdT td.bdP,.bdT th.bdPh{position:sticky;left:0;background:#0f1216;z-index:2}.bdR.fav td.bdP{background:#0f1a14}}

/* ---------- props research ---------- */
.prSports{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 16px}
.prSp{display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);color:var(--dim);font:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:9px;cursor:pointer}
.prSp.on{color:var(--gold);border-color:var(--gold);background:rgba(251,184,23,.07)}
.prCrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;font-size:12.5px;color:var(--dim)}
.prCrumb button{background:none;border:0;color:var(--gold);font:inherit;font-weight:700;cursor:pointer;padding:0}
.prGames{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.prGame{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;color:var(--txt);font:inherit;cursor:pointer;display:block;width:100%}
.prGame:hover{border-color:var(--gold-dk)}
.prGame .tm{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px;margin:5px 0}
.prGame .tm img{width:24px;height:24px;object-fit:contain}
.prGame .st{font-size:11.5px;color:var(--dim2);font-weight:600;letter-spacing:.3px;text-transform:uppercase}
.prEmpty{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:34px 20px;text-align:center;color:var(--dim)}
.prEmpty b{display:block;color:var(--txt);font-size:15px;margin-bottom:6px}
.prCtl{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px;align-items:center}
.prCtl .chip{background:var(--panel);border:1px solid var(--line);color:var(--dim);font:inherit;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:99px;cursor:pointer;display:flex;gap:7px;align-items:center}
.prCtl .chip.on{color:var(--gold);border-color:var(--gold)}
.prCtl .chip img{width:18px;height:18px;object-fit:contain}
.prCtl input{margin-left:auto;background:var(--panel);border:1px solid var(--line);color:var(--txt);padding:8px 13px;border-radius:6px;font-size:13px;width:220px;max-width:100%}
.prRoster{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.prPl{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--txt);font:inherit;text-align:left;cursor:pointer;width:100%}
.prPl:hover{border-color:var(--gold-dk)}
.prPl img,.prHead img.hs{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--panel3);flex:0 0 auto}
.prPl b{display:block;font-size:13.5px}.prPl small{color:var(--dim2);font-size:11.5px;font-weight:700}
.prInj{margin-left:auto;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:6px;background:rgba(248,113,113,.12);color:#e8a09a;white-space:nowrap}
.prInj.q{background:rgba(251,191,36,.12);color:#e6c36b}
.prHead{display:flex;align-items:center;gap:14px;background:linear-gradient(90deg,rgba(251,184,23,.07),transparent 70%),var(--panel);border:1px solid var(--line2);border-radius:12px;padding:16px 18px;margin-bottom:12px}
.prHead img.hs{width:64px;height:64px}.prHead h2{margin:0;font-size:20px}.prHead .sub{color:var(--dim);font-size:12.5px;margin-top:3px}
.prMk{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.prMk button{background:var(--panel);border:1px solid var(--line);color:var(--dim);font:inherit;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:8px;cursor:pointer}
.prMk button.on{background:var(--gold);border-color:var(--gold);color:#111}
.prLine{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:12px}
.prLine label{font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2)}
.prLine .ln{display:flex;align-items:center;gap:6px}
.prLine .ln button{width:34px;height:34px;border-radius:8px;border:1px solid var(--line2);background:var(--panel2);color:var(--txt);font-size:18px;font-weight:700;cursor:pointer}
.prLine .ln input{width:84px;text-align:center;font-size:18px;font-weight:700;background:var(--bg);border:1px solid var(--gold-dk);color:var(--gold);border-radius:8px;padding:6px}
.prLine .hint{color:var(--dim2);font-size:12px;margin-left:auto}
.prCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
.prCard{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.prCard .k{font-size:10.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2)}
.prCard .v{font-size:22px;font-weight:700;margin:3px 0 1px}
.prCard .s{font-size:12px;color:var(--dim)}
.prCard.hi .v{color:var(--gold)}
.prUp{color:#86d9a3}.prDn{color:#e8a09a}
.prBox{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.prBox h3{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim)}
.prChart{position:relative;height:190px;margin-top:6px}
.prPlot{position:absolute;left:0;right:0;top:18px;bottom:20px;display:flex;gap:5px;align-items:flex-end}
.prBar{flex:1;min-width:0;height:100%;position:relative;display:flex;align-items:flex-end;justify-content:center}
.prBar i{display:block;width:100%;max-width:34px;border-radius:5px 5px 0 0;background:#475569;position:relative}
.prBar i.o{background:#4ade80}.prBar i.u{background:#f87171}
.prBar em{position:absolute;left:-6px;right:-6px;top:-15px;text-align:center;font-style:normal;font-size:11px;font-weight:600;color:var(--txt)}
.prBar span{position:absolute;left:-4px;right:-4px;bottom:-17px;text-align:center;font-size:9.5px;color:var(--dim2);white-space:nowrap;overflow:hidden}
.prLineMark{position:absolute;left:0;right:0;border-top:2px dashed var(--gold);pointer-events:none;z-index:2}
.prLineMark b{position:absolute;right:0;top:-18px;background:var(--bg);color:var(--gold);font-size:10.5px;padding:0 4px}
.prTbl{width:100%;border-collapse:collapse;font-size:13px}
.prTbl th{text-align:left;font-size:10.5px;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);padding:6px 8px;border-bottom:1px solid var(--line)}
.prTbl td{padding:8px;border-bottom:1px solid var(--line)}
.prTbl tr:last-child td{border-bottom:0}
.prTbl .w{color:#86d9a3;font-weight:700}.prTbl .l{color:#e8a09a;font-weight:700}
.prScroll{overflow-x:auto}
.prTbl tr.sel td{background:rgba(251,184,23,.06)}
.prFine{color:var(--dim2);font-size:11.5px;line-height:1.55;margin:18px 0 6px}
.prLoad{padding:30px;text-align:center;color:var(--dim)}
.prLoad::before,.ctLd::before,.mxLd::before{content:"";display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:-3px;border:3px solid rgba(251,184,23,.22);border-top-color:var(--gold);border-radius:50%;animation:s24spin .75s linear infinite}
.mxLd::before{width:12px;height:12px;border-width:2px;margin-right:7px;vertical-align:-2px}
@media(max-width:700px){.prCtl input{width:100%;margin-left:0}.prLine .hint{margin-left:0;width:100%}.prHead img.hs{width:52px;height:52px}.prHead h2{font-size:17px}  .prPlot{gap:3px}.prBar span{font-size:8.5px}}
/* posted line, market chips, AI panel, team badge, probables */
.prMk button em{font-style:normal;font-weight:600;font-size:11.5px;margin-left:7px;padding:1px 6px;border-radius:5px;background:rgba(255,255,255,.07);color:var(--dim)}
.prMk button.on em{background:rgba(0,0,0,.14);color:#111}
.prLine.book{display:grid;grid-template-columns:auto 1fr 1fr;gap:6px 18px;align-items:center}
.prLine.book .src{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.prLine.book .src span{color:var(--dim);font-size:12.5px}
.prLine.book .big{font-size:38px;font-weight:700;color:var(--gold);line-height:1;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.prLine.book .px{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 14px;display:flex;flex-direction:column;gap:1px}
.prLine.book .px small{font-size:11px;color:var(--dim2);font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.prLine.book .px b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.prLine.book .px i{font-style:normal;font-size:11.5px;color:var(--dim)}
.prLine.book .meta{grid-column:1/-1;font-size:12px;color:var(--dim2)}
.prLine.book .alts{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.prLine.book .alts small{font-size:11px;color:var(--dim2);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-right:4px}
.prLine.book .alts button{background:var(--panel2);border:1px solid var(--line);color:var(--txt);font:inherit;font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:8px;cursor:pointer;font-variant-numeric:tabular-nums}
.prLine.book .alts button em{font-style:normal;color:var(--dim2);margin-left:6px;font-size:11px}
.prLine.book .alts button.on{border-color:var(--gold);color:var(--gold)}
.prLine .lnk{background:none;border:0;color:var(--gold);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0;margin-left:auto}
.prLine.book .lnk{grid-column:1/-1;margin-left:0;justify-self:start}

.prGs{margin:0 0 14px}
.prGsIn{position:relative;display:flex;align-items:center;gap:10px;min-height:50px;padding:0 14px;border-radius:14px;border:1px solid var(--line2,rgba(148,163,184,.35));background:var(--panel,#111827);color:var(--dim,#94A3B8);transition:border-color .15s,box-shadow .15s}
.prGsIn:focus-within{border-color:#FBB817;box-shadow:0 0 0 3px rgba(251,184,23,.18);color:#FBB817}
.prGsIn input{flex:1;min-width:0;height:48px;border:0;outline:0;background:transparent;color:#F8FAFC;font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}
.prGsIn input::placeholder{color:#7c8798}.prGsIn input::-webkit-search-cancel-button{display:none}
.prGsX{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:rgba(148,163,184,.18);color:#CBD5E1;font-size:20px;line-height:1;cursor:pointer}
.prGsRes{margin-top:8px;border-radius:14px;border:1px solid var(--line2,rgba(148,163,184,.35));background:#0f1623;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.prGsR{display:flex;align-items:center;gap:12px;width:100%;padding:10px 14px;border:0;border-bottom:1px solid rgba(148,163,184,.14);background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer;min-height:58px}
.prGsR:last-child{border-bottom:0}.prGsR:hover,.prGsR.act{background:rgba(251,184,23,.09)}.prGsR:focus-visible{outline:2px solid #FBB817;outline-offset:-2px}
.prGsT{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.prGsT b{color:#F8FAFC;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prGsT small,.prGsW small{color:#94A3B8;font-size:12.5px}
.prGsW{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:2px;max-width:42%;text-align:right}.prGsW small{white-space:nowrap}.prGsW em{font-style:normal;font-size:11px;color:#FBB817}
.prGsMsg{display:flex;align-items:center;gap:10px;padding:14px;color:#94A3B8;font-size:14px}
.prGsSp{width:14px;height:14px;border-radius:50%;border:2px solid rgba(251,184,23,.3);border-top-color:#FBB817;animation:prGsSpin .8s linear infinite}@keyframes prGsSpin{to{transform:rotate(360deg)}}
.pjC.pjFocus{animation:pjFocus 3.2s ease-out}@keyframes pjFocus{0%,55%{box-shadow:0 0 0 2px #FBB817,0 0 28px rgba(251,184,23,.45)}100%{box-shadow:0 0 0 0 rgba(251,184,23,0)}}
@media(max-width:480px){.prGsW{max-width:34%}.prGsR{padding:10px 12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.prGsSp{animation:none}.pjC.pjFocus{animation:none;box-shadow:0 0 0 2px #FBB817}}
.prNote{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:11px 14px;margin:0 0 12px;color:var(--dim);font-size:13px}
.prProb{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.prProb div{flex:1 1 240px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13px;color:var(--dim)}
.prProb b{display:block;color:var(--txt);font-weight:600;font-size:14px;margin-top:2px}
.prProb small{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--dim2);font-weight:600}
.prProb .wait b{color:var(--gold-dk)}
.prAv{position:relative;flex:0 0 auto;width:40px;height:40px}
.prAv img.hs{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--panel3)}
.prAv img.tl{position:absolute;right:-4px;bottom:-4px;width:19px;height:19px;object-fit:contain;background:var(--bg);border-radius:50%;padding:2px;border:1px solid var(--line2)}
.prHead .prAv{width:68px;height:68px}.prHead .prAv img.hs{width:68px;height:68px}.prHead .prAv img.tl{width:26px;height:26px;padding:3px}
.prAi{background:linear-gradient(135deg,rgba(251,184,23,.08),transparent 60%),var(--panel);border:1px solid var(--gold-dk);border-radius:14px;padding:16px 18px;margin:0 0 14px}
.prAiHd{display:flex;gap:12px;align-items:flex-start}
.prAiHd b{display:block;font-size:15.5px;font-weight:700}
.prAiHd small{display:block;color:var(--dim);font-size:12.5px;line-height:1.5;margin-top:2px;max-width:560px}
.prAiHd em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.8px;color:var(--gold);border:1px solid var(--gold-dk);border-radius:99px;padding:2px 9px;white-space:nowrap}
.prAiTag{background:var(--gold);color:#111;font-weight:700;font-size:11px;letter-spacing:.6px;padding:5px 8px;border-radius:7px;white-space:nowrap}
.prAiRun,.prAiCta{display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap;margin-top:14px;color:var(--dim);font-size:13px}
.prAiGhost{display:grid;gap:8px;margin-top:14px}
.prAiGhost i{display:block;height:44px;border-radius:10px;background:linear-gradient(90deg,var(--panel2),var(--panel3),var(--panel2));filter:blur(.4px);opacity:.7}
.prAiList{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;margin-top:14px}
.prFlag{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:13px 15px}
.prFlag.strong{border-color:var(--gold-dk)}
.prFlag .top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.prFlag .top b{font-size:14.5px;font-weight:600}.prFlag .top small{display:block;color:var(--dim2);font-size:11.5px}
.prFlag .tier{font-size:10.5px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;border:1px solid var(--line2);border-radius:99px;padding:2px 9px;color:var(--dim);height:fit-content}
.prFlag.strong .tier{color:var(--gold);border-color:var(--gold-dk)}
.prFlag .pick{display:flex;justify-content:space-between;gap:10px;margin:10px 0 8px;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.prFlag .pick em{font-style:normal;color:var(--gold)}
.prFlag .bars{display:grid;gap:6px;margin-bottom:8px}
.prFlag .bars div{display:grid;grid-template-columns:104px 1fr 38px;gap:8px;align-items:center;font-size:12px;color:var(--dim)}
.prFlag .bars small{font-size:11.5px}.prFlag .bars b{text-align:right;color:var(--txt);font-weight:600}
.prFlag .bars i{display:block;height:6px;border-radius:99px;background:var(--panel3);overflow:hidden}
.prFlag .bars u{display:block;height:100%;background:var(--gold);border-radius:99px}.prFlag .bars u.m{background:#64748b}
.prFlag ul{list-style:none;display:grid;gap:4px;font-size:12.5px;color:var(--dim);line-height:1.5}
.prFlag li{padding-left:12px;position:relative}.prFlag li:before{content:'';position:absolute;left:0;top:.62em;width:4px;height:4px;border-radius:50%;background:var(--gold-dk)}
@media(max-width:700px){.prLine.book{grid-template-columns:1fr 1fr}.prLine.book .big{grid-column:1/-1;font-size:34px}.prAiList{grid-template-columns:1fr}.prFlag .bars div{grid-template-columns:92px 1fr 36px}.prAiHd em{display:none}.prHead .prAv,.prHead .prAv img.hs{width:56px;height:56px}}

.prUpd{font-size:11.5px;color:var(--dim2);margin:-8px 0 14px}

.prCard .v .sm{font-size:17px;font-weight:700}
@media(max-width:700px){.prSports{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.prSp{justify-content:center;padding:9px 6px;font-size:12.5px}.prSp img{width:18px;height:18px}.prCard .v{font-size:20px}}

/* smooth transitions, same easing as the rest of the site */
.prA{animation:cardIn .4s var(--ease) both;animation-delay:calc(var(--i,0)*32ms)}
.prBar i.prA{animation:prUp .6s var(--ease) both;animation-delay:calc(var(--i,0)*28ms);transform-origin:bottom}
@keyframes prUp{from{transform:scaleY(.04);opacity:.3}to{transform:none;opacity:1}}
.prGame,.prPl,.prCtl .chip,.prMk button,.prSp,.prLine.book .alts button,.prLine .ln button{transition:transform .16s var(--ease),border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease),box-shadow .16s var(--ease)}
.prGame:hover,.prPl:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.35)}
.prGame:active,.prPl:active,.prMk button:active,.prCtl .chip:active,.prSp:active{transform:scale(.97)}
.prMk button:hover:not(.on),.prCtl .chip:hover:not(.on),.prSp:hover:not(.on){border-color:var(--line2);color:var(--txt)}
@media(prefers-reduced-motion:reduce){.prA,.prBar i.prA{animation:none}.prGame:hover,.prPl:hover{transform:none}}

.prLine.book .px.off b{font-size:15px;color:var(--dim2);font-weight:600}

/* player page uses the same cards as the model detail */
.prAna{margin-top:2px}
.prAna .rdCard .prLine{background:none;border:0;padding:0;margin:0}
.prAna .rdCard .prFine{margin:8px 0 0}
.prHead .vs{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--dim);font-size:13px}
.prHead .vs b{color:var(--txt);font-weight:600}
.prHead .oppL,.prOpp img{width:26px;height:26px;object-fit:contain;flex:0 0 auto}
.prOpp{display:flex;align-items:center;gap:12px;padding:2px 0 10px;border-bottom:1px solid var(--line);margin-bottom:2px}
.prOpp b{display:block;font-size:15px;font-weight:600}.prOpp small{display:block;color:var(--dim);font-size:12px}
.prOpp img{width:38px;height:38px}
.prKv{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:9px 0;border-top:1px solid var(--line);font-size:13px}
.prKv:first-of-type{border-top:0}
.prKv span{color:var(--dim)}.prKv b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.prKv small{display:block;color:var(--dim2);font-weight:500;font-size:11.5px}
.prHr{display:grid;grid-template-columns:70px 1fr 92px;gap:12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.prHr:first-of-type{border-top:0}
.prHr>span{color:var(--dim);font-size:13px}
.prHr .bar{height:10px;border-radius:99px;background:rgba(248,113,113,.38);overflow:hidden}
.prHr .bar u{display:block;height:100%;background:#4ade80;border-radius:99px}
.prHr b{text-align:right;font-size:13px;font-weight:600}.prHr b small{display:block;font-size:11px;color:var(--dim2);font-weight:500}
.prAna .rdCard{margin-bottom:12px!important}
.prAna .prLine.book{grid-template-columns:auto 1fr 1fr}
.prAna .prLine.book .px{background:rgba(0,0,0,.18)}
@media(max-width:820px){.prAna.anaGrid{grid-template-columns:1fr;gap:14px}.prAna .prLine.book .big{font-size:34px}}
@media(max-width:700px){.prHr{grid-template-columns:58px 1fr 80px;gap:10px}}
@media(max-width:560px){.prAna .prLine.book,.prLine.book{grid-template-columns:1fr 1fr;gap:8px}.prLine.book .big{grid-column:1/-1}.prLine.book .px{min-width:0}.prLine.book .px b{font-size:14px;line-height:1.25;overflow-wrap:anywhere}}
.prKv small.dk{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-weight:600}
.dk i{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.dk.good{color:#4ade80}.dk.mid{color:#facc15}.dk.bad{color:#f87171}

.prLock{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:14px;align-items:stretch}
.prTease{position:relative;display:grid;gap:8px;padding:2px}
.prTease .tz{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 10px;align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 12px;filter:blur(3.5px);opacity:.75}
.prTease .tb{height:9px;border-radius:5px;background:var(--line2);grid-column:1}.prTease .w1{width:46%}.prTease .w2{width:72%}.prTease .w3{width:58%}
.prTease .tt{grid-column:2;grid-row:1/4;font-size:10px;font-weight:600;letter-spacing:.8px;color:var(--gold);border:1px solid var(--gold-dk);border-radius:99px;padding:2px 8px}
.prTease .tlock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--gold)}
.prTease .tlock b{font-size:12.5px;font-weight:600;color:var(--txt)}
.prPerks{display:flex;flex-direction:column;justify-content:center;gap:10px}
.prPerks>b{font-size:14px;font-weight:600}
.prPerks ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.prPerks li{position:relative;padding-left:22px;font-size:13px;line-height:1.5;color:var(--dim)}
.prPerks li:before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.prPerks .unlockBtn{align-self:flex-start;margin-top:4px}
.prPerks small{color:var(--dim2);font-size:11.5px}
@media(max-width:700px){.prLock{grid-template-columns:1fr;gap:14px}.prPerks .unlockBtn{align-self:stretch;width:100%;text-align:center}}

.prCtx{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}.prCtx span{font-size:11.5px;font-weight:600;color:var(--dim);background:var(--panel2);border:1px solid var(--line);border-radius:99px;padding:3px 10px}
.prFlag .pick{align-items:baseline;flex-wrap:wrap}.prFlag .pick em{font-size:12px;font-weight:500;color:var(--dim2)}

.prFlag .pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 10px}
.prFlag .pick b{font-size:15px;font-weight:600}.prFlag .pick em{margin-left:auto}
.prFlag .sd{font-size:11px;font-weight:700;letter-spacing:.8px;border-radius:6px;padding:3px 9px;border:1px solid}
.prFlag .sd.ov{color:#4ade80;background:rgba(74,222,128,.1);border-color:rgba(74,222,128,.35)}
.prFlag .sd.un{color:#f87171;background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.35)}
.prFlag .lean{display:grid;gap:5px;margin-bottom:12px}
.prFlag .lean .lh{display:flex;justify-content:space-between;font-size:12.5px;color:var(--dim)}.prFlag .lean .lh b{color:var(--txt);font-size:15px;font-weight:700}
.prFlag .lean .lh.mk{margin-top:6px}.prFlag .lean small{font-size:11.5px;color:var(--dim2);line-height:1.45}
.prFlag .lean i{display:block;height:6px;border-radius:99px;background:var(--panel3);overflow:hidden}
.prFlag .lean u{display:block;height:100%;background:var(--gold);border-radius:99px}.prFlag .lean u.m{background:#64748b}
.prFlag .why{border-top:1px solid var(--line);padding-top:10px}.prFlag .why>small{display:block;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:6px}
.prFlag .why li{padding-left:0}.prFlag .why li:before{display:none}
.prFlag .src{display:inline-block;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-radius:4px;padding:1px 6px;margin-right:8px;vertical-align:1px;background:var(--panel3);color:var(--dim)}
.prFlag .src.s-s24model,.prFlag .src.s-gameplan{background:rgba(251,184,23,.14);color:var(--gold)}
.prFlag .src.s-matchup{background:rgba(167,139,250,.14);color:#c4b5fd}

.prRead{display:grid;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.prRead .blk>small{display:block;font-size:11px;font-weight:600;letter-spacing:.7px;text-transform:uppercase;color:var(--dim2);margin-bottom:6px}
.prRead ul{list-style:none;display:grid;gap:5px;font-size:13px;color:var(--dim);line-height:1.5}
.prRead li{position:relative;padding-left:12px}.prRead li:before{content:'';position:absolute;left:0;top:.6em;width:4px;height:4px;border-radius:50%;background:var(--gold-dk)}
.prRead p{font-size:13px;color:var(--dim);line-height:1.6;margin:0}
.prRead .rms{display:grid;grid-template-columns:1fr 1fr;gap:10px}.prRead .rm{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:11px 13px}
.prRead .rm b{display:block;font-size:13px;font-weight:600;margin-bottom:4px;color:var(--txt)}
.prRead .srcs div{display:flex;flex-wrap:wrap;gap:6px}.prRead .srcs a{font-size:11.5px;color:var(--dim);border:1px solid var(--line);border-radius:99px;padding:3px 10px;text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.prFlag .src.s-scheme,.prFlag .src.s-usage{background:rgba(96,165,250,.14);color:#93c5fd}
.prFlag .src.s-news{background:rgba(251,184,23,.14);color:var(--gold)}
.prFlag .src.s-script{background:rgba(74,222,128,.12);color:#86efac}
.prFlag .src.s-risk{background:rgba(248,113,113,.12);color:#fca5a5}
@media(max-width:700px){.prRead .rms{grid-template-columns:1fr}}

.prGame.closed{cursor:not-allowed;opacity:.62;background:var(--panel2)}.prGame.closed:hover{transform:none;box-shadow:none;border-color:var(--line)}
.prGame .lv{display:inline-flex;align-items:center;gap:6px;color:#f87171;font-weight:700}.prGame .lv i{width:7px;height:7px;border-radius:50%;background:#f87171;animation:prPulse 1.4s ease-in-out infinite}
.prGame .cl{margin-top:8px;font-size:11.5px;color:var(--dim2);border-top:1px solid var(--line);padding-top:8px}
@keyframes prPulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.prGame .lv i{animation:none}}

.prGame .lv{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);border-radius:99px;padding:1px 9px 1px 8px;font-size:11px;letter-spacing:.6px}
.prGame.closed .tm{opacity:.85}
/* ---- mobile polish: gameplan headers ---- */
@media(max-width:700px){
 .gpHead{flex-wrap:wrap;gap:8px 10px;align-items:flex-start}
 .gpTeams{flex:1 1 100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center}
 .gpT{min-width:0;gap:8px;align-items:center}.gpT img,.gpT .monoLg{width:26px;height:26px;flex:0 0 26px}
 .gpT b{font-size:13.5px;font-weight:600;line-height:1.25;min-width:0;overflow-wrap:anywhere}
 .gpMeta{flex:1 1 100%;flex-wrap:wrap;gap:6px 10px;align-items:center}
 .gpMeta em{font-size:12px}
 .gpMeta u{white-space:normal;line-height:1.3}
 .gpChev{margin-left:auto}
}
/* mobile fit pass */
.prChart{overflow:hidden}
@media(max-width:700px){
 .prPlot{left:6px;right:6px}
 .prBar em{left:-3px;right:-3px;font-size:10.5px}
 .prBar span{left:-2px;right:-2px}
 .prTease .tt,.rdKicker,.rg,.facts .ft,.ft h5{font-size:11px!important}
}
@media(max-width:340px){.hdr{gap:8px}.hdr .acct{min-width:0}.acctBtn{padding:7px 8px!important;font-size:10.5px!important}.hdr .burger{margin-left:6px;padding:8px 10px}.hdr .brand .bLogo{height:30px!important}.hdr>.brand{width:116px;flex:0 0 116px}.hdr .brand .tagline{gap:5px}.hdr .brand .tagline span{letter-spacing:1.2px}.hdr .brand .tagline i{width:8px}#pg-home .hcta .hb{padding:11px 6px;font-size:12.5px;min-width:0}#pg-home .hcta .hrow{gap:8px}}
@media(max-width:350px){
 .prSports{gap:4px}.prSp{padding:9px 3px;font-size:11.5px;gap:4px}.prSp img{width:16px;height:16px}
}
@media(max-width:820px){.prAna.anaGrid{grid-template-columns:minmax(0,1fr)}.prAna.anaGrid>*{min-width:0}}
/* integration: switch, home card, how strip, props link */
.s24Sw{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;margin:16px 0 4px;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.s24Sw button{font:inherit;font-size:13.5px;font-weight:700;color:var(--dim);background:transparent;border:0;border-radius:9px;padding:10px 20px;min-height:42px;cursor:pointer;white-space:nowrap}
.s24Sw button.on{background:rgba(251,184,23,.12);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold-dk,#3a3218)}
.prHow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:2px 0 14px}
.prHow div{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}
.prHow b{flex:0 0 24px;width:24px;min-width:24px;height:24px;border-radius:50%;background:rgba(251,184,23,.14);color:var(--gold);font-size:12.5px;display:grid;place-items:center}
.prHow span{font-size:13px;color:var(--txt);line-height:1.3;min-width:0}
.hprops{margin:14px 0 6px;border:1px solid var(--line);border-left:4px solid var(--grn,#4ade80);border-radius:12px;background:linear-gradient(135deg,rgba(74,222,128,.07),transparent 60%);padding:20px 22px}
.hprops .hpTop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.hprops h2{font-size:22px;line-height:1.25;margin:0}
.hprops .hpTag{font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--grn,#4ade80);border:1px solid rgba(74,222,128,.35);border-radius:99px;padding:3px 9px}
.hprops p.hs{color:var(--dim);font-size:14.5px;line-height:1.55;margin:0;max-width:62ch}
.hprops .hpSteps{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:14px 0 0;padding:0}
.hprops .hpSteps li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--txt)}
.hprops .hpSteps b{width:22px;height:22px;border-radius:50%;background:rgba(251,184,23,.14);color:var(--gold);font-size:12px;display:grid;place-items:center;flex:0 0 22px}
.hprops .hpChips{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.hprops .hchip{font:inherit;font-size:13px;font-weight:800;color:var(--txt);background:var(--panel2);border:1px solid var(--line2);border-radius:99px;padding:8px 16px;min-height:38px;cursor:pointer}
.hprops .hpMem{margin-top:14px;font-size:13px;color:var(--dim);line-height:1.5}
.hprops .hpMem b{color:var(--gold)}
.hprops .hrow{display:flex;margin-top:16px}
.hprops .hb{padding:13px 22px;border-radius:10px;border:1px solid var(--line2);background:var(--panel2);color:var(--txt);font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer;min-height:46px}
.hprops .hb.pri{background:var(--gold);border-color:var(--gold);color:#08090b}
.prXlink{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:16px;padding:14px 16px;border:1px solid var(--line);border-left:4px solid var(--grn,#4ade80);border-radius:12px;background:var(--panel)}
.prXlink div{min-width:0}.prXlink b{display:block;font-size:14.5px}.prXlink span{display:block;font-size:13px;color:var(--dim);margin-top:2px;line-height:1.4}
.prXlink .hb{flex:0 0 auto;padding:11px 18px;border-radius:10px;border:1px solid var(--gold);background:var(--gold);color:#08090b;font:inherit;font-weight:800;font-size:14px;min-height:44px;cursor:pointer}
@media(max-width:700px){
 .s24Sw{display:grid;width:100%}.s24Sw button{padding:10px 8px}
 .prHow{gap:6px}.prHow div{flex-direction:column;text-align:center;gap:6px;padding:10px 6px}.prHow span{font-size:12.5px}
 .hprops{padding:16px 16px}.hprops h2{font-size:19px}
 .hprops .hpSteps{flex-direction:column;gap:8px}
 .hprops .hpChips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.hprops .hchip{padding:8px 4px}
 .hprops .hrow .hb{width:100%}
 .prXlink{flex-direction:column;align-items:stretch;gap:10px}.prXlink .hb{width:100%}
}
.prAna .facts .fr{align-items:center}.prAna .facts .fr span{font-size:13px}.prAna .facts .fr b{font-size:14px;text-align:right}
@media(max-width:700px){.prTbl th,.prTbl td{padding:8px 5px;font-size:12.5px}.prTbl th:first-child,.prTbl td:first-child{padding-left:0}}
@media(min-width:701px) and (max-width:1180px){
 #mdWrapOuter{padding:0}
 .bsTbl tr.clickRow{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
}
@media(min-width:701px) and (max-width:1180px){nav#nav button{white-space:nowrap;padding-left:10px;padding-right:10px;font-size:13.5px}}
@media(min-width:701px) and (max-width:1180px){.memLbl,.acctEm{display:none}}
@media(min-width:1181px){
 .bsTbl tr.clickRow{grid-template-columns:150px repeat(auto-fill,minmax(175px,1fr));gap:8px 14px;align-items:start}
 .bsTbl td.koCell{grid-column:1;grid-row:1/span 2;flex-direction:column;align-items:flex-start;gap:6px}
 .bsTbl td.bsMatch{grid-column:2/-1;grid-row:1}
 .bsTbl td.bsPick,.bsTbl td[data-l="Grade"]{grid-row:2}
}
.prLinkBtn{background:none;border:0;color:var(--gold);font:inherit;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}
/* Ask S24 button: spinning gold ring + soft pulsing glow, stronger on hover (matches the member avatar) */
@property --fa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes fabSpin{to{--fa:360deg}}
@keyframes fabGlow{0%,100%{box-shadow:0 0 10px rgba(251,184,23,.22),0 4px 14px rgba(0,0,0,.5)}50%{box-shadow:0 0 22px rgba(251,184,23,.5),0 4px 14px rgba(0,0,0,.5)}}
.botFab{border:2px solid transparent!important;color:var(--gold)!important;
 background:linear-gradient(#11151b,#11151b) padding-box,conic-gradient(from var(--fa),#fff1b8,#fbb817 20%,#a56f00 45%,#fbb817 65%,#ffd04a 82%,#fff1b8) border-box!important;
 animation:fabSpin 3.6s linear infinite,fabGlow 2.6s ease-in-out infinite;
 transition:transform .22s var(--ease),color .2s,opacity .2s}
.botFab:hover,.botFab:focus-visible{transform:translateY(-2px) scale(1.04)!important;color:#111!important;
 background:linear-gradient(135deg,#ffd04a,#fbb817 55%,#d9a000) padding-box,conic-gradient(from var(--fa),#fff1b8,#fbb817 20%,#a56f00 45%,#fbb817 65%,#ffd04a 82%,#fff1b8) border-box!important;
 animation:fabSpin 2.2s linear infinite;box-shadow:0 0 30px rgba(251,184,23,.65),0 10px 28px rgba(0,0,0,.5)}
.botFab:active{transform:translateY(0) scale(.98)!important}
@media(prefers-reduced-motion:reduce){.botFab{animation-duration:12s,6s}}
/* matchup card: clean rows, one alignment */
.prMatch .prOpp{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:2px;border-bottom:1px solid var(--line)}
.prMatch .prOpp img{width:36px;height:36px;object-fit:contain;flex:0 0 36px}
.prMatch .prOpp b{display:block;font-size:16px;line-height:1.25}.prMatch .prOpp small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px}
.prMatch .mxHd{font-size:11px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--dim2);margin:16px 0 4px}
.prMatch .mxWho{padding:6px 0 4px}.prMatch .mxWho b{display:block;font-size:14.5px}.prMatch .mxWho small{display:block;color:var(--dim);font-size:12.5px;margin-top:2px;line-height:1.4}
.prMatch .mxNote{margin:6px 0 0;color:var(--dim);font-size:12.5px;line-height:1.5}
.prMatch .mx{display:grid}
.prMatch .mxRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.prMatch .mx .mxRow:first-child{border-top:0}
.prMatch .mxRow .l{color:var(--txt);font-size:13.5px;line-height:1.35;min-width:0}
.prMatch .mxRow .l small{display:block;margin-top:2px;color:var(--dim2);font-size:12px;line-height:1.35;font-weight:500}
.prMatch .mxRow .l small i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;background:currentColor;vertical-align:1px}
.prMatch .mxRow .l small.good{color:#4ade80}.prMatch .mxRow .l small.bad{color:#f87171}.prMatch .mxRow .l small.mid{color:#fbbf24}
.prMatch .mxRow .v{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.prMatch .znBar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:var(--panel2);margin:8px 0 10px;gap:2px}
.prMatch .znBar i{display:block;height:100%}
.prMatch .z-rim{background:#60a5fa}.prMatch .z-mid{background:#c084fc}.prMatch .z-three{background:#fbbf24}
.prMatch .znLeg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.prMatch .znLeg span{font-size:12px;color:var(--dim);line-height:1.35;min-width:0}
.prMatch .znLeg span i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}
.prMatch .znLeg b{display:block;color:var(--txt);font-size:15px}.prMatch .znLeg small{color:var(--dim2);font-size:11.5px}
@media(max-width:560px){.prMatch .znLeg{grid-template-columns:1fr;gap:6px}.prMatch .znLeg span{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.prMatch .znLeg b{display:inline;font-size:14px}}
@media(min-width:701px){.prMatch .mx,.prMatch .znBar,.prMatch .znLeg,.prMatch .mxWho,.prMatch .mxNote{max-width:640px}}

/* S24 AI research loader */
.prLdWrap{padding:6px 2px 2px}
.pldTop{display:flex;align-items:center;gap:14px}
.pldMark{position:relative;width:48px;height:48px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0b0d10;border:1px solid rgba(251,184,23,.3)}
.pldMark b{color:var(--gold);font-weight:900;font-size:14px;letter-spacing:.3px;font-style:italic}
.pldRing{position:absolute;inset:-6px;border-radius:50%;border:3px solid rgba(251,184,23,.12);border-top-color:var(--gold);border-right-color:rgba(251,184,23,.55);animation:pldSpin .9s linear infinite;will-change:transform}
.pldTx{flex:1;min-width:0}.pldTx b{display:block;font-size:15.5px;line-height:1.3}.pldTx small{color:var(--dim);font-size:12.5px;font-variant-numeric:tabular-nums}
.pldPct{font-weight:900;font-size:20px;color:var(--gold);font-variant-numeric:tabular-nums}
.pldBar{height:8px;border-radius:99px;background:#1c222a;overflow:hidden;margin:14px 0 12px}
.pldBar u{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c98f0b,#ffd04a,#c98f0b);background-size:200% 100%;animation:pldFlow 1.4s linear infinite;transition:width .9s ease}
.pldSteps{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pldSteps li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--dim2);transition:color .3s}
.pldSteps li i{width:16px;height:16px;border-radius:50%;border:1.5px solid #3a424d;flex:none;position:relative}
.pldSteps li.done{color:var(--dim)}.pldSteps li.done i{background:var(--grn);border-color:var(--grn)}
.pldSteps li.done i:after{content:'';position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #08090b;border-width:0 2px 2px 0;transform:rotate(45deg)}
.pldSteps li.on{color:var(--txt);font-weight:700}.pldSteps li.on i{border-color:var(--gold);box-shadow:0 0 0 3px rgba(251,184,23,.2);animation:pldPulse 1.1s ease-in-out infinite}
.pldNote{margin:12px 0 0!important}
@keyframes pldSpin{to{transform:rotate(360deg)}}@keyframes pldFlow{to{background-position:-200% 0}}
@keyframes pldPulse{50%{box-shadow:0 0 0 6px rgba(251,184,23,.05)}}
@media(prefers-reduced-motion:reduce){.pldBar u,.pldSteps li.on i{animation:none}.pldRing{animation-duration:2.4s}}

.prFlag .wy{display:flex;gap:8px;align-items:baseline;margin-top:8px;padding:8px 10px;border-radius:8px;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.16);font-size:13px;line-height:1.45}
.prFlag .wy b{flex:none;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#86efac;white-space:nowrap}
.prFlag .wy span{color:var(--dim);min-width:0}
.prFlag .wy.rk{background:rgba(248,113,113,.06);border-color:rgba(248,113,113,.16)}.prFlag .wy.rk b{color:#fca5a5}
.prRead .gpl{padding:0}.prRead .gpl summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;color:var(--txt);padding:11px 13px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;align-items:center}
.prRead .gpl summary::-webkit-details-marker{display:none}.prRead .gpl summary:after{content:"+";color:var(--dim);font-size:16px;line-height:1}.prRead .gpl[open] summary:after{content:"\2212"}
.prRead .gpl .rms{margin-top:8px}
.prRead .prPass{margin:10px 0 0;font-size:12.5px;color:var(--dim);line-height:1.5}.prRead .prPass b{color:var(--txt);font-weight:600}
@media(max-width:700px){.prFlag .wy{flex-direction:column;gap:2px;align-items:flex-start}.prFlag .why li{font-size:13.5px;line-height:1.5}}

/* conviction badge, glow and meter */
.prFlag .tier{position:relative;font-weight:700}
.prFlag.strong .tier{color:var(--gold);border-color:var(--gold);background:rgba(251,184,23,.1);animation:tvGoldGlow 2.4s ease-in-out infinite}
.prFlag.solid .tier{color:#7dd3fc;border-color:rgba(125,211,252,.55);background:rgba(125,211,252,.08);animation:tvBlueGlow 3s ease-in-out infinite}
.prFlag.risky .tier{color:#fdba74;border-color:rgba(251,146,60,.6);background:rgba(251,146,60,.09);animation:tvAmberGlow 2.2s ease-in-out infinite}
.prFlag.strong{box-shadow:0 0 0 1px rgba(251,184,23,.25),0 0 22px rgba(251,184,23,.10)}
.prFlag.risky{border-color:rgba(251,146,60,.35)}
@keyframes tvGoldGlow{0%,100%{box-shadow:0 0 0 0 rgba(251,184,23,.0),0 0 6px rgba(251,184,23,.25)}50%{box-shadow:0 0 0 3px rgba(251,184,23,.12),0 0 16px rgba(251,184,23,.55)}}
@keyframes tvBlueGlow{0%,100%{box-shadow:0 0 5px rgba(125,211,252,.2)}50%{box-shadow:0 0 0 3px rgba(125,211,252,.1),0 0 14px rgba(125,211,252,.45)}}
@keyframes tvAmberGlow{0%,100%{box-shadow:0 0 5px rgba(251,146,60,.25)}50%{box-shadow:0 0 0 3px rgba(251,146,60,.12),0 0 15px rgba(251,146,60,.5)}}
.prFlag .conv{display:flex;align-items:center;gap:10px;margin:2px 0 11px;padding:8px 11px;border-radius:9px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.prFlag .cvL{font-size:10.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--dim2);white-space:nowrap}
.prFlag .cvBars{display:flex;gap:3px;margin-left:auto}
.prFlag .cvBars i{width:16px;height:6px;border-radius:3px;background:var(--panel3);transform-origin:left;animation:cvIn .5s ease both}
.prFlag.strong .cvBars i.on{background:var(--gold);box-shadow:0 0 8px rgba(251,184,23,.55)}
.prFlag.solid .cvBars i.on{background:#7dd3fc;box-shadow:0 0 7px rgba(125,211,252,.45)}
.prFlag.risky .cvBars i.on{background:#fb923c;box-shadow:0 0 7px rgba(251,146,60,.5)}
.prFlag .cvT{font-size:12px;font-weight:700;white-space:nowrap}
.prFlag.strong .cvT{color:var(--gold)}.prFlag.solid .cvT{color:#7dd3fc}.prFlag.risky .cvT{color:#fdba74}
@keyframes cvIn{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@media(max-width:700px){.prFlag .conv{flex-wrap:wrap;gap:6px 10px}.prFlag .cvL{flex:1 0 100%}.prFlag .cvBars{margin-left:0}.prFlag .cvBars i{width:22px}.prFlag .cvT{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.prFlag .tier,.prFlag .cvBars i{animation:none!important}}
/* grade glow on the model picks (opacity-only animation: cheap on phones) */
.conf.gA,.conf.gB,.conf.gC,.conf:not(.blur):not(.gA):not(.gB):not(.gC),.pk.gift .gfGrade,.topPlay .tpGrade,.gpvGr{position:relative;--gc:251,184,23}
.conf.gA,.pk.gift .gfGrade.gA,.topPlay .tpGrade.gA,.gpvGr.gA{--gc:34,197,94}
.conf.gB,.pk.gift .gfGrade.gB,.topPlay .tpGrade.gB,.gpvGr.gB{--gc:96,165,250}
.conf.gC,.pk.gift .gfGrade.gC,.topPlay .tpGrade.gC,.gpvGr.gC{--gc:251,184,23}
.conf.gA:after,.conf.gB:after,.conf.gC:after,.conf:not(.blur):not(.gA):not(.gB):not(.gC):after,.pk.gift .gfGrade:after,.topPlay .tpGrade:after,.gpvGr:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px rgba(var(--gc),.55),0 0 14px 2px rgba(var(--gc),.6);opacity:.18;animation:gradeGlow 2.6s ease-in-out infinite}
.conf:not(.blur):not(.gA):not(.gB):not(.gC):after{animation-duration:3.4s;opacity:.12}
.conf.gB:after,.gpvGr.gB:after{animation-delay:.4s}.conf.gC:after,.gpvGr.gC:after{animation-delay:.8s}
@keyframes gradeGlow{0%,100%{opacity:.16}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.conf:after,.gfGrade:after,.tpGrade:after,.gpvGr:after{animation:none!important;opacity:.45!important}}
/* grade glow on the board's pick pills (A green, B gold, C blue); finished games stay calm */
.pcHit.pcA,.pcHit.pcB,.pcHit.pcC{position:relative;--gc:251,184,23}
.pcHit.pcA{--gc:34,197,94}.pcHit.pcB{--gc:96,165,250}.pcHit.pcC{--gc:251,184,23}
.pcHit.pcA:after,.pcHit.pcB:after,.pcHit.pcC:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:0 0 0 1px rgba(var(--gc),.6),0 0 14px 2px rgba(var(--gc),.55);opacity:.15;animation:gradeGlow 2.6s ease-in-out infinite}
.pcHit.pcB:after{animation-delay:.4s}.pcHit.pcC:after{animation-delay:.8s}
.pcHit.pcA .pcGr,.pcHit.pcB .pcGr,.pcHit.pcC .pcGr{box-shadow:0 0 8px rgba(var(--gc),.55)}
tr.gFinal .pcHit:after{animation:none;opacity:0}
@media(prefers-reduced-motion:reduce){.pcHit:after{animation:none!important;opacity:.4!important}}
/* why-the-model-leans: side-by-side ratings */
.rdCmpHd{display:flex;justify-content:space-between;font-size:11px;font-weight:600;letter-spacing:.4px;color:var(--dim2);margin:0 0 6px;text-transform:uppercase}
.rdCmp{display:grid;grid-template-columns:44px 1fr 44px;gap:8px;align-items:center;padding:5px 0}
.rdCmp .cmV{font-weight:600;font-size:13px;color:var(--dim);font-variant-numeric:tabular-nums}.rdCmp .cmV:last-child{text-align:right}
.rdCmp .cmV.win{color:var(--gold)}
.rdCmp .cmMid small{display:block;text-align:center;font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--dim2);margin-bottom:3px}
.rdCmp .cmBar{display:flex;gap:2px;height:6px}.rdCmp .cmBar i{display:block;background:var(--panel3);border-radius:3px}
.rdCmp .cmBar i.win{background:var(--gold);box-shadow:0 0 8px rgba(251,184,23,.45)}

/* funnel: header CTA, bottom tabs, premium indicator */
.acctBtn .ctaS{display:none}
@media(max-width:560px){.acctBtn .ctaL{display:none}.acctBtn .ctaS{display:inline}}
@media(max-width:900px){
  .tabBar button{position:relative;min-width:0}
  .tabBar button span{font-size:10.5px;white-space:nowrap}
  .tabBar button .tbLock{position:absolute;top:5px;left:calc(50% + 6px);width:15px;height:15px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;box-shadow:0 0 0 2px rgba(11,13,16,.99)}
  .tabBar button .tbLock svg{width:9px;height:9px;fill:none;stroke:#111;stroke-width:2.6}
  body.isPrem .tabBar .tbLock{display:none}
  .tabBar button[data-t="model"]:not(.on){color:#d9b24a}
}

/* minimize / expand */
.prAiCol{margin-left:auto;display:inline-flex;align-items:center;gap:6px;background:var(--panel2);border:1px solid var(--line2);color:var(--txt);border-radius:99px;padding:5px 11px 5px 12px;font:600 12px/1 inherit;cursor:pointer;white-space:nowrap}
.prAiCol i{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-135deg) translate(-1px,-1px);transition:transform .2s}
.prAi.closed .prAiCol i{transform:rotate(45deg) translate(-1px,-1px)}
.prAi.closed .prCtx,.prAi.closed .prAiList,.prAi.closed .prRead,.prAi.closed .prFine{display:none}
.prAi.closed .prAiHd small{display:none}
.prFlag .top{cursor:pointer;align-items:center;gap:8px}
.prFlag .top .tier{margin-left:auto}
.prFlag .top .chev{width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(-135deg);transition:transform .2s;flex:none;margin-left:2px}
.prFlag.shut .top .chev{transform:rotate(45deg)}
.prFlag.shut>.conv,.prFlag.shut>.lean,.prFlag.shut>.why{display:none}
.prFlag.shut .pick{margin-bottom:0}
@media(max-width:700px){.prAiHd{flex-wrap:wrap}.prAiCol{padding:6px 12px}}

/* values the server has not released (or not loaded yet) never show as raw block characters */
.lkBar{display:inline-block;vertical-align:middle;width:3.1em;min-width:30px;max-width:100%;height:.9em;border-radius:5px;background:rgba(255,255,255,.1)}
.lkBar.ld{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;min-width:74px;height:22px;padding:0 10px;border-radius:99px;border:1px solid rgba(251,184,23,.38);color:var(--gold);font-size:10.5px;font-weight:800;letter-spacing:.5px;line-height:1;white-space:nowrap;text-transform:none;background:linear-gradient(90deg,rgba(251,184,23,.07) 25%,rgba(251,184,23,.2) 50%,rgba(251,184,23,.07) 75%);background-size:220% 100%;animation:lkSh 1.2s linear infinite}
.lkBar.ld::before{content:"";flex:0 0 auto;width:10px;height:10px;border:2px solid rgba(251,184,23,.3);border-top-color:var(--gold);border-radius:50%;animation:s24spin .7s linear infinite}
.lkBar.ld::after{content:"Loading"}
/* status toast: shown while any pick/number is still loading, so nobody wonders if the model is broken */
#mdLoadToast{display:none;position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9998;align-items:center;gap:12px;max-width:min(92vw,420px);padding:12px 16px;background:#12161b;border:1px solid rgba(251,184,23,.45);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.6);color:#e8edf2;font-family:inherit}
#mdLoadToast .authSpinDot{width:18px;height:18px;margin:0;flex:0 0 auto}
#mdLoadToast b{display:block;font-size:13.5px}
#mdLoadToast em{display:block;font-style:normal;color:#8b96a3;font-size:12px;margin-top:2px}
#mdLoadToast button{margin-left:6px;background:var(--gold);color:#08090b;border:0;border-radius:8px;padding:8px 12px;font-family:inherit;font-weight:800;font-size:12px;cursor:pointer;flex:0 0 auto}
body.mdLoading #mdLoadToast{display:flex}
body.mdLoading.claiming #mdLoadToast{display:none}
@media(max-width:700px){#mdLoadToast{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}
@keyframes lkSh{from{background-position:120% 0}to{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.lkBar.ld{animation:none}.lkBar.ld::before{animation-duration:1.8s}}

/* game popup numbers panel: long values and pick pills stack under their label, never overflow */
.facts .fr.fs{flex-direction:column;align-items:flex-start;gap:6px}
.facts .fr.fs>b{flex:none;width:100%;text-align:left;overflow-wrap:anywhere}
.facts .fr b .pcHit,.facts .fr b .pcBadge{max-width:100%;box-sizing:border-box;white-space:normal}
.facts .fr b{min-width:0}
.facts{min-width:0;overflow:hidden}

/* pills inside the numbers panel: never inherit letter-by-letter wrapping */
.facts .fr b{overflow-wrap:break-word}
.facts .fr b .pcHit{display:inline-flex;align-items:center;gap:7px;max-width:100%;overflow-wrap:normal;word-break:normal;white-space:normal;text-align:left}
.facts .fr b .pcHit>*{min-width:0}
.facts .fr b .pcGr{flex:none}

.facts .fr b .pcGr{flex:none!important;width:auto!important;min-width:19px;height:19px;text-align:center;display:inline-grid;margin:0}
.facts .fr b .pcHit b,.facts .fr b .pcHit span{flex:none;width:auto;text-align:left}

/* locked values in the numbers panel: a clear labelled chip instead of an empty-looking row */
.facts .fr .lkBar.fr{width:auto;min-width:0;height:auto;padding:3px 10px;border-radius:99px;border:1px dashed rgba(251,184,23,.45);background:rgba(251,184,23,.08);color:var(--gold);font-size:10.5px;font-weight:800;letter-spacing:.6px;line-height:1.4;text-transform:uppercase;max-width:none}
.facts .fr .lkBar.fr:before{content:"\1F512  Members"}
.facts .fr .lkBar.ld{min-width:64px;height:16px}
.facts .fr .lkBar.fr{display:inline-flex;align-items:center;width:max-content!important;flex:none!important;white-space:nowrap}
.facts .fr .lkBar.fr:before{font-style:normal}

/* strengths & weaknesses: two columns only when the card is wide enough; never spill past the card */
.faCols.stk{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))!important}
.faCols.stk>div{min-width:0}
.faCols.stk em{flex-wrap:wrap;align-items:baseline;gap:2px 12px}
.faCols.stk em span{min-width:0;overflow-wrap:anywhere}
.faCols.stk em b{white-space:normal;text-align:right;margin-left:auto}
.rdCard{min-width:0;max-width:100%}
/* team record under the team name in rankings */
.tcRec{display:block;margin-top:1px;font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.2px;font-variant-numeric:tabular-nums}
/* ---------- call the slate ---------- */
.ctHow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 16px}
.ctHow div{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:600;color:var(--dim)}
.ctHow b{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:rgba(251,184,23,.12);color:var(--gold);display:grid;place-items:center;font-size:12px}
.ctHd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 0 10px}
.ctHd h2{font-size:17px;font-weight:800;letter-spacing:-.2px}
.ctHd>span{font-size:12.5px;color:var(--dim);font-weight:600}
.ctMe{background:linear-gradient(90deg,rgba(251,184,23,.07),transparent 70%),var(--panel);border:1px solid var(--line2);border-radius:12px;padding:14px 16px}
.ctMe.row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ctMe b.t{display:block;font-size:15px}
.ctMe p{color:var(--dim);font-size:12.5px;margin-top:2px}
.ctMe .grow{flex:1 1 240px;min-width:0}
.ctBtn{background:var(--gold);color:#111;border:0;border-radius:9px;font:inherit;font-size:13.5px;font-weight:800;padding:10px 18px;cursor:pointer;white-space:nowrap}
.ctBtn:hover{filter:brightness(1.07)}.ctBtn:disabled{opacity:.55;cursor:default}
.ctBtn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line2)}
.ctForm{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ctForm input{flex:1 1 180px;min-width:0;background:var(--bg);border:1px solid var(--line2);border-radius:9px;padding:10px 12px;color:var(--txt);font:inherit;font-size:14px;font-weight:600}
.ctForm input:focus{outline:0;border-color:var(--gold)}
.ctErr{color:#f09a94;font-size:12.5px;margin-top:6px;min-height:0}
.ctStats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.ctStat{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.ctStat small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--dim2)}
.ctStat b{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.ctStat i{font-style:normal;font-size:12px;color:var(--dim);font-weight:600;margin-left:6px}
.ctWho{display:flex;align-items:center;gap:10px}
.ctAv{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-weight:800;font-size:14px}
.ctWho button{background:none;border:0;color:var(--gold);font:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:0;margin-left:auto}
.ctGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.ctCard{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}
.ctTop{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--dim2)}
.ctTop .sp{background:var(--panel3);border:1px solid var(--line2);color:var(--dim);border-radius:6px;padding:2px 8px;letter-spacing:.6px}
.ctPill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;letter-spacing:.4px;background:rgba(34,197,94,.12);color:#6fdc98}
.ctPill.live{background:rgba(239,68,68,.14);color:#f28b86}
.ctPill.live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--red);animation:bl 1.4s infinite}
.ctPill.final,.ctPill.void{background:var(--panel3);color:var(--dim)}
.ctTm{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--panel2);border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--txt);font:inherit;cursor:pointer;transition:border-color .12s,background .12s}
.ctTm:hover:not([disabled]){border-color:var(--gold-dk)}
.ctTm[disabled]{cursor:default}
.ctTm img,.ctTm .monoLg{width:36px;height:36px;object-fit:contain;flex:0 0 auto}
.ctTm .monoLg{font-size:12px}
.ctTm .nm{flex:1;min-width:0}
.ctTm .nm b{display:block;font-size:15px;font-weight:700;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctTm .nm small{font-size:11px;font-weight:700;color:var(--dim2);letter-spacing:.4px}
.ctTm .sc{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.ctTm .ck{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--line2);display:grid;place-items:center}
.ctTm.sel{border-color:var(--gold);background:rgba(251,184,23,.08)}
.ctTm.sel .ck{background:var(--gold);border-color:var(--gold)}
.ctTm.sel .ck::after{content:'';width:9px;height:5px;border:solid #111;border-width:0 0 2.2px 2.2px;transform:rotate(-45deg) translate(1px,-1px)}
.ctTm.win{border-color:rgba(34,197,94,.55)}
.ctTm.dim{opacity:.55}
.ctTm .tag{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#6fdc98}
.ctFoot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--dim);min-height:22px}
.ctFoot .cd{margin-left:auto;color:var(--txt);font-weight:700;font-variant-numeric:tabular-nums}
.ctRes{display:inline-flex;align-items:center;border-radius:99px;padding:3px 11px;font-size:11.5px;font-weight:800}
.ctRes.W{background:rgba(34,197,94,.14);color:#6fdc98}.ctRes.L{background:rgba(239,68,68,.14);color:#f28b86}.ctRes.V{background:var(--panel3);color:var(--dim)}
.ctSplit{height:6px;border-radius:99px;background:var(--panel3);overflow:hidden;display:flex}
.ctSplit i{display:block;background:var(--gold);height:100%}
.ctSplitL{display:flex;justify-content:space-between;font-size:11.5px;color:var(--dim);font-weight:600;margin-top:5px;gap:8px}
.ctEmpty{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:30px 20px;text-align:center;color:var(--dim)}
.ctEmpty b{display:block;color:var(--txt);font-size:15px;margin-bottom:6px}
.ctRecent{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ctRc{display:flex;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px}
.ctRc:first-child{border-top:0}
.ctRc .mt{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-weight:600}
.ctRc .mt img,.ctRc .mt .monoLg{width:22px;height:22px;object-fit:contain;flex:0 0 auto}
.ctRc .mt .monoLg{font-size:9px}
.ctRc .mt span.w{font-weight:800}
.ctRc .mt em{font-style:normal;color:var(--dim);font-weight:700;font-variant-numeric:tabular-nums;margin:0 2px}
.ctRc .dy{width:46px;color:var(--dim2);font-size:11.5px;font-weight:700;flex:0 0 auto}
.ctSw{display:inline-flex;background:var(--panel);border:1px solid var(--line);border-radius:99px;padding:3px}
.ctSw button{background:none;border:0;border-radius:99px;color:var(--dim);font:inherit;font-size:12.5px;font-weight:700;padding:6px 14px;cursor:pointer}
.ctSw button.on{background:var(--panel3);color:var(--gold)}
.ctLb{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ctLr{display:grid;grid-template-columns:44px minmax(0,1fr) 78px 52px;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);font-size:14px}
.ctLr.h{border-top:0;background:var(--panel2);font-size:10.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--dim2);padding:8px 14px}
.ctLr .rk{font-weight:800;color:var(--dim);font-variant-numeric:tabular-nums}
.ctLr:nth-child(2) .rk{color:var(--gold)}
.ctLr .pl{display:flex;align-items:center;gap:10px;min-width:0}
.ctLr .pl .ctAv{width:28px;height:28px;font-size:12px;background:var(--panel3);color:var(--txt);border:1px solid var(--line2)}
.ctLr .pl span{min-width:0}
.ctLr .pl b{display:block;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctLr .pl small{display:block;font-size:11px;color:var(--dim2);font-weight:600;line-height:1.2}
.ctLr .rc,.ctLr .pc{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.ctLr .pc{color:var(--dim)}
.ctLr.you{background:rgba(251,184,23,.07)}
.ctLr.you .pl .ctAv{background:var(--gold);color:#111;border-color:var(--gold)}
.ctYou{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--gold);margin-left:6px;vertical-align:1px}
.ctGap{padding:4px 14px;text-align:center;color:var(--dim2);border-top:1px solid var(--line);letter-spacing:3px;font-size:12px}
.ctFine{color:var(--dim2);font-size:11.5px;line-height:1.6;margin:22px 0 8px;max-width:760px}
.ctToast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--panel3);border:1px solid var(--line2);color:var(--txt);font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:900;max-width:calc(100vw - 32px);text-align:center}
.ctToast.on{opacity:1;transform:translate(-50%,0)}
.ctHomeCard{margin:14px 0 6px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:linear-gradient(135deg,rgba(251,184,23,.08),transparent 60%);padding:18px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ctHomeTx{flex:1 1 280px;min-width:0}
.ctHomeTag{font-size:10.5px;font-weight:800;letter-spacing:.9px;color:var(--gold)}
.ctHomeCard h2{font-size:21px;font-weight:800;letter-spacing:-.3px;margin:3px 0 4px}
.ctHomeCard p{color:var(--dim);font-size:13.5px;max-width:560px}
@media(max-width:700px){
  .ctHomeCard{padding:16px;gap:12px}.ctHomeCard h2{font-size:19px}.ctHomeCard .ctBtn{width:100%}
  .ctHow{gap:6px;margin:10px 0 12px}
  .ctHow div{flex-direction:column;align-items:flex-start;gap:6px;padding:9px 10px;font-size:12px;line-height:1.3}
  .ctGrid{grid-template-columns:minmax(0,1fr)}
  .ctHd{margin-top:22px}
  .ctLr{grid-template-columns:34px minmax(0,1fr) 64px 44px;padding:10px 12px}
  .ctToast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .ctStat b{font-size:17px}
  .ctStat i{display:block;margin:0}
}

.homeTiles .ctHomeTx{flex:0 0 auto}
.ctMe.ctPend{border-color:rgba(251,184,23,.55);box-shadow:0 0 0 1px rgba(251,184,23,.18),0 0 22px rgba(251,184,23,.12)}

/* player cards v51: clean card, color accent bar, matchup strip */
.ppInj{border-left:3px solid var(--line)}.ppInj.bad{border-left-color:#ef4444}.ppInj.warn{border-left-color:#f59e0b}.ppInj.mid{border-left-color:#eab308}.ppInj.good{border-left-color:#22c55e}
.ppInjH{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:4px 0 8px}.ppInjH b{font-size:16px;color:var(--text)}
.ppInjV{padding:2px 10px;border-radius:99px;font-size:12px;font-weight:800;white-space:nowrap;background:rgba(148,163,184,.18);color:var(--dim)}
.ppInjV.bad{background:rgba(239,68,68,.16);color:#f87171}.ppInjV.warn{background:rgba(245,158,11,.16);color:#fbbf24}.ppInjV.mid{background:rgba(234,179,8,.14);color:#facc15}.ppInjV.good{background:rgba(34,197,94,.16);color:#4ade80}
.ppInjW{margin:0 0 8px;font-size:14px;line-height:1.5;color:var(--text)}.ppInjN{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--dim)}.ppInjN small{font-weight:800;margin-right:4px}
.ppInjKv{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px 14px;margin:10px 0 4px}.ppInjKv div{min-width:0}.ppInjKv small{display:block;color:var(--dim);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.ppInjKv b{display:block;font-size:14px;overflow-wrap:anywhere}
.ppInjF{margin:10px 0 0;font-size:12px;line-height:1.4;color:var(--dim)}
.pxPill:not(.good):not(.bad){background:rgba(148,163,184,.18);color:var(--dim)}
@media(max-width:520px){.ppInjKv{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pcSum{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:12px 0 8px;font-size:12.5px;color:var(--dim)}
.pcSum b{color:var(--text);font-size:13px}.pcSum span{display:inline-flex;align-items:center;gap:5px}
.pcSum i,.bdKey i.n{width:9px;height:9px;border-radius:3px;background:#2dd47a;display:inline-block}.pcSum i.r{background:#ef5b5b}.pcSum i.n{background:#64748b}
.bdKey i.n{background:#7c8896}
.pcSearch{margin:10px 0 2px}.pcSearch input{width:100%;box-sizing:border-box;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);font-size:14px}
.pcL{display:grid;grid-template-columns:1fr;gap:10px;margin-top:6px;align-items:start}
@media(min-width:900px){.pcL{grid-template-columns:1fr 1fr}}
.pjC{--a:124,136,150;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-left:3px solid rgb(var(--a));background:#12171e}
.pjC.fav{--a:45,212,122}.pjC.bad{--a:239,91,91}
.pcTop{cursor:pointer;padding:12px 14px 6px}
.pcH{display:flex;align-items:center;gap:10px}
.pcW{flex:1;min-width:0}.pcW b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcW small{display:block;font-size:11.5px;color:var(--dim);margin-top:1px}
.pcN{font-size:11px;color:var(--dim);white-space:nowrap}
.pjM{display:flex;align-items:center;gap:8px;margin:10px 0 2px;padding:7px 10px;border-radius:9px;background:rgba(var(--a),.09);font-size:11.5px;color:var(--dim)}
.pjM.dS{--a:45,212,122}.pjM.dT{--a:239,91,91}.pjM.dE{--a:124,136,150}.pjWhy{margin:4px 2px 0;font-size:11px;color:#ff8a8a}
.pjV{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--a));flex:none}
.pjMt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pjMt b{color:var(--text);font-size:12.5px}.pjMt small{color:var(--dim);font-size:10.5px;font-weight:600}
.pcMeter{display:flex;gap:2px;align-items:flex-end;height:13px;flex:none}
.pcMeter u{width:5px;border-radius:2px;background:rgba(255,255,255,.12);text-decoration:none}
.pcMeter u:nth-child(1){height:5px}.pcMeter u:nth-child(2){height:7px}.pcMeter u:nth-child(3){height:9px}.pcMeter u:nth-child(4){height:11px}.pcMeter u:nth-child(5){height:13px}
.pcMeter u.on{background:rgb(var(--a))}
.pcP{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.07);margin-top:8px}
.pcP+.pcP{margin-top:0}
.pcPn{flex:1;min-width:0;display:flex;flex-direction:column}.pcPn b{font-size:13px}.pcPn em{font-style:normal;font-size:13px;color:var(--gold)}.pcPn small{font-size:11px;color:var(--dim)}
.pcPill{flex:0 0 auto;min-width:64px;text-align:center;padding:5px 8px;border-radius:9px;background:rgba(255,255,255,.06);display:flex;flex-direction:column;line-height:1.15}
.pcPill b{font-size:16px}.pcPill i{font-style:normal;font-size:9.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}
.pcPill.c5,.pcPill.c4{background:rgba(45,212,122,.15)}.pcPill.c5 b,.pcPill.c4 b{color:#2dd47a}
.pcPill.c3{background:rgba(230,195,107,.13)}.pcPill.c2,.pcPill.c1{background:rgba(239,91,91,.14)}.pcPill.c2 b,.pcPill.c1 b{color:#ef5b5b}
.pcRows{display:flex;flex-direction:column;gap:6px;padding:4px 12px 6px}
.pcR{border-radius:10px;background:rgba(0,0,0,.2);padding:8px 10px;cursor:pointer;border-left:3px solid transparent}
.pcR.fav{border-left-color:#2dd47a}.pcR.bad{border-left-color:#ef5b5b}
.pcRt{display:flex;align-items:center;gap:10px}
.pjF{display:flex;border-top:1px solid rgba(255,255,255,.07)}
.pjF button{flex:1;padding:10px 8px;background:none;border:0;color:var(--dim);font-size:12px;font-weight:600;cursor:pointer}
.pjF button+button{border-left:1px solid rgba(255,255,255,.07)}.pjF .pjFull{color:var(--gold)}
.pcOth{margin:14px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}
.pcOth summary{cursor:pointer;font-weight:700;font-size:13px}.pcOth summary small{color:var(--dim);margin-left:6px}
.pcOthL{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.pcOthL button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:10px;padding:6px 10px;text-align:left;cursor:pointer}
.pcOthL b{display:block;font-size:12.5px}.pcOthL small{color:var(--dim);font-size:11px}
.pxCard .rdKicker{margin-bottom:14px}
.pxCard .bdDtHd{margin:0 0 4px;gap:16px}
.bdDtHd .bdWhen{display:block;margin:0 0 8px;font-size:11.5px;line-height:1.35}
.bdDtHd b{line-height:1.25}.bdDtHd small{margin-top:6px;line-height:1.45}
.pxCard .bcLean,.bdDt .bcLean{margin:14px 0 18px;padding:12px 14px}
.pxCard .bdModel,.bdDt .bdModel{margin-top:6px}
.pxKey{gap:6px 16px!important;margin:2px 0 14px!important}.pxKey span{display:inline-flex;align-items:center;gap:6px}
@media(max-width:520px){.pxCard .bdDtHd,.bdDt .bdDtHd{flex-direction:column-reverse;align-items:stretch;gap:12px}.bdDt .bdDtHd>div:first-child,.pxCard .bdDtHd>div:first-child{flex:none;width:100%}.pxCard .bdChance,.bdDt .bdDtHd .bdChance{width:100%;display:flex;align-items:baseline;justify-content:center;gap:8px;padding:10px}.pxCard .bdChance b,.bdDt .bdChance b{font-size:26px}.bdDt .bdChance span{display:inline}}

/* smooth loading v53 */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prSk{padding:4px 0}
.prSkG{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.skGame{height:132px;border-radius:14px}
.prProg{height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden;margin:6px 0 8px}
.prProg i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#c98f0b,#ffd04a);transition:width .45s var(--ease)}
.prProgT{margin:0 0 12px;font-size:12px;color:var(--dim)}
.prSkL{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:900px){.prSkL{grid-template-columns:1fr 1fr}}
.skCard{border:1px solid rgba(255,255,255,.07);border-left:3px solid rgba(255,255,255,.12);border-radius:14px;background:#12171e;padding:14px;display:flex;flex-direction:column;gap:12px;animation:cardIn .4s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
.skRow{display:flex;align-items:center;gap:12px}
.skAv{width:44px;height:44px;border-radius:50%;flex:none}
.skLn{display:block;height:11px;border-radius:6px;margin:5px 0}.skLn.w60{width:150px}.skLn.w35{width:90px}.skLn.w50{width:120px}.skLn.w30{width:80px}.skLn.w45{width:110px}
.skBar{display:block;height:30px;border-radius:9px}
.skPill{width:64px;height:40px;border-radius:9px;flex:none}
.skAv,.skLn,.skBar,.skPill{background:linear-gradient(100deg,var(--panel2,#1a2029) 30%,var(--panel3,#232b36) 50%,var(--panel2,#1a2029) 70%);background-size:220% 100%;animation:skM 1.3s linear infinite}
.pjIn{animation:cardIn .38s var(--ease) both;animation-delay:calc(var(--i,0)*35ms)}
@keyframes pjOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.pjOp .pcRows,.pcR.pjOp .bcOpen{animation:pjOpen .3s var(--ease) both}
.pjC{transition:border-color .25s,box-shadow .25s}.pcR{transition:background .2s}.pcR:active,.pcTop:active{opacity:.85}
.pjC .bcCaret,.pjF span{transition:transform .25s}
/* slim gold bar across the top while anything is loading from the network */
#s24Bar{position:fixed;left:0;top:0;height:3px;width:100%;z-index:99999;pointer-events:none;opacity:0;transition:opacity .3s;overflow:hidden}
#s24Bar.on{opacity:1}
#s24Bar::before{content:"";position:absolute;top:0;bottom:0;width:40%;border-radius:3px;background:linear-gradient(90deg,transparent,#ffd04a,#c98f0b,transparent);animation:s24Bar 1.1s var(--ease) infinite}
@keyframes s24Bar{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
@media(prefers-reduced-motion:reduce){.pjIn,.pjOp .pcRows,.pcR.pjOp .bcOpen,.skCard{animation:none}.skAv,.skLn,.skBar,.skPill,.skB,#s24Bar::before{animation-duration:2.6s}}
.bcAge{display:block!important;line-height:1.5}.bcAge i{display:inline-block;margin-right:7px;vertical-align:middle;position:relative;top:-1px}.bcAge.old b{display:block;margin-top:2px}
.pcR .bdDt{padding:4px 8px 6px}.pcR .bdDt .bcAge:first-child{margin-top:12px}.pcR .bdDt .bdChance{display:none}.pcR .bdDt .bdDtHd{margin-top:12px}
.prSk .skB,.skAv,.skLn,.skBar,.skPill{background-image:linear-gradient(100deg,rgba(255,255,255,.045) 30%,rgba(255,255,255,.11) 50%,rgba(255,255,255,.045) 70%)!important;background-size:220% 100%}
.trkNa{color:var(--dim)}.trkNa b{font-weight:600;font-style:italic;color:var(--dim)}

.roleTag{display:inline-block;padding:1px 8px;margin-right:7px;border-radius:99px;font-size:.78em;font-weight:800;letter-spacing:.2px;vertical-align:1px}.roleTag.good{background:rgba(34,197,94,.16);color:#4ade80}.roleTag.bad{background:rgba(239,68,68,.16);color:#f87171}.roleTag.mid{background:rgba(148,163,184,.16);color:#a7b3c0}
.s24p,.s24p b{color:#fbbf24;font-weight:800}.bdDtHd small .s24p{display:inline}
.vGood{color:#4ade80;font-weight:800}.vBad{color:#f87171;font-weight:800}
.earlyTag{display:inline-block;padding:1px 8px;margin-right:6px;border-radius:99px;font-size:.8em;font-weight:800;background:rgba(251,191,36,.16);color:#fbbf24}
.prCrumb.crX{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:12px;margin:0 0 14px;padding:2px 0}
.prCrumb.crX button.crBack{display:inline-flex;align-items:center;gap:8px;padding:0 16px 0 12px;margin:0;min-height:42px;box-sizing:border-box;border-radius:99px;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.42);color:var(--gold);font-size:13.5px;font-weight:800;white-space:nowrap}
.prCrumb.crX button.crBack i{font-style:normal;font-size:17px;line-height:1}.prCrumb.crX button.crBack:active{transform:scale(.97)}
.crMt{display:flex;align-items:center;gap:9px;min-width:0}.crT{display:inline-flex;align-items:center;gap:7px;color:#eef2f7;font-size:15px}.crT b{font-weight:800;letter-spacing:.2px}.crT img{width:30px;height:30px;object-fit:contain;flex:0 0 auto}.crMt em{font-style:normal;color:var(--dim);font-size:13px}
.ppBar .crMt{flex:1;justify-content:center}.ppBar .crT img{width:24px;height:24px}.ppBar .crT{font-size:14px}
@media(max-width:520px){.prCrumb.crX{margin:0 0 12px}.crT img{width:26px;height:26px}.crT{font-size:14px}}
@media(max-width:899px){.sports,.lsTabs,.tabStrip,.ppMk{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;scroll-padding-left:20px}}
.pxOl .pxFold{padding-left:0!important}.pxOl .pxFold::before{display:none!important}
.pxHd{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:8px 6px 8px 0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pxHd::before{content:counter(m);flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:rgba(251,184,23,.14);border:1px solid rgba(251,184,23,.4);color:var(--gold);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.pxFold.good .pxHd::before{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:var(--grn)}.pxFold.bad .pxHd::before{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.45);color:var(--red)}
.pxHd>b{color:var(--txt);font-size:14px;white-space:nowrap}.pxPv{flex:1;min-width:0;color:var(--dim);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pxCh{flex:0 0 auto;width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);margin:0 4px 3px 2px;transition:transform .2s}
.pxLab{flex:none;font-style:normal;padding:1px 7px;border-radius:6px;font-size:10.5px;font-weight:700;letter-spacing:.2px;white-space:nowrap;border:1px solid var(--line);color:var(--dim)}.pxLab.adj{border-color:rgba(251,184,23,.55);color:var(--gold)}.pxLab.base{border-color:rgba(148,163,184,.35)}.pxLab.nil{opacity:.75}.pxLab.warn{border-color:rgba(245,158,11,.55);color:#fbbf24}
@media(max-width:520px){.pxHd{flex-wrap:wrap;row-gap:2px}.pxHd .pxPv{order:9;flex:1 0 100%;padding-left:32px;margin-top:-2px}.pxHd .pxCh{order:8;margin-left:auto}}
.pxFold.open .pxCh{transform:rotate(-135deg);margin-top:5px}.pxFold.open .pxPv{display:none}
.pxBd{display:none;padding:2px 0 12px 32px;font-size:13px;line-height:1.55;color:var(--dim)}.pxFold.open .pxBd{display:block}
.pxOl{gap:0!important;grid-template-columns:minmax(0,1fr)}.pxOl .pxFold{min-width:0}.pxBd{min-width:0;overflow-wrap:anywhere}.pxOl .pxFold{border-top:1px solid var(--line)}.pxOl .pxFold:first-child{border-top:0}
.pxAll{all:unset;margin-left:auto;cursor:pointer;color:var(--gold);font-weight:700;font-size:12px;padding:6px 0}
.ppCells .ppSea{display:block;margin-top:3px;font-size:11px;font-weight:600;color:var(--dim);letter-spacing:0}
.s24BB{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.s24BB>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}.s24BB>span b{font-size:13px}.s24BB>span small{font-size:11px;color:var(--dim)}
.s24BB button{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--txt);font:inherit;font-weight:800;font-size:13.5px;cursor:pointer;white-space:nowrap}
.s24BB button.o{border-color:rgba(34,197,94,.5);color:#5be08a;background:rgba(34,197,94,.08)}.s24BB button.u{border-color:rgba(239,68,68,.45);color:#ff8a8a;background:rgba(239,68,68,.07)}
.s24NoScroll{overflow:hidden}
.s24Ov{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .22s}.s24Ov.on{opacity:1}
.s24Sh{position:relative;width:100%;max-width:480px;max-height:92vh;overflow:auto;background:#12161c;border:1px solid var(--line2);border-radius:20px 20px 0 0;padding:20px 18px calc(22px + env(safe-area-inset-bottom));transform:translateY(40px);transition:transform .3s cubic-bezier(.22,.61,.36,1)}.s24Ov.on .s24Sh{transform:none}.s24Sh.wide{max-width:560px}
@media(min-width:700px){.s24Ov{align-items:center}.s24Sh{border-radius:18px}}
.s24X{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;background:none;color:var(--dim);font-size:28px;cursor:pointer}
.s24K{font-size:10.5px;font-weight:800;letter-spacing:1.2px;color:var(--gold)}.s24Sh h3{margin:6px 40px 4px 0;font-size:20px}.s24Sub{margin:0 0 14px;color:var(--dim);font-size:13px}
.s24Seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.s24Seg button{min-height:44px;border-radius:10px;border:1px solid var(--line2);background:none;color:var(--dim);font:inherit;font-weight:800;cursor:pointer}.s24Seg button.on{background:var(--gold);color:#08090b;border-color:var(--gold)}
.s24Row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:end}.s24Row label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.6px;text-transform:uppercase}
.s24Row input{min-height:46px;box-sizing:border-box;width:100%;border-radius:10px;border:1px solid var(--line2);background:var(--panel);color:var(--txt);font:inherit;font-size:16px;font-weight:700;padding:0 12px}
.s24Win{display:flex;flex-direction:column;gap:5px}.s24Win small{font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.6px;text-transform:uppercase}.s24Win b{min-height:46px;display:flex;align-items:center;font-size:18px;color:var(--grn)}
.s24Hint{margin:8px 0 0;font-size:12px;color:var(--dim)}
.s24Bk{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 14px}.s24Bk button{min-height:40px;padding:0 14px;border-radius:99px;border:1px solid var(--line2);background:none;color:var(--dim);font:inherit;font-weight:700;font-size:13px;cursor:pointer}.s24Bk button.on{border-color:var(--gold);color:var(--gold);background:rgba(251,184,23,.1)}
.s24Go{width:100%;min-height:50px;border-radius:12px;border:0;background:var(--gold);color:#08090b;font:inherit;font-weight:800;font-size:15px;cursor:pointer}.s24Alt{width:100%;min-height:46px;margin-top:8px;border-radius:12px;border:1px solid var(--line2);background:none;color:var(--txt);font:inherit;font-weight:700;font-size:14px;cursor:pointer}
.s24Fine{margin:14px 0 0;font-size:11.5px;line-height:1.5;color:var(--dim)}
.s24Sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 14px}.s24Sum div{border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;background:var(--panel)}.s24Sum b{display:block;font-size:20px}.s24Sum small{font-size:11px;color:var(--dim)}
.s24Lv{margin:8px 0 2px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);flex-basis:100%;width:100%;box-sizing:border-box}
.s24Lv .lt{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:12px;color:#aab}
.s24Lv em{font-style:normal;font-weight:800;letter-spacing:.06em;font-size:11px}
.s24Lv em.on{color:#ef4444}.s24Lv em.on:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ef4444;margin-right:5px;animation:s24Pu 1.2s infinite}
.s24Lv em.fin{color:#9aa}
.s24Lv .ll{margin-top:5px;font-size:13.5px;line-height:1.4;color:#e8ecf4}.s24Lv .ll b{color:#fff}
.s24Lv.g{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.08)}.s24Lv.r{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.08)}
.s24Lv .lb{height:5px;border-radius:3px;background:rgba(255,255,255,.1);margin-top:7px;overflow:hidden}.s24Lv .lb i{display:block;height:100%;background:var(--gold,#f5c542);transition:width .5s}
.s24Lv.g .lb i{background:#22c55e}.s24Lv.r .lb i{background:#ef4444}
.s24Lgs>div{flex-wrap:wrap}.s24Lgs .s24Lv{margin-left:0}
@keyframes s24Pu{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.s24Lv em.on:before{animation:none}}
.s24Sh .g{color:var(--grn)}.s24Sh .r{color:#ff8a8a}
.s24BtL{display:grid;gap:8px}.s24Bt{border:1px solid var(--line);border-left:3px solid var(--line2);border-radius:12px;padding:10px 12px;background:var(--panel)}.s24Bt.won{border-left-color:var(--grn)}.s24Bt.lost{border-left-color:#ef4444}.s24Bt.open{border-left-color:var(--gold)}
.s24BtT{display:flex;justify-content:space-between;align-items:center;gap:8px}.s24BtM{font-size:13px;color:var(--txt);margin:3px 0}.s24BtS{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:12px;color:var(--dim)}
.s24Chip{font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--dim)}.s24Chip.won{background:rgba(34,197,94,.16);color:#5be08a}.s24Chip.lost{background:rgba(239,68,68,.14);color:#ff8a8a}.s24Chip.open{background:rgba(251,184,23,.14);color:var(--gold)}
.s24Del{margin-left:auto;background:none;border:0;color:var(--dim);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;min-height:32px}
.s24Em{text-align:center;color:var(--dim);font-size:13.5px;padding:26px 10px}.s24Em b{display:block;color:var(--txt);font-size:16px;margin-bottom:6px}
#s24Toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;z-index:9100;background:#1b2028;border:1px solid var(--gold);color:var(--txt);padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:600;transition:all .25s;pointer-events:none;max-width:92vw}
#s24Toast.on{opacity:1;transform:translate(-50%,0);pointer-events:auto}#s24Toast button{background:none;border:0;color:var(--gold);font:inherit;font-weight:800;margin-left:8px;cursor:pointer}
.ppNoteS24{margin:8px 0 0;font-size:12px;color:var(--dim)}
.bcAge{margin:8px 0 0;font-size:11.5px;color:var(--dim);flex-wrap:wrap;align-items:center;gap:2px 6px;line-height:1.5}
.bcAge i{width:6px;height:6px;border-radius:50%;background:var(--grn);flex:none}.bcAge span{color:var(--dim2)}
.bcAge.av i{background:#60a5fa}.bcAge.av{color:var(--txt)}
.bcAge.old{color:#fbbf24;font-weight:700}.bcAge.old i{background:#f59e0b}.bcAge.old b{font-weight:800;color:#fcd34d}
.pjC .bcAge{padding:0 2px}
.s24Ln{display:flex;gap:8px;overflow-x:auto;margin:0 -2px 12px;padding:0 2px 4px;scrollbar-width:none}.s24Ln::-webkit-scrollbar{display:none}
.s24Ln button{flex:0 0 auto;min-width:70px;min-height:48px;border-radius:10px;border:1px solid var(--line2);background:none;color:var(--txt);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0 12px}
.s24Ln button b{font-size:15px}.s24Ln button small{font-size:11px;color:var(--dim)}.s24Ln button.on{border-color:var(--gold);background:rgba(251,184,23,.12)}.s24Ln button.on b{color:var(--gold)}
.s24Win i{font-style:normal;font-size:11px;color:var(--dim);margin-top:-6px}
.s24BB button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1.15}.s24BB button em{font-style:normal;font-size:11.5px;font-weight:700;opacity:.85}
.s24Ln{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}.s24Ln button{min-height:44px;padding:4px 12px;border-radius:10px;border:1px solid var(--line2);background:none;color:var(--txt);font:inherit;font-weight:800;font-size:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.15}.s24Ln button em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--dim)}.s24Ln button.on{border-color:var(--gold);background:rgba(251,184,23,.12);color:var(--gold)}
.s24Pay{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px}.s24Pay>div{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--panel);min-width:0}.s24Pay small{display:block;font-size:10.5px;font-weight:700;color:var(--dim);letter-spacing:.6px;text-transform:uppercase;margin-bottom:3px}.s24Pay b{font-size:17px}.s24Pay b i{font-style:normal;font-size:10px;font-weight:700;color:var(--dim);margin-left:4px}
.s24Dl{display:flex;align-items:center;gap:2px;font-weight:800;font-size:17px}.s24Dl input{width:100%;min-width:0;border:0;background:none;color:var(--txt);font:inherit;font-size:17px;font-weight:800;padding:0;outline:0}
.s24Edit{background:none;border:0;color:var(--gold);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;padding:6px 0;min-height:32px}
@media(max-width:380px){.s24Pay{grid-template-columns:1fr 1fr}}
.s24LnH{display:flex;align-items:center;justify-content:space-between}.s24Stp{display:flex;align-items:center;gap:8px}.s24Stp button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:none;color:var(--txt);font-size:20px;cursor:pointer}.s24Stp b{min-width:44px;text-align:center;font-size:17px;color:var(--txt);letter-spacing:0}
.s24GL{margin:0 0 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.s24GL summary{list-style:none;cursor:pointer;min-height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;font-weight:800;font-size:14px}.s24GL summary::-webkit-details-marker{display:none}.s24GL summary small{color:var(--dim);font-weight:600;font-size:12px}.s24GL summary::after{content:'';margin-left:auto;width:8px;height:8px;border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);transform:rotate(45deg);transition:transform .2s}.s24GL[open] summary::after{transform:rotate(-135deg)}
.s24GR{display:grid;grid-template-columns:78px 1fr 1fr;gap:8px;align-items:center;padding:0 12px 10px}.s24GR>b{font-size:12px;color:var(--dim);font-weight:700}.s24GR button{min-height:46px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--txt);font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;cursor:pointer;font-weight:800;font-size:13px;padding:0 6px}.s24GR button em{font-style:normal;font-size:11.5px;color:var(--gold);font-weight:700}
.s24Tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.s24Tabs button{min-height:42px;border:0;border-radius:9px;background:none;color:var(--dim);font:inherit;font-weight:800;font-size:13.5px;cursor:pointer}.s24Tabs button.on{background:var(--gold);color:#08090b}
.s24Pl{border-color:rgba(251,184,23,.5);color:var(--gold)}
.s24Lgs{display:grid;gap:5px;margin:6px 0 2px;font-size:12.5px;color:var(--txt)}.s24Lgs>div{display:flex;align-items:center;gap:7px}.s24Lgs span{color:var(--dim)}.s24Lgs i{width:8px;height:8px;border-radius:50%;background:var(--dim);flex:none}.s24Lgs i.won{background:var(--grn)}.s24Lgs i.lost{background:#ef4444}.s24Lgs i.open{background:var(--gold)}
.s24Tl{display:inline-flex;vertical-align:middle;flex:0 0 auto}.s24Tl img,.s24Tl .monoLg{width:20px;height:20px;object-fit:contain;border-radius:0}.s24Tl .monoLg{border-radius:50%;font-size:8px}
.s24Hd{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.s24Tp{display:inline-flex;align-items:center;gap:5px}.s24Tp .s24Tl img,.s24Tp .s24Tl .monoLg{width:24px;height:24px}.s24Tp em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.05em;color:var(--dim)}
.s24Mu{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--dim);font-weight:700}.s24Mu i{font-style:normal;margin:0 3px;opacity:.6;width:auto;height:auto;background:none;border-radius:0;display:inline}.s24Mu .s24Tl img,.s24Mu .s24Tl .monoLg{width:18px;height:18px}
.s24Hd .s24Mu{font-size:14px;color:var(--txt)}.s24Hd .s24Mu .s24Tl img,.s24Hd .s24Mu .s24Tl .monoLg{width:24px;height:24px}
.s24GL.flat{border:0;background:none;padding:0}.s24GL.flat .s24GR{padding:0 0 10px}.s24MbB{background:var(--gold,#f5c542);color:#111;border:0;border-radius:10px;padding:9px 12px;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap;min-height:40px}.bsTbl td.bsBet{min-width:120px;vertical-align:middle}@media(max-width:700px){.s24MbB{width:100%}}
.s24Sub{margin-top:3px}.s24Lgs .s24Tp{margin-right:2px}
.s24Lgs.big{gap:8px;margin:12px 0}.s24Lgs.big>div{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--panel)}.s24Lgs.big .lg{flex:1;min-width:0;color:var(--txt);display:flex;flex-direction:column;font-size:13px}.s24Lgs.big .lg b{font-size:14px}.s24Lgs.big .px{font-weight:800;color:var(--gold)}.s24Lgs.big button{width:40px;height:40px;border:0;background:none;color:var(--dim);font-size:22px;cursor:pointer}
.s24Go:disabled,.s24Alt:disabled{opacity:.45}
.s24ChW{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:8px 6px 4px;margin-top:6px}.s24Svg{width:100%;height:auto;display:block}.s24Svg text{font-size:11px;fill:#8b95a3}
.s24Flt{margin:10px 0 0;font-size:13px;color:var(--dim)}.s24Flt button{background:none;border:0;color:var(--gold);font:inherit;text-decoration:underline;cursor:pointer;min-height:32px}
.s24Br{margin-top:16px}.s24BrR{display:grid;grid-template-columns:minmax(90px,1.1fr) 1.4fr auto;gap:10px;align-items:center;width:100%;min-height:50px;padding:6px 10px;margin-top:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--txt);font:inherit;text-align:left;cursor:pointer}.s24BrR.on{border-color:var(--gold)}
.s24BrR .n{font-weight:800;font-size:13.5px;display:flex;flex-direction:column;line-height:1.2}.s24BrR .n small{font-weight:600;font-size:11px;color:var(--dim)}.s24BrR .bar{height:10px;border-radius:99px;background:rgba(255,255,255,.06);overflow:hidden}.s24BrR .bar i{display:block;height:100%;border-radius:99px}.s24BrR .bar i.p{background:linear-gradient(90deg,#16a34a,#22c55e)}.s24BrR .bar i.m{background:linear-gradient(90deg,#dc2626,#ef4444)}.s24BrR b{font-size:13.5px;min-width:64px;text-align:right}
/* audit v59 */
.skipLnk{position:absolute;left:8px;top:-60px;z-index:100000;background:var(--gold);color:#0b0d10;font-weight:800;padding:10px 16px;border-radius:10px;text-decoration:none;transition:top .15s}
.skipLnk:focus{top:8px}
#toTop{position:fixed;left:14px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:900;width:44px;height:44px;border-radius:50%;border:1px solid rgba(251,184,23,.5);background:rgba(15,19,25,.92);color:var(--gold);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .25s,transform .25s;-webkit-tap-highlight-color:transparent;box-shadow:0 6px 18px rgba(0,0,0,.45)}
#toTop.on{opacity:1;transform:none;pointer-events:auto}
#toTop svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media(min-width:900px){#toTop{bottom:24px;left:24px}}
@media(prefers-reduced-motion:reduce){#toTop{transition:none}}
.prCrumb button{padding:12px 10px;margin:-12px -10px;min-height:44px;box-sizing:content-box}.lsAlt{min-height:38px;padding:6px 14px}.tourLink,.aboutLink{display:inline-block;padding:8px 0}
@media(max-width:520px){.bdKey{display:none}.prCrumb{margin:0 0 -6px}.bdHead h2{margin-top:0}.pcSum{margin-top:6px}.pcSearch{margin-top:4px}}

/* props board: filter chips stay in view while scrolling a long list */
.prCtl.bdF{position:sticky;top:calc(var(--stickH,104px) - 1px);z-index:40;background:transparent;padding-top:8px;padding-bottom:10px;margin-top:0;border-bottom:0;transition:background .18s}.prCtl.bdF.stuck{background:rgba(10,12,16,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 14px -10px rgba(0,0,0,.6)}
.fBar .fAct{display:flex;align-items:center;gap:8px;flex:0 0 auto}.fBar .fLg{background:none;border:1px solid rgba(255,255,255,.22);color:var(--txt);border-radius:10px;padding:0 14px;min-height:44px;font-family:inherit;font-weight:600;font-size:13.5px;cursor:pointer}
@media(max-width:520px){.fBar{flex-wrap:wrap}.fBar .fTx{flex:1 1 100%}.fBar .fAct{flex:1 1 100%}.fBar .fAct button{flex:1}}

/* ---- id="prV2" ---- */
/* v158: Props Research dashboard: header strip, game cards, matchup banner, one toolbar, player cards */
#pg-props{--pv-bg:#10141C;--pv-card:#151A23;--pv-el:#1B222D;--pv-line:#2B3442;--pv-dim:#94A3B8;--pv-g:#22C55E;--pv-r:#EF4444}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#pg-props .prUpd{margin:0 0 14px;font-size:inherit}
.prStrip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.prStrip>span{display:inline-flex;align-items:baseline;gap:7px;padding:7px 12px;border-radius:99px;background:var(--pv-card);border:1px solid var(--pv-line)}
.prStrip small{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--pv-dim)}
.prStrip b{font-size:14px;font-weight:800;color:#F8FAFC;font-variant-numeric:tabular-nums}
.prStrip em{font-style:normal;font-size:12.5px;font-weight:600;color:#FBB817}
.prStrip .prStripN{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:500;font-size:12px}
/* game cards */
.prGames.pgcGrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.pgc{display:block;width:100%;box-sizing:border-box;text-align:left;padding:16px 18px;border-radius:14px;background:var(--pv-card);border:1px solid var(--pv-line);color:#F8FAFC;font:inherit;cursor:pointer;transition:border-color .16s,transform .16s,background .16s}
.pgc:hover{border-color:#FBB817;background:#181e29;transform:translateY(-2px)}
.pgc:focus-visible{outline:2px solid #FBB817;outline-offset:2px}
.pgc.closed{cursor:default;opacity:.62}.pgc.closed:hover{transform:none;border-color:var(--pv-line);background:var(--pv-card)}
.pgcHd{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;font-size:11.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--pv-dim)}
.pgcUp,.pgcFin,.pgcLive{flex:none;padding:2px 9px;border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:.6px;border:1px solid var(--pv-line)}
.pgcUp{color:#38BDF8;border-color:rgba(56,189,248,.4)}.pgcFin{color:var(--pv-dim)}
.pgcLive{display:inline-flex;align-items:center;gap:6px;color:#f87171;border-color:rgba(248,113,113,.4)}.pgcLive i{width:7px;height:7px;border-radius:50%;background:#f87171}
.pgcTm{display:flex;align-items:center;gap:12px;min-width:0}
.pgcTm img,.pgcNoLg{width:44px;height:44px;object-fit:contain;flex:none}.pgcNoLg{display:inline-block;border-radius:50%;background:var(--pv-el)}
.pgcNm{flex:1;min-width:0;font-size:16px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}
.pgcTm small{flex:none;font-size:12.5px;font-weight:700;color:var(--pv-dim);font-variant-numeric:tabular-nums}
.pgcAt{margin:4px 0 4px 56px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#64748B}
.pgcSub{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--pv-dim)}
.pgcGo{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--pv-line);font-size:13px;font-weight:800;color:#FBB817}
.pgcGo i{font-style:normal;transition:transform .16s}.pgc:hover .pgcGo i{transform:translateX(3px)}
/* matchup banner */
.mbn{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 16px;padding:14px 16px;border-radius:14px;background:var(--pv-card);border:1px solid var(--pv-line)}
.mbn .crBack{display:inline-flex;align-items:center;gap:8px;padding:0 16px 0 12px;min-height:44px;box-sizing:border-box;border-radius:99px;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.42);color:#FBB817;font:inherit;font-size:13.5px;font-weight:800;white-space:nowrap;cursor:pointer}
.mbn .crBack i{font-style:normal;font-size:17px;line-height:1}
.mbM{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-width:0;flex:1 1 360px}
.mbM>em{font-style:normal;color:#64748B;font-weight:700}
.mbT{display:inline-flex;align-items:center;gap:10px;min-width:0}.mbT img{width:40px;height:40px;object-fit:contain;flex:none}
.mbT b{display:block;font-size:17px;font-weight:800;line-height:1.2}.mbT small{display:block;font-size:12.5px;font-weight:600;color:var(--pv-dim)}
.mbS{flex:1 0 100%;font-size:13px;font-weight:600;color:var(--pv-dim);padding-top:2px}
/* toolbar */
.pcTb{margin:6px 0 14px}.pcTbR1{display:flex;gap:10px}
.pcSrch{flex:1;min-width:0}
.pcSrch input{width:100%;box-sizing:border-box;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--pv-line);background:var(--pv-card);color:#F8FAFC;font:inherit;font-size:15px}
.pcSrch input:focus-visible,.pcSel select:focus-visible,.pcFb:focus-visible,.pcTop70:focus-visible,.pcChip:focus-visible,.pcSg:focus-visible,.pcDone:focus-visible,.pcClr2:focus-visible{outline:2px solid #FBB817;outline-offset:2px}
.pcFb{display:none;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--pv-line);background:var(--pv-card);color:#F8FAFC;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.pcFb b{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:99px;background:#FBB817;color:#10141C;font-size:12px;line-height:20px;text-align:center}.pcFb b[hidden]{display:none}
.pcSels{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0 0;align-items:end}
.pcSel{display:block;min-width:0}.pcSel small{display:block;margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--pv-dim)}
.pcSel select{width:100%;box-sizing:border-box;min-height:44px;padding:0 10px;border-radius:10px;border:1px solid var(--pv-line);background:var(--pv-card);color:#F8FAFC;font:inherit;font-size:14px;font-weight:600}
.pcTop70{min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--pv-line);background:var(--pv-card);color:var(--pv-dim);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.pcTop70.on{color:#FBB817;border-color:#FBB817;background:rgba(251,184,23,.1)}
.pcChips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0}
.pcChip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 6px 0 12px;border-radius:99px;border:1px solid rgba(251,184,23,.45);background:rgba(251,184,23,.08);color:#FBB817;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.pcChip i{font-style:normal;width:22px;height:22px;line-height:21px;text-align:center;border-radius:50%;background:rgba(251,184,23,.18);font-size:15px}
.pcClr{min-height:34px;padding:0 8px;border:0;background:none;color:var(--pv-dim);font:inherit;font-size:12.5px;font-weight:700;text-decoration:underline;cursor:pointer}
.pcTb .bdSrtN{margin:10px 0 0}
/* summary line above the cards */
#pg-props .pcSum{margin:14px 0 10px}
/* sheet (phones) */
.pcSheet{display:none;position:fixed;inset:0;z-index:1400}.pcSheet.open{display:block}
.pcShBg{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.pcShP{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow:auto;box-sizing:border-box;padding:18px 16px calc(14px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;background:var(--pv-bg);border-top:1px solid var(--pv-line);animation:pcUp .24s cubic-bezier(.22,.8,.3,1)}
@keyframes pcUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}
.pcShP h3{margin:0 0 6px;font-size:18px}.pcShP h4{margin:16px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--pv-dim)}
.pcSgs{display:flex;flex-wrap:wrap;gap:8px}
.pcSg{min-height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--pv-line);background:var(--pv-card);color:#F8FAFC;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.pcSg.on{border-color:#FBB817;background:rgba(251,184,23,.12);color:#FBB817;font-weight:800}
.pcShF{display:flex;gap:10px;position:sticky;bottom:calc(-14px - env(safe-area-inset-bottom));margin:18px -16px 0;padding:12px 16px calc(2px + env(safe-area-inset-bottom));background:var(--pv-bg);border-top:1px solid var(--pv-line)}
.pcClr2{flex:0 0 auto;min-height:48px;padding:0 18px;border-radius:12px;border:1px solid var(--pv-line);background:none;color:#F8FAFC;font:inherit;font-weight:700;cursor:pointer}
.pcDone{flex:1;min-height:48px;border-radius:12px;border:0;background:#FBB817;color:#10141C;font:inherit;font-size:15px;font-weight:800;cursor:pointer}
body.pcLock{overflow:hidden}
@media(max-width:820px){
  .pcFb{display:inline-flex}
  .pcSels{grid-template-columns:1fr 1fr}.pcSels>.pcSel:nth-child(2),.pcSels>.pcSel:nth-child(3),.pcSels>.pcSel:nth-child(5),.pcSels>.pcTop70{display:none}
  .prGames.pgcGrid{grid-template-columns:1fr}
  .prStrip{display:grid;grid-template-columns:1fr 1fr;gap:8px}.prStrip>span{justify-content:space-between;padding:7px 12px}.prStrip em,.prStrip .prStripN{grid-column:1/-1}.prStrip .prStripN{margin:0}
  .mbn{padding:12px 14px}.mbn .crBack{width:100%;justify-content:center}.mbT img{width:34px;height:34px}.mbT b{font-size:15px}
}
@media(min-width:821px){.pcSheet,.pcSheet.open{display:none}}
/* player card */
#pg-props .pjC{border-radius:16px;background:var(--pv-card)}
#pg-props .pcL{gap:16px}
@media(min-width:900px){#pg-props .pcL{grid-template-columns:1fr 1fr}}
#pg-props .pjC .prAv{width:56px;height:56px}#pg-props .pjC .prAv img.hs{width:56px;height:56px}#pg-props .pjC .prAv img.tl{width:22px;height:22px}
.pjC .pcA{display:flex;align-items:center;gap:14px}
.pjC .pcW{flex:1;min-width:0}.pjC .pcW b{display:block;font-size:18px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.pjC .pcW small{display:block;margin-top:3px;font-size:12.5px;color:var(--pv-dim);line-height:1.4}
.pjC .pcN{flex:none;align-self:flex-start;padding:3px 10px;border-radius:99px;background:var(--pv-el);border:1px solid var(--pv-line);font-size:12px;font-weight:700;color:var(--pv-dim)}
.pjC .pcB{margin-top:14px;padding:11px 13px;border-radius:12px;background:var(--pv-el);border:1px solid var(--pv-line)}
.pjC .pcBh{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pjC .pcBadge{display:inline-flex;align-items:center;gap:7px;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;background:rgba(100,116,139,.2);color:#cbd5e1;border:1px solid rgba(100,116,139,.5)}
.pjC .pcBadge i{font-style:normal;font-size:9px}
.pjC .pcB.dS .pcBadge{background:rgba(34,197,94,.14);color:#4ade80;border-color:rgba(34,197,94,.5)}.pjC .pcB.dS{border-color:rgba(34,197,94,.3)}
.pjC .pcB.dT .pcBadge{background:rgba(239,68,68,.14);color:#f87171;border-color:rgba(239,68,68,.5)}.pjC .pcB.dT{border-color:rgba(239,68,68,.3)}
.pjC .pcB p{margin:8px 0 0;font-size:13px;line-height:1.5;color:#cbd5e1}.pjC .pcB p b{color:#F8FAFC}.pjC .pcB .pcBw{color:#FBB817;font-size:12.5px}
.pjC .pcC{display:grid;gap:10px;margin-top:14px}
.pq{padding:12px 14px;border-radius:12px;background:var(--pv-el);border:1px solid var(--pv-line);border-left:4px solid #475569}
.pq.fav{border-left-color:var(--pv-g)}.pq.bad{border-left-color:var(--pv-r)}
.pqH{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.pqN{display:inline-flex;align-items:baseline;gap:9px}.pqN b{font-size:15px;font-weight:800}.pqN em{font-style:normal;font-size:15px;font-weight:800;color:#FBB817}
.pqH small{font-size:12px;color:var(--pv-dim)}
.pcLean{margin-left:auto;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.4px;border:1px solid var(--pv-line);color:var(--pv-dim)}
.pcLean.o{color:#4ade80;border-color:rgba(34,197,94,.5)}.pcLean.u{color:#f87171;border-color:rgba(239,68,68,.5)}
.pqM{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin-top:10px;align-items:stretch}
.pqC{display:block;align-self:stretch;margin:0;border:0;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
.pcShP:focus{outline:none}
.pqC i{display:block;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--pv-dim);line-height:1.2}
.pqC b{display:block;margin-top:3px;font-size:18px;font-weight:800;font-variant-numeric:tabular-nums;color:#F8FAFC}.pqC b small{font-size:12px;font-weight:600;color:var(--pv-dim)}
.pqC.c5 b,.pqC.c4 b{color:#4ade80}.pqC.c2 b,.pqC.c1 b{color:#f87171}.pqC.up b{color:#4ade80}.pqC.dn b{color:#f87171}.pqC.c0 b{color:var(--pv-dim);font-size:14px}
.pcVa{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin-top:10px;padding:0 4px;border:0;border-top:1px solid var(--pv-line);background:none;color:#FBB817;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer;text-align:left}
.pcVa i{font-style:normal}
@media(max-width:520px){.pjC .pcW b{font-size:17px}.pqM{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.pgc,.pcShP{transition:none;animation:none}}

/* ---- id="prV3" ---- */
.ppGrid{display:block}.ppSide{margin:0 0 12px}.ppMain{min-width:0}
.psC{background:var(--panel);border:1px solid rgba(251,184,23,.32);border-radius:14px;padding:14px;margin-bottom:12px}
.psHd{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.psK{font-size:11px;font-weight:800;letter-spacing:.09em;color:var(--gold)}
.psMk{font-size:12px;font-weight:700;color:var(--dim)}
.psLine{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);margin-bottom:8px}
.psLn small{display:block;font-size:10.5px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.psLn b{font-size:30px;line-height:1;font-weight:800;font-variant-numeric:tabular-nums}
.psLs{display:flex;flex-direction:column;gap:3px;min-width:0}.psLs span{font-size:12px;color:var(--dim);line-height:1.35}.psLs .warn{color:#fbbf24}
.psLb{align-self:flex-start;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px}
.psLb.pos{background:rgba(34,197,94,.14);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.psLb.cus{background:rgba(56,189,248,.12);color:#7dd3fc;border:1px solid rgba(56,189,248,.4)}
.psG{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.psT{padding:9px 10px;border-radius:11px;background:var(--panel2);border:1px solid var(--line);min-width:0}
.psT small{display:block;font-size:10.5px;color:var(--dim);font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.psT b{display:block;font-size:20px;line-height:1.2;font-weight:800;font-variant-numeric:tabular-nums;margin:2px 0}.psT b i{font-size:11px;font-style:normal;font-weight:600;color:var(--dim)}
.psT span{display:block;font-size:11.5px;color:var(--dim);line-height:1.3}
.psT.tUp{border-color:rgba(34,197,94,.45)}.psT.tUp b{color:#4ade80}.psT.tDn{border-color:rgba(239,68,68,.45)}.psT.tDn b{color:#f87171}
.psLk{display:inline-flex;align-items:center;gap:5px;margin-top:3px;padding:5px 9px;border-radius:999px;border:1px dashed rgba(251,184,23,.5);background:none;color:var(--gold);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.psMu{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--panel2);border:1px solid var(--line);border-left:4px solid #64748b}
.psMu.ok{border-left-color:var(--grn)}.psMu.no{border-left-color:var(--red)}.psMu.mid{border-left-color:#64748b}
.psMh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.psMh small{font-size:11px;color:var(--dim)}
.psBg{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:3px 9px;border-radius:999px;background:rgba(100,116,139,.2);color:#cbd5e1}
.psMu.ok .psBg{background:rgba(34,197,94,.16);color:#4ade80}.psMu.no .psBg{background:rgba(239,68,68,.16);color:#f87171}
.psMu p{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:#cbd5e1}.psMu .psFl{color:#fbbf24;font-weight:700}
.psFt{display:flex;flex-direction:column;gap:2px;margin-top:10px;font-size:11px;color:var(--dim)}
.psDef{margin:0 0 12px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.psDef summary{cursor:pointer;font-weight:700;font-size:13px;color:var(--gold);min-height:32px;display:flex;align-items:center}
.psDef dt{margin-top:10px;font-weight:800;font-size:12.5px}.psDef dd{margin:2px 0 0;font-size:12.5px;line-height:1.45;color:var(--dim)}
.ppLbl{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 2px;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.06em}
.ppLbl span{font-weight:600;letter-spacing:0;text-transform:none;opacity:.85}
.ppLbl.pos{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.ppLbl.cus{background:rgba(56,189,248,.12);color:#7dd3fc;border:1px solid rgba(56,189,248,.4)}
.ppAvT{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}
.ppAvT th,.ppAvT td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line)}.ppAvT thead th{font-size:10.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.05em}
.ppAvT tbody th{font-weight:700}.ppAvT em{font-style:normal;font-size:10px;font-weight:800;color:var(--gold);margin-left:4px}.ppAvT .n{color:var(--dim);font-size:12px}.ppAvT .n i{font-style:normal;color:#fbbf24;margin-left:4px}
.ppAvT td b{font-variant-numeric:tabular-nums}.ppAvT td.aUp{color:#4ade80}.ppAvT td.aDn{color:#f87171}.ppAvT tr.ppTn th,.ppAvT tr.ppTn td{background:rgba(251,184,23,.05)}
@media(min-width:1100px){
 html body .ppBar,html body .ppHero,html body .ppWrap{max-width:1220px}
 .ppGrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
 .ppMain{grid-column:1;grid-row:1}
 .ppSide{grid-column:2;grid-row:1;position:sticky;top:calc(var(--stickH,104px) + 14px);margin:0;max-height:calc(100vh - var(--stickH,104px) - 30px);overflow:auto;overscroll-behavior:contain}
}
.pxWhy{margin:12px 0;padding:14px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:var(--panel2)}
.pxWhy h4{font-size:15px;margin:0 0 6px}.pxWhy p{font-size:13px;line-height:1.5;color:#cbd5e1;margin:0 0 8px}
.pxWhy .pwH{margin:10px 0 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.pxWhy ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.pxWhy li{padding:8px 10px;border-radius:9px;font-size:12.5px;line-height:1.45;border:1px solid var(--line);background:var(--panel)}
.pxWhy li.g{border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.07)}.pxWhy li.r{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.07)}.pxWhy li b{margin-right:4px}
.pxWhy .pwF{margin:10px 0 0;font-size:11.5px;color:var(--dim)}
.pxWhy .pwE{float:right;margin-left:8px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.pxWhy li.g .pwE{color:#4ade80}.pxWhy li.r .pwE{color:#f87171}.pxWhy li.n{border-color:var(--line)}
.pxWhy .pwSum{margin:10px 0 0;font-size:12.5px;color:#e2e8f0}.pxWhy .pwSm{margin:8px 0 0;font-size:11.5px;color:var(--dim)}
.smWhy{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:rgba(56,189,248,.07);border:1px solid rgba(56,189,248,.3);font-size:12.5px;line-height:1.5;color:#cbd5e1}
@media(max-width:380px){.psG{gap:6px}.psT b{font-size:18px}.psLn b{font-size:26px}}

/* ---- id="hwCss" ---- */
/* ===== How It Works (hw*) — scoped to #pg-how ===== */
#pg-how{--hw-bg:#0B0D12;--hw-bg2:#10141C;--hw-card:#151A23;--hw-el:#1B222D;--hw-gold:#FBB817;--hw-tx:#F8FAFC;--hw-mut:#94A3B8;--hw-line:#2B3442;--hw-a:#22C55E;--hw-b:#60A5FA;--hw-c:#FBBF24;--hw-n:#64748B;padding-bottom:40px}
#pg-how *{min-width:0}
#pg-how h1,#pg-how h2,#pg-how h3{letter-spacing:-.02em}
#pg-how .hwSr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#pg-how .hwSm{font-size:13px;color:var(--hw-mut);line-height:1.55;margin-top:10px}
#pg-how .hwSm.c{text-align:center;margin-top:16px}
#pg-how .hwTag{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.09em;color:var(--hw-gold);border:1px solid rgba(251,184,23,.4);border-radius:999px;padding:3px 9px;white-space:nowrap}
#pg-how .hwK{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--hw-mut)}
/* buttons */
#pg-how .hwBtn{font:inherit;font-weight:700;font-size:15px;border-radius:10px;padding:13px 22px;min-height:48px;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;line-height:1.2}
#pg-how .hwBtn.pri{background:var(--hw-gold);color:#0B0D12}
#pg-how .hwBtn.pri:hover{background:#ffc93d}
#pg-how .hwBtn.sec{background:transparent;color:var(--hw-tx);border-color:var(--hw-line)}
#pg-how .hwBtn.sec:hover{border-color:var(--hw-gold);color:var(--hw-gold)}
#pg-how .hwBtn.ghost{background:transparent;color:var(--hw-tx);border-color:var(--hw-line)}
#pg-how .hwBtn.ghost:hover:not(:disabled){border-color:var(--hw-gold)}
#pg-how .hwBtn:disabled{opacity:.4;cursor:default}
#pg-how .hwBtn.sm{padding:10px 18px;min-height:44px;font-size:14px}
#pg-how .hwBtn:focus-visible,#pg-how button:focus-visible,#pg-how summary:focus-visible,#pg-how input:focus-visible{outline:2px solid var(--hw-gold);outline-offset:2px}
#pg-how .hwLink{background:none;border:0;color:var(--hw-gold);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 6px;min-height:32px;display:inline-block;vertical-align:middle;margin-left:4px}
/* hero */
#pg-how .hwHero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:48px;align-items:center;padding:44px 0 28px}
#pg-how .hwEye{font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--hw-gold);margin-bottom:16px}
#pg-how .hwHero h1{font-size:clamp(36px,5.6vw,64px);line-height:1.04;font-weight:800;color:var(--hw-tx)}
#pg-how .hwHero h1 span{display:block}
#pg-how .hwHero h1 em{display:block;font-style:normal;color:var(--hw-gold)}
#pg-how .hwLead{margin-top:20px;color:var(--hw-mut);font-size:17px;line-height:1.6;max-width:56ch}
#pg-how .hwCtas{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
#pg-how .hwCtas.c{justify-content:center}
#pg-how .hwChips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
#pg-how .hwChips li{font-size:12.5px;font-weight:600;color:var(--hw-mut);border:1px solid var(--hw-line);background:var(--hw-bg2);border-radius:999px;padding:6px 12px}
#pg-how .hwPrev,#pg-how .hwPp{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:16px;padding:20px}
#pg-how .hwPrevHd{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
#pg-how .hwTeams{display:flex;align-items:center;justify-content:center;gap:12px;font-weight:700;font-size:16px;margin-bottom:16px;flex-wrap:wrap}
#pg-how .hwTeams em{color:var(--hw-mut);font-style:normal}
#pg-how .hwTm{display:inline-flex;align-items:center;gap:9px}
#pg-how .hwTm i{width:30px;height:30px;border-radius:50%;background:var(--hw-el);border:1px solid var(--hw-line);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800;color:var(--hw-mut)}
#pg-how .hwGrid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#pg-how .hwGrid4>div{background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:10px;padding:12px}
#pg-how .hwGrid4 small,#pg-how .hwFacts small,#pg-how .hwMini small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--hw-mut);margin-bottom:3px}
#pg-how .hwGrid4 b{font-size:18px;font-weight:700}
#pg-how .hwG{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-weight:800}
#pg-how .hwG.b,#pg-how .hwGBig.b,#pg-how .hwGl{background:rgba(96,165,250,.14);color:var(--hw-b);border:1px solid rgba(96,165,250,.5)}
#pg-how .hwBar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:var(--hw-el);margin-top:16px;gap:2px}
#pg-how .hwBar i{display:block;background:var(--hw-n);height:100%}
#pg-how .hwBar i.fav{background:var(--hw-gold)}
#pg-how .hwBar.big{height:14px}
#pg-how .hwBarLb{display:flex;justify-content:space-between;font-size:12.5px;color:var(--hw-mut);margin-top:7px}
#pg-how .hwPrevN{font-size:12px;color:var(--hw-mut);margin-top:14px}
/* jump nav */
#pg-how .hwJump{display:flex;gap:8px;overflow-x:auto;padding:6px 0 4px;margin:8px 0 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#pg-how .hwJump::-webkit-scrollbar{display:none}
#pg-how .hwJump button{flex:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--hw-mut);background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:999px;padding:9px 15px;min-height:40px;cursor:pointer}
#pg-how .hwJump button:hover{color:var(--hw-gold);border-color:var(--hw-gold)}
/* sections */
#pg-how .hwSec{padding:64px 0 0;scroll-margin-top:96px}
#pg-how .hwHd{margin-bottom:28px;max-width:760px}
#pg-how .hwHd h2{font-size:clamp(26px,3.6vw,38px);line-height:1.12;font-weight:800;color:var(--hw-tx)}
#pg-how .hwHd p{margin-top:10px;color:var(--hw-mut);font-size:16px;line-height:1.6}
/* steps */
#pg-how .hwSteps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;position:relative}
#pg-how .hwStep{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:16px;padding:22px;position:relative}
#pg-how .hwStep:not(:last-child)::after{content:'';position:absolute;top:44px;right:-20px;width:20px;border-top:2px dashed rgba(251,184,23,.5)}
#pg-how .hwSn{display:flex;align-items:center;justify-content:space-between;color:var(--hw-gold);margin-bottom:14px}
#pg-how .hwSn span{font-size:13px;font-weight:800;letter-spacing:.12em}
#pg-how .hwStep h3{font-size:20px;font-weight:700;margin-bottom:8px}
#pg-how .hwStep p{color:var(--hw-mut);font-size:15px;line-height:1.6}
#pg-how .hwMore{margin-top:14px;border-top:1px solid var(--hw-line);padding-top:12px}
#pg-how .hwMore summary{cursor:pointer;font-size:13.5px;font-weight:700;color:var(--hw-gold);list-style:none;min-height:32px;display:flex;align-items:center;gap:6px}
#pg-how .hwMore summary::-webkit-details-marker{display:none}
#pg-how .hwMore summary::after{content:'+';font-size:18px;line-height:1}
#pg-how .hwMore[open] summary::after{content:'\2212'}
#pg-how .hwMore ul{margin:10px 0 0 18px;color:var(--hw-mut);font-size:14px;line-height:1.7}
/* demo */
#pg-how .hwDemo{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:18px;padding:22px;touch-action:pan-y}
#pg-how .hwDemoTop{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
#pg-how .hwProg{flex:1 1 140px;height:6px;background:var(--hw-el);border-radius:99px;overflow:hidden}
#pg-how .hwProg i{display:block;height:100%;background:var(--hw-gold);border-radius:99px;transition:width .25s}
#pg-how .hwTabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}
#pg-how .hwTabs button{font:inherit;font-size:13.5px;font-weight:600;color:var(--hw-mut);background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:10px;padding:10px 8px;min-height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;line-height:1.2}
#pg-how .hwTabs button span{flex:none;width:22px;height:22px;border-radius:50%;background:var(--hw-el);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
#pg-how .hwTabs button[aria-selected=true]{color:var(--hw-tx);border-color:var(--hw-gold);background:rgba(251,184,23,.08)}
#pg-how .hwTabs button[aria-selected=true] span{background:var(--hw-gold);color:#0B0D12}
#pg-how .hwPanel{display:none}
#pg-how .hwPanel.on{display:block;animation:hwIn .22s ease-out}
@keyframes hwIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#pg-how .hwPanel h3{font-size:20px;font-weight:700;margin-bottom:16px}
#pg-how .hwProj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:6px}
#pg-how .hwScore{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:12px;padding:14px 16px}
#pg-how .hwScore b{font-size:34px;font-weight:800;color:var(--hw-mut)}
#pg-how .hwScore.hi{border-color:rgba(251,184,23,.5)}
#pg-how .hwScore.hi b{color:var(--hw-gold)}
#pg-how .hwFacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
#pg-how .hwFacts>div{background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:10px;padding:12px}
#pg-how .hwFacts b{font-size:16px}
#pg-how .hwExp{margin-top:18px;background:var(--hw-bg2);border-left:3px solid var(--hw-b);border-radius:8px;padding:12px 14px;color:var(--hw-mut);font-size:14.5px;line-height:1.6}
#pg-how .hwExp b{color:var(--hw-tx)}
#pg-how .hwExp.warn{border-left-color:var(--hw-c)}
#pg-how .hwTblW{border:1px solid var(--hw-line);border-radius:12px;overflow:hidden}
#pg-how .hwTbl{width:100%;border-collapse:collapse;font-size:14.5px}
#pg-how .hwTbl th,#pg-how .hwTbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--hw-line);vertical-align:top}
#pg-how .hwTbl thead th{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--hw-mut);background:var(--hw-bg2)}
#pg-how .hwTbl tbody th{font-weight:700}
#pg-how .hwTbl tbody tr:last-child>*{border-bottom:0}
#pg-how .hwTbl td small{display:block;color:var(--hw-mut);font-size:12px;margin-top:2px}
#pg-how .hwTbl.sm{font-size:13.5px;margin-top:12px;border:1px solid var(--hw-line);border-radius:10px;overflow:hidden}
#pg-how .hwDefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
#pg-how .hwDefs>div{background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:10px;padding:12px 14px}
#pg-how .hwDefs dt{font-size:13.5px;font-weight:700;color:var(--hw-tx)}
#pg-how .hwDefs dd{font-size:13.5px;color:var(--hw-mut);line-height:1.55;margin-top:3px}
#pg-how .hwDefs.v{grid-template-columns:1fr;margin-top:0}
#pg-how .hwGradeDemo{display:flex;gap:18px;align-items:center}
#pg-how .hwGBig{flex:none;width:84px;height:84px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800}
#pg-how .hwScale{position:relative;display:flex;height:12px;border-radius:99px;overflow:hidden;margin-top:14px;gap:2px}
#pg-how .hwScale i{display:block;height:100%}
#pg-how .hwScale i.c{flex:59;background:var(--hw-c)}
#pg-how .hwScale i.b{flex:10;background:var(--hw-b)}
#pg-how .hwScale i.a{flex:31;background:var(--hw-a)}
#pg-how .hwScale u{position:absolute;top:-3px;bottom:-3px;width:3px;background:#fff;border-radius:2px;transform:translateX(-50%)}
#pg-how .hwScaleLb{display:flex;justify-content:space-between;font-size:12px;color:var(--hw-mut);margin-top:6px}
#pg-how .hwSplit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#pg-how .hwMini{background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:12px;padding:14px}
#pg-how .hwMini.gp{border-color:rgba(96,165,250,.45)}
#pg-how .hwMiniK{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--hw-gold);margin-bottom:10px}
#pg-how .hwMini.gp .hwMiniK{color:var(--hw-b)}
#pg-how .hwMini ul{list-style:none;display:grid;gap:10px}
#pg-how .hwMini li b{display:block;font-size:15px}
#pg-how .hwFx li{font-size:13.5px;color:var(--hw-mut);line-height:1.5;padding-left:12px;border-left:3px solid var(--hw-n)}
#pg-how .hwFx li b{color:var(--hw-tx);font-size:13.5px}
#pg-how .hwFx li.good{border-left-color:var(--hw-a)}
#pg-how .hwFx li.bad{border-left-color:#EF4444}
#pg-how .hwFx li.warn{border-left-color:var(--hw-c)}
#pg-how .hwNav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid var(--hw-line)}
#pg-how .hwCount{font-size:13.5px;color:var(--hw-mut);font-weight:600}
/* grades */
#pg-how .hwGrades{display:grid;gap:12px}
#pg-how .hwGr{display:flex;gap:16px;align-items:center;background:var(--hw-card);border:1px solid var(--hw-line);border-radius:14px;padding:16px 18px}
#pg-how .hwGl{flex:none;width:64px;height:64px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}
#pg-how .hwGr.a .hwGl{background:rgba(34,197,94,.14);color:var(--hw-a);border-color:rgba(34,197,94,.5)}
#pg-how .hwGr.b .hwGl{background:rgba(96,165,250,.14);color:var(--hw-b);border-color:rgba(96,165,250,.5)}
#pg-how .hwGr.c .hwGl{background:rgba(251,191,36,.14);color:var(--hw-c);border-color:rgba(251,191,36,.5)}
#pg-how .hwGr.n .hwGl{background:rgba(100,116,139,.16);color:#cbd5e1;border-color:rgba(100,116,139,.6);font-size:14px;letter-spacing:.05em}
#pg-how .hwGr h3{font-size:18px;font-weight:700}
#pg-how .hwGr h3 small{font-size:13px;font-weight:600;color:var(--hw-mut);margin-left:8px}
#pg-how .hwGr p{color:var(--hw-mut);font-size:14.5px;line-height:1.55;margin-top:3px}
#pg-how .hwNote{margin-top:20px;background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:14px;padding:18px 20px}
#pg-how .hwNote h3{font-size:16px;margin-bottom:8px}
#pg-how .hwNote ul{margin-left:18px;color:var(--hw-mut);font-size:14.5px;line-height:1.7}
#pg-how .hwNote.prop{margin-top:22px}
#pg-how .hwNote p{color:var(--hw-mut);font-size:14.5px;line-height:1.6}
#pg-how .hwNote p b{color:var(--hw-tx)}
#pg-how .hwRows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 4px}
#pg-how .hwRows>div{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:10px;padding:12px}
#pg-how .hwRows>div.hl{border-color:rgba(251,184,23,.55)}
#pg-how .hwRows small{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--hw-mut)}
#pg-how .hwRows b{display:block;font-size:20px;margin:3px 0}
#pg-how .hwRows .hl b{color:var(--hw-gold)}
#pg-how .hwRows span{font-size:12.5px;color:var(--hw-mut)}
/* two systems */
#pg-how .hwTwo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pg-how .hwPnl{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:16px;padding:22px;border-top:3px solid var(--hw-gold)}
#pg-how .hwPnl.gp{border-top-color:var(--hw-b)}
#pg-how .hwPi{color:var(--hw-gold);margin-bottom:10px}
#pg-how .hwPnl.gp .hwPi{color:var(--hw-b)}
#pg-how .hwPnl h3{font-size:21px;font-weight:700}
#pg-how .hwPs{color:var(--hw-mut);font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:2px 0 12px}
#pg-how .hwPnl ul{margin-left:18px;color:var(--hw-mut);font-size:15px;line-height:1.7}
#pg-how .hwWho{margin-top:16px;background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:12px;padding:14px 18px;color:var(--hw-mut);font-size:15px;line-height:1.6}
#pg-how .hwWho b{color:var(--hw-tx)}
/* simulation */
#pg-how .hwSim{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start}
#pg-how .hwChart{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:16px;padding:18px;margin:0}
#pg-how .hwChart figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:15px}
#pg-how .hwChart svg{display:block;width:100%;height:auto;aspect-ratio:560/150}
#pg-how .hwChart .aw{fill:#475569}
#pg-how .hwChart .hm{fill:var(--hw-gold)}
#pg-how .hwZero{stroke:#94A3B8;stroke-width:1.5;stroke-dasharray:4 3}
#pg-how .hwMed{stroke:#fff;stroke-width:2}
#pg-how .hwAx{position:relative;height:20px;font-size:12px;color:var(--hw-mut);margin-top:6px}
#pg-how .hwAx span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
#pg-how .hwAx span.ev{transform:translateX(-100%);padding-right:8px}
#pg-how .hwAx span.med{color:#fff;font-weight:600;transform:none;padding-left:8px}
#pg-how .hwLg{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--hw-mut);margin-top:8px}
#pg-how .hwLg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
#pg-how .hwLg i.aw{background:#475569}
#pg-how .hwLg i.hm{background:var(--hw-gold)}
/* props */
#pg-how .hwProps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
#pg-how .hwPpLn{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
#pg-how .hwPpLn>div{background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:10px;padding:8px 14px}
#pg-how .hwPpLn small{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--hw-mut)}
#pg-how .hwPpLn b{font-size:24px}
#pg-how .hwLb{font-size:12px;font-weight:700;color:var(--hw-mut);border:1px solid var(--hw-line);border-radius:999px;padding:3px 9px}
#pg-how .hwPpLn em{font-style:normal;font-size:14px;font-weight:600;flex-basis:100%}
#pg-how .hwPpG{display:flex;align-items:flex-end;gap:6px;height:110px;position:relative;margin:6px 0 4px;border-bottom:1px solid var(--hw-line)}
#pg-how .hwPpG i{flex:1;border-radius:4px 4px 0 0;background:var(--hw-n);position:relative}
#pg-how .hwPpG i.o{background:var(--hw-a)}
#pg-how .hwPpG i.u{background:#EF4444}
#pg-how .hwPpG u{position:absolute;left:0;right:0;border-top:2px dashed var(--hw-gold);pointer-events:none}
#pg-how .hwPpCap{font-size:12.5px;color:var(--hw-mut);margin:8px 0 12px}
#pg-how .hwPpMu{display:flex;gap:10px;align-items:center;font-size:13.5px;color:var(--hw-mut);flex-wrap:wrap}
#pg-how .hwBadge{font-weight:700;border-radius:999px;padding:4px 10px;font-size:12.5px;white-space:nowrap}
#pg-how .hwBadge.ok{background:rgba(34,197,94,.14);color:var(--hw-a);border:1px solid rgba(34,197,94,.45)}
#pg-how .hwFlow{list-style:none;counter-reset:hwf;display:grid;gap:10px}
#pg-how .hwFlow li{counter-increment:hwf;position:relative;padding:12px 14px 12px 52px;background:var(--hw-card);border:1px solid var(--hw-line);border-radius:12px;color:var(--hw-mut);font-size:14.5px;line-height:1.5}
#pg-how .hwFlow li::before{content:counter(hwf);position:absolute;left:14px;top:12px;width:26px;height:26px;border-radius:50%;background:rgba(251,184,23,.14);color:var(--hw-gold);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
#pg-how .hwFlow li b{color:var(--hw-tx)}
#pg-how .hwFeat{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}
#pg-how .hwFeat li{font-size:13px;font-weight:600;color:var(--hw-mut);border:1px solid var(--hw-line);background:var(--hw-bg2);border-radius:999px;padding:6px 12px}
/* compare */
#pg-how .hwCmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#pg-how .hwCol{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:16px;padding:24px;display:flex;flex-direction:column}
#pg-how .hwCol.mem{border-color:rgba(251,184,23,.6);background:linear-gradient(180deg,rgba(251,184,23,.06),var(--hw-card) 40%)}
#pg-how .hwCol h3{font-size:22px;font-weight:800}
#pg-how .hwPr{color:var(--hw-mut);font-size:14px;margin:4px 0 16px}
#pg-how .hwCol.mem .hwPr{color:var(--hw-gold);font-weight:700}
#pg-how .hwCol ul{list-style:none;display:grid;gap:11px;margin-bottom:22px;flex:1;align-content:start}
#pg-how .hwCol li{position:relative;padding-left:26px;color:#cbd5e1;font-size:15px;line-height:1.5}
#pg-how .hwCol li::before{content:'';position:absolute;left:2px;top:6px;width:12px;height:7px;border-left:2px solid var(--hw-a);border-bottom:2px solid var(--hw-a);transform:rotate(-45deg)}
#pg-how .hwCol .hwBtn{align-self:flex-start}
/* FAQ */
#pg-how .hwFaq{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}
#pg-how .hwFaqSide{position:sticky;top:96px}
#pg-how .hwSrch input{width:100%;font:inherit;font-size:15px;color:var(--hw-tx);background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:10px;padding:12px 14px;min-height:46px}
#pg-how .hwSrch input::placeholder{color:#7d8a98}
#pg-how .hwCats{display:grid;gap:6px;margin-top:14px}
#pg-how .hwCats button{font:inherit;font-size:14.5px;font-weight:600;text-align:left;color:var(--hw-mut);background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 14px;min-height:44px;cursor:pointer}
#pg-how .hwCats button:hover{color:var(--hw-tx);background:var(--hw-bg2)}
#pg-how .hwCats button.on{color:var(--hw-gold);background:rgba(251,184,23,.08);border-color:rgba(251,184,23,.45)}
#pg-how .hwFaqMain .faqList{margin:0}
#pg-how .hwEmpty{color:var(--hw-mut);padding:20px 4px;font-size:15px}
/* limits */
#pg-how .hwLim{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
#pg-how .hwLimL{list-style:none;display:grid;gap:10px}
#pg-how .hwLimL li{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:12px;padding:13px 16px;color:var(--hw-mut);font-size:14.5px;line-height:1.55}
#pg-how .hwLimL li b{color:var(--hw-tx)}
#pg-how .hwVer{background:var(--hw-card);border:1px solid var(--hw-line);border-radius:16px;padding:20px}
#pg-how .hwVer h3{font-size:18px;margin-bottom:6px}
#pg-how .hwVer p{color:var(--hw-mut);font-size:14.5px;line-height:1.6}
#pg-how .hwWont{margin-top:20px;background:var(--hw-bg2);border:1px solid var(--hw-line);border-radius:14px;padding:18px 20px}
#pg-how .hwWont h3{font-size:16px;margin-bottom:8px}
#pg-how .hwWont ul{margin-left:18px;color:var(--hw-mut);font-size:14.5px;line-height:1.75}
#pg-how .hwRg{margin-top:16px;color:var(--hw-mut);font-size:13.5px;line-height:1.7}
#pg-how .hwRg b{color:var(--hw-tx)}
/* final */
#pg-how .hwFinal{margin-top:72px;text-align:center;background:linear-gradient(180deg,rgba(251,184,23,.07),transparent),var(--hw-card);border:1px solid rgba(251,184,23,.4);border-radius:20px;padding:48px 24px}
#pg-how .hwFinal h2{font-size:clamp(26px,4vw,40px);font-weight:800;line-height:1.1}
#pg-how .hwFinal p{color:var(--hw-mut);font-size:16.5px;max-width:52ch;margin:14px auto 0;line-height:1.6}
#pg-how .hwFinal .hwCtas{margin-top:26px}
/* responsive */
@media(max-width:1000px){
  #pg-how .hwHero{grid-template-columns:1fr;gap:28px;padding-top:28px}
  #pg-how .hwSteps{grid-template-columns:1fr}
  #pg-how .hwStep:not(:last-child)::after{top:auto;bottom:-20px;right:auto;left:40px;width:0;height:20px;border-top:0;border-left:2px dashed rgba(251,184,23,.5)}
  #pg-how .hwSim,#pg-how .hwProps,#pg-how .hwLim{grid-template-columns:1fr}
}
@media(max-width:760px){
  #pg-how .hwSec{padding-top:48px}
  #pg-how .hwTwo,#pg-how .hwCmp,#pg-how .hwSplit,#pg-how .hwDefs{grid-template-columns:1fr}
  #pg-how .hwFaq{grid-template-columns:1fr;gap:14px}
  #pg-how .hwFaqSide{position:static}
  #pg-how .hwCats{display:flex;overflow-x:auto;gap:8px;scrollbar-width:none;margin-top:10px}
  #pg-how .hwCats::-webkit-scrollbar{display:none}
  #pg-how .hwCats button{flex:none;border-color:var(--hw-line);white-space:nowrap}
  #pg-how .hwTabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pg-how .hwDemo{padding:16px}
  #pg-how .hwFacts{grid-template-columns:1fr 1fr}
  #pg-how .hwFacts>div:last-child{grid-column:1/-1}
  #pg-how .hwRows{grid-template-columns:1fr}
  #pg-how .hwGradeDemo{flex-direction:column;align-items:flex-start}
  #pg-how .hwGr{padding:14px}
  #pg-how .hwGl{width:54px;height:54px;font-size:22px}
  #pg-how .hwGr h3 small{display:block;margin:2px 0 0}
  #pg-how .hwCtas .hwBtn{flex:1 1 100%}
  #pg-how .hwFinal{padding:36px 18px;margin-top:56px}
  #pg-how .hwBtn{width:auto}
  #pg-how .hwTblW{border:0}
  #pg-how .hwTbl thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  #pg-how .hwTbl,#pg-how .hwTbl tbody,#pg-how .hwTbl tr{display:block}
  #pg-how .hwTbl tr{border:1px solid var(--hw-line);border-radius:12px;margin-bottom:10px;padding:6px 0;background:var(--hw-bg2)}
  #pg-how .hwTbl th,#pg-how .hwTbl td{display:flex;justify-content:space-between;gap:14px;border:0;padding:7px 14px}
  #pg-how .hwTbl tbody th{font-size:15px;color:var(--hw-gold)}
  #pg-how .hwTbl td[data-l]::before{content:attr(data-l);color:var(--hw-mut);font-size:12px;letter-spacing:.06em;text-transform:uppercase;flex:none}
  #pg-how .hwTbl td>small{display:none}
  #pg-how .hwTbl.sm thead{position:static;width:auto;height:auto;clip:auto}
  #pg-how .hwTbl.sm tr{display:table-row;border:0;margin:0;padding:0;background:none;border-radius:0}
  #pg-how .hwTbl.sm{display:table}
  #pg-how .hwTbl.sm tbody{display:table-row-group}
  #pg-how .hwTbl.sm thead{display:table-header-group}
  #pg-how .hwTbl.sm th,#pg-how .hwTbl.sm td{display:table-cell;padding:9px 8px;border-bottom:1px solid var(--hw-line)}
  #pg-how .hwTbl.sm tbody th{color:var(--hw-tx)}
}
@media(max-width:420px){
  #pg-how .hwLead{font-size:16px}
  #pg-how .hwScore b{font-size:28px}
  #pg-how .hwGrid4 b{font-size:16px}
}
@media(max-width:760px){#pg-how .hwTag{white-space:normal;line-height:1.3;text-align:left}#pg-how .hwDemoTop{gap:10px}}
@media(prefers-reduced-motion:reduce){
  #pg-how *{animation:none!important;transition:none!important}
}

/* ---- id="tswCss" ---- */
/* v154: why the model likes the over/under and why a team covers */
.tsw{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:#11151D;border:1px solid #29313C;text-align:left}
.tsw .tswH{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;margin:0 0 10px}
.tsw .tswT{font-size:15px;font-weight:600;color:#94A3B8;line-height:1.3}.tsw .tswT b{color:#F8FAFC;font-weight:800}
.tsw .tswC{font-size:12px;font-weight:700;letter-spacing:.4px;color:#FBB817;white-space:nowrap}
.tsw .tswHd{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:4px}
.tsw .tswHd li{font-size:13.5px;line-height:1.45;color:#cbd5e1}.tsw .tswHd b{color:#F8FAFC;font-weight:700}.tsw .tswHd i{font-style:normal;color:#f87171;font-weight:700}
.tsw .tswCols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tsw small{display:block;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8;margin:0 0 8px}
.tsw em{display:flex;align-items:flex-start;gap:8px;font-style:normal;font-size:14px;line-height:1.35;font-weight:600;padding:9px 12px;margin:0 0 6px;border-radius:9px;background:#191F29;color:#F8FAFC}
.tsw em i{flex:0 0 auto;margin-top:1px;font-style:normal;font-weight:800}.tsw em.fa i{color:#22C55E}.tsw em.ag i{color:#f87171}.tsw em.mid{color:#94A3B8}.tsw em.mid i{color:#64748B}
.tsw em span{min-width:0;overflow-wrap:anywhere}.tsw em span b{display:block;font-weight:700}.tsw em span small{display:block;margin:2px 0 0;font-size:12px;font-weight:500;letter-spacing:0;text-transform:none;color:#94A3B8;line-height:1.4}
.tsw .tswCx{margin-top:12px}.tsw .tswNote{margin:10px 0 0;font-size:12px;line-height:1.5;color:#94A3B8}
.tswK{margin:4px 0 8px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8}
.bsTrk .tswLk{display:inline-flex;align-items:center;gap:6px;margin-top:10px;min-height:36px;padding:0 12px;border-radius:9px;background:transparent;border:1px solid #29313C;color:#FBB817;font-weight:700;font-size:13px;cursor:pointer;font-family:inherit}
.bsTrk .tswLk:hover{border-color:#FBB817}.bsTrk .tswLk i{font-style:normal;font-size:16px;line-height:1}
.bsTbl tr.gFinal td.bsTrk .tswLk{opacity:.6}
/* v155: one tab per market, and the stat check */
.tswTabs{display:flex;gap:6px;padding:4px;margin:0 0 14px;border-radius:12px;background:#11151D;border:1px solid #29313C}
.tswTabs button{flex:1 1 0;min-height:44px;padding:0 10px;border-radius:9px;border:0;background:transparent;color:#94A3B8;font-weight:700;font-size:14px;cursor:pointer;font-family:inherit}
.tswTabs button.on{background:#FBB817;color:#11151D}
.tswTabs button:not(.on):hover{color:#F8FAFC}
.tswPane[hidden]{display:none!important}
.tsw em span b u{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:rgba(251,184,23,.16);color:#FBB817;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;vertical-align:1px}
.tsw em span small span{color:#64748B}
.tsw .tswCk{margin-top:14px;padding:12px;border-radius:10px;background:#0d1118;border:1px solid #29313C}
.tsw .tswCk.ok{border-color:rgba(34,197,94,.55)}.tsw .tswCk.no{border-color:rgba(248,113,113,.55)}.tsw .tswCk.mid{border-color:rgba(251,184,23,.5)}
.tsw .tswCkH{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px}.tsw .tswCkH b{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#94A3B8}
.tsw .tswCkH span{font-size:14px;font-weight:700;color:#F8FAFC}.tsw .tswCk.ok .tswCkH span{color:#22C55E}.tsw .tswCk.no .tswCkH span{color:#f87171}.tsw .tswCk.mid .tswCkH span{color:#FBB817}
.tsw .tswCkL{margin:0 0 4px}
/* v157: compact box: the model's number, a verdict, the few stats that matter */
.tsw .tswVd{font-size:12.5px;font-weight:600;color:#94A3B8;white-space:nowrap}.tsw .tswVd b{font-weight:800}
.tsw .tswVd.ok b{color:#22C55E}.tsw .tswVd.no b{color:#f87171}.tsw .tswVd.mid b{color:#FBB817}
.tsw .tswHd1{margin:0 0 12px;font-size:14px;line-height:1.45;color:#cbd5e1}.tsw .tswHd1 b{color:#F8FAFC;font-weight:700}.tsw .tswHd1 i{font-style:normal;color:#f87171;font-weight:700}
.tsw .tswRows{display:grid;gap:6px}
.tsw .tswR{display:grid;grid-template-columns:20px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:6px 10px;padding:10px 12px;border-radius:9px;background:#191F29;border:1px solid transparent;border-left:4px solid #475569}
.tsw .tswR.fa{background:rgba(34,197,94,.10);border-color:rgba(34,197,94,.35);border-left-color:#22C55E}
.tsw .tswR.ag{background:rgba(248,113,113,.10);border-color:rgba(248,113,113,.35);border-left-color:#f87171}
.tsw .tswR i{font-style:normal;font-weight:800;font-size:15px}.tsw .tswR.fa i{color:#22C55E}.tsw .tswR.ag i{color:#f87171}.tsw .tswR.mid i{color:#64748B}
.tsw .tswRl{font-size:14px;font-weight:700;color:#F8FAFC;line-height:1.3}
.tsw .tswRl u{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;background:rgba(251,184,23,.16);color:#FBB817;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;vertical-align:1px}
.tsw .tswRv{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:8px;font-variant-numeric:tabular-nums}
.tsw .tswRv em{grid-column:1/-1;display:block;padding:0;margin:0;background:none;font-size:11px;font-weight:700;letter-spacing:.4px;color:#94A3B8;text-transform:uppercase;line-height:1.2}
.tsw .tswRv b{font-size:15px;font-weight:800;color:#F8FAFC;line-height:1.25}
.tsw .tswRv small{display:block;margin:0;align-self:end;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:#94A3B8}
/* colour key under the rows: the same colours as the rows above */
.tsw .tswKey{display:flex;flex-wrap:wrap;gap:4px 14px;margin:10px 0 0;font-size:12px;font-weight:600;color:#94A3B8}
.tsw .tswKey span{display:inline-flex;align-items:center;gap:6px}.tsw .tswKey span:before{content:"";width:10px;height:10px;border-radius:3px;background:#475569}
.tsw .tswKey .k1:before{background:#22C55E}.tsw .tswKey .k2:before{background:#f87171}
.tsw .tswWt{margin-top:10px}.tsw .tswWt small{margin:0 0 4px}.tsw .tswWt p{margin:0 0 4px;font-size:13px;line-height:1.4;color:#cbd5e1}.tsw .tswWt p b{color:#F8FAFC}
.tsw .tswRl{grid-column:2/-1;min-width:0;overflow-wrap:anywhere}.tsw .tswRl+.tswRv{grid-column:2}.tsw .tswRv+.tswRv{grid-column:3}.tsw .tswR>i{grid-row:1}.tsw .tswRv{min-width:0}
.rdCard .tsw{margin:0;padding:0;background:none;border:0}
@media(max-width:820px){.tsw .tswCols{grid-template-columns:1fr}.bsTrk .tswLk{width:100%;justify-content:center;min-height:44px}}

/* ---- id="bdCardV2" ---- */
/* game card, cleaner: the market sits inside the pick pill; rank and record sit together under the team name */
.bsTbl tr.s24Card .bsSis{display:flex;flex-wrap:wrap;gap:8px 10px;width:100%}
.bsTbl tr.s24Card .bsSi{display:flex;align-items:center;gap:8px;min-width:0}
.bsTbl tr.s24Card .bsSi:has(.bsMk){flex:1 1 220px}
.bsTbl tr.s24Card .bsSi .pcHit{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;min-height:44px;padding:8px 12px}
.bsTbl tr.s24Card .bsSi .pcHit .pcGr{margin-left:auto;flex:none}
.bsTbl tr.s24Card .bsMk{font-style:normal;flex:none;font-size:10.5px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;color:#94A3B8;padding-right:10px;border-right:1px solid rgba(148,163,184,.3);line-height:1.3}
.bsTbl tr.s24Card .tcNm>span{order:1;flex-basis:100%}
.bsTbl tr.s24Card .tcNm .tmRk{order:2;margin:0}
.bsTbl tr.s24Card .tcNm .tcRecd{order:3;flex-basis:auto!important;font-size:12.5px;font-weight:600;color:#94A3B8;font-variant-numeric:tabular-nums}
.bsTbl tr.s24Card .tcNm{row-gap:3px;column-gap:8px;align-items:center}
@media(max-width:820px){
  .bsTbl tr.s24Card .bsSis{display:grid;grid-template-columns:1fr;gap:8px}
  .bsTbl tr.s24Card .bsSi{display:block}
  .bsTbl tr.s24Card td.bsSum{gap:12px}
}
/* HIT / MISS / PUSH and WON / LOST: one chip style everywhere; on a game card it sits in the top-right corner of its panel, level with the market name */
.rsTag{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;margin:0;padding:4px 10px;border-radius:8px;border:1px solid transparent;font-family:inherit;font-weight:800;font-size:11px;line-height:1.2;letter-spacing:.8px;vertical-align:middle;text-transform:uppercase}
.rsTag.w{background:rgba(34,197,94,.14);border-color:rgba(34,197,94,.45);color:#4ade80}
.rsTag.l{background:rgba(239,68,68,.13);border-color:rgba(239,68,68,.45);color:#fca5a5}
.rsTag.p{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.35);color:#cbd5e1}
.rsSlot .rsTag{margin:0;font-size:11px;padding:4px 10px}
.bsTbl tr.s24Card td.bsPnl,.bsTbl tr.s24Card td.bsTrk{position:relative}
.bsTbl tr.s24Card td.bsPnl .rsSlot:not(:empty),.bsTbl tr.s24Card td.bsTrk .rsSlot:not(:empty){position:absolute;top:9px;right:12px;margin:0;order:0;z-index:1}
.bsTbl tr.s24Card.gFinal td.bsTrk .pcHit{opacity:.5;filter:grayscale(1)}
.ti .u{display:inline-block;min-width:8.6ch;text-align:center;font-variant-numeric:tabular-nums}.ti b{font-variant-numeric:tabular-nums}

/* ---- id="hxCss" ---- */
/* ====================== HOMEPAGE v145 ====================== */
:root{--hx-bg:#0B0D12;--hx-bg2:#10141C;--hx-card:#151A23;--hx-el:#1B222D;--hx-gold:#FBB817;--hx-tx:#F8FAFC;--hx-mut:#94A3B8;--hx-line:#2B3442;--hx-grn:#22C55E;--hx-blu:#60A5FA;--hx-amb:#FBBF24}
/* ---- header: tidy nav, More menu, member CTA ---- */
header{position:relative}
.stick{position:sticky;top:0;z-index:50}
header{border-bottom:1px solid var(--hx-line)!important}
nav button:focus-visible,.nmBtn:focus-visible,.navCta:focus-visible,.hxBtn:focus-visible,.whyC:focus-visible,.termTabs button:focus-visible,.hxLink:focus-visible,.gc:focus-visible,.lsTab:focus-visible,.bcTog:focus-visible,.bdMore:focus-visible{outline:2px solid var(--hx-gold);outline-offset:2px}
.navMore{position:relative;display:inline-block}
.nmBtn{display:inline-flex;align-items:center;gap:6px}
.nmBtn .car{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.navMore.open .nmBtn .car{transform:rotate(-135deg) translateY(-2px)}
.nmMenu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:12px;padding:6px;box-shadow:0 14px 36px rgba(0,0,0,.45);z-index:60}
.navMore.open .nmMenu{display:block}
.nmMenu button{display:block;width:100%;text-align:left;padding:11px 12px;border-radius:8px;font-size:14px}
.navCta{background:var(--hx-gold);color:#0B0D12;border:0;border-radius:10px;font-weight:800;font-size:13px;padding:0 16px;min-height:40px;cursor:pointer;white-space:nowrap;transition:transform .15s,box-shadow .15s}
.navCta:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(251,184,23,.25)}
html.isMember .navCta{display:none}
@media(max-width:1100px){.navCta{display:none}}
@media(max-width:1100px){html:not(.isMember) .navAuth::after{content:''}}
@media(max-width:899px){.nmBtn{display:none}.navMore{display:contents}.nmMenu{display:contents;position:static;border:0;box-shadow:none;background:none;padding:0}.nmMenu button{padding:12px;font-size:inherit}}
/* ---- ticker: slimmer, steady logo size ---- */
.tick,.tickwin,.tick .lbl{height:34px}.tick .lbl{font-size:10px;padding:0 12px}
.ti img.tl{width:18px;height:18px}.ti{margin-right:30px}
@media(prefers-reduced-motion:reduce){.ti .lvd{animation:none}}
/* ---- shared section scaffolding ---- */
#pg-home .hxSec{margin:56px 0 0}
.hxHd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}
.hxEy{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--hx-gold)}
#pg-home .hxSec h2,.hxFin h2{margin:0;font-size:clamp(26px,3.4vw,36px);line-height:1.12;letter-spacing:-.8px;font-weight:800;color:var(--hx-tx)}
.hxLead{margin:10px 0 0;max-width:640px;font-size:16px;line-height:1.55;color:var(--hx-mut)}
.hxHdR{display:flex;align-items:center;gap:14px}.hxHdR .r{font-size:12px;color:var(--hx-mut)}
.hxLink{background:none;border:1px solid var(--hx-line);color:var(--hx-tx);font-weight:700;font-size:14px;border-radius:10px;min-height:42px;padding:0 16px;cursor:pointer;transition:border-color .15s,color .15s}
.hxLink:hover{border-color:var(--hx-gold);color:var(--hx-gold)}
.hxBtn{min-height:48px;padding:0 24px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;border:1px solid transparent;font-family:inherit;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}
.hxBtn.pri{background:var(--hx-gold);color:#0B0D12}.hxBtn.pri:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(251,184,23,.24)}
.hxBtn.sec{background:var(--hx-bg2);color:var(--hx-tx);border-color:#3a4558}.hxBtn.sec:hover{border-color:var(--hx-gold);color:var(--hx-gold)}
.hxCta{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
@media(prefers-reduced-motion:reduce){.hxBtn,.whyC,.gc,.hxLink,.navCta{transition:none!important}.hxBtn:hover,.navCta:hover,.whyC:hover,.gc:hover{transform:none!important}}
/* ---- hero ---- */
.hx{padding:30px 0 0}
.hxIn{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:center}
@media(min-width:960px){.hxIn{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:52px;padding:18px 0 6px}}
.hxKick{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;color:var(--hx-gold)}
.hxKick i{width:4px;height:4px;border-radius:50%;background:var(--hx-mut)}
.hx h1{margin:0 0 16px;font-size:clamp(34px,7vw,58px);line-height:1.04;letter-spacing:-1.6px;font-weight:800;color:var(--hx-tx)}
.hx h1 span,.hx h1 em{display:block}.hx h1 em{font-style:normal;color:var(--hx-gold)}
.hx h1 span{text-wrap:balance}
@media(min-width:1000px){.hx h1{font-size:clamp(40px,3.6vw,52px)}}
.hxSub{margin:0;max-width:580px;font-size:clamp(15px,2.1vw,18px);line-height:1.6;color:var(--hx-mut)}
.hxInd{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:22px 0 0;padding:0;font-size:13px;font-weight:600;color:var(--hx-mut)}
.hxInd li{display:flex;align-items:center;gap:8px}.hxInd li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hx-gold);flex:0 0 auto}
.hxRg{margin:18px 0 0;font-size:12px;color:var(--hx-mut)}.hxRg a{color:var(--hx-mut)}
.hxR{min-width:0}.hxFine{margin:12px 2px 0;font-size:12px;line-height:1.5;color:var(--hx-mut)}
@media(max-width:560px){.hx{padding-top:18px}.hxCta{flex-direction:column}.hxCta .hxBtn{width:100%}.hxInd{gap:8px 16px}}
.hx .greet{margin:0 0 6px}
/* ---- S24 Model Spotlight ---- */
.topPlay.spot{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:16px;padding:20px;max-width:none;margin:0;box-shadow:0 18px 44px rgba(0,0,0,.35)}
.spot .spHd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.spot .spTag{font-size:12px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:var(--hx-gold)}
.spot .spWhen{font-size:13px;font-weight:700;color:var(--hx-mut)}
.spot .spTeams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;margin:0 0 20px}
.spot .spT{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0}
.spot .spT .spLg{width:64px;height:64px;object-fit:contain;flex:0 0 auto}
.spot .spT .mono{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hx-el);border:1px solid var(--hx-line);font-weight:800;font-size:16px;color:var(--hx-tx)}
.spot .spT b{font-size:clamp(15px,2.4vw,18px);line-height:1.2;font-weight:800;color:var(--hx-tx);overflow-wrap:anywhere}
.spot .spT small{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hx-mut)}
.spot .spAt{align-self:center;font-weight:800;font-size:15px;color:var(--hx-mut);margin-top:-18px}
.spot .spStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hx-line);border:1px solid var(--hx-line);border-radius:12px;overflow:hidden;margin:0 0 16px}
.spot .spStats.noP{grid-template-columns:repeat(2,minmax(0,1fr))}
.spot .spStats .tpCell{background:var(--hx-el);padding:14px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.spot .spStats .tpWide{grid-column:auto}
.spot .tpK{font-size:10.5px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase;color:var(--hx-mut)}
.spot .tpV{font-size:16px;font-weight:800;color:var(--hx-tx);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.spot .tpPct{font-size:26px;line-height:1}
.spot .spStats small{font-size:11px;color:var(--hx-mut);font-weight:600;line-height:1.35}
.spot .tpGrade{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:20px;font-weight:900;color:#0B0D12}
.spot .tpGrade.gA{background:var(--hx-grn)}.spot .tpGrade.gB{background:var(--hx-blu)}.spot .tpGrade.gC{background:var(--hx-amb)}
.spot .spSel{font-size:15px;line-height:1.25;overflow-wrap:anywhere}
.spot .tpLock{font-size:13px;color:var(--hx-mut);font-weight:700;gap:6px}
.spot .spWhy{margin:0 0 16px;font-size:14px;line-height:1.55;color:var(--hx-mut)}.spot .spWhy b{display:block;margin:0 0 4px;font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:var(--hx-tx)}
.spot .spGo,.lpSide .topPlay .spGo{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;border-radius:12px;border:0;background:var(--hx-gold);color:#0B0D12;font-weight:800;font-size:15px;cursor:pointer;transition:transform .15s,box-shadow .15s}
.spot .spGo:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(251,184,23,.22)}
.spot.spEmpty{text-align:left}.spot .spEmT{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--hx-tx)}.spot .spEmS{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--hx-mut)}
.spot.tpSkel{min-height:300px}
@media(max-width:560px){.topPlay.spot{padding:16px}.spot .spStats{grid-template-columns:1fr 1fr}.spot .spStats.noP{grid-template-columns:1fr}.spot .spStats .tpWide{grid-column:1/-1}.spot .spT .spLg{width:56px;height:56px}}
/* ---- today's games ---- */
#hxGames .lsWrap{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:14px;overflow:hidden}
#hxGames .lsHint{margin:0 0 12px;font-size:14px;color:var(--hx-mut)}
#hxGames .lsTabs{background:var(--hx-bg2);border-bottom:1px solid var(--hx-line);gap:4px;padding:6px 8px 0;flex-wrap:nowrap;overflow-x:auto}
#hxGames .lsTab{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 16px;font-size:13px;font-weight:700;letter-spacing:.4px;color:var(--hx-mut);border-bottom-width:3px;white-space:nowrap}
#hxGames .lsTab.on{color:var(--hx-gold);border-bottom-color:var(--hx-gold)}
#hxGames .lsScroll{gap:14px;padding:16px;scroll-snap-type:x proximity}
#hxGames .gc{width:244px;min-height:196px;background:var(--hx-el);border:1px solid var(--hx-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-snap-align:start;cursor:pointer;transition:transform .15s,border-color .15s}
#hxGames .gc:hover{transform:translateY(-2px);border-color:#46536a}
#hxGames .gcTop{display:flex;align-items:center;justify-content:space-between;gap:8px}
#hxGames .gcSp{font-size:11px;font-weight:800;letter-spacing:1.1px;color:var(--hx-gold);background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.3);border-radius:6px;padding:2px 7px}
#hxGames .gc .st{font-size:12px;font-weight:700;color:var(--hx-mut);text-align:right}
#hxGames .gc .tm{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px}
#hxGames .gc .tm img{width:28px;height:28px;object-fit:contain}#hxGames .gc .tmLg{width:28px}
#hxGames .gc .nm{font-size:15px;font-weight:700;color:var(--hx-tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#hxGames .gc .rl{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--hx-mut)}
#hxGames .gc .od{display:flex;align-items:baseline;gap:8px;font-size:13px;font-weight:700;color:var(--hx-tx)}#hxGames .gc .od small{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--hx-mut);font-weight:700}
#hxGames .gcMd{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12px;font-weight:700;color:var(--hx-tx);background:var(--hx-bg2);border:1px solid var(--hx-line);border-radius:8px;padding:5px 9px}
#hxGames .gcMd b{color:var(--hx-gold);letter-spacing:.6px}#hxGames .gcMd.lock{color:var(--hx-mut)}
#hxGames .gcG{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:12px;font-weight:900;color:#0B0D12}
#hxGames .gcG.gA{background:var(--hx-grn)}#hxGames .gcG.gB{background:var(--hx-blu)}#hxGames .gcG.gC{background:var(--hx-amb)}
#hxGames .gcGo{margin-top:auto;font-size:13px;font-weight:700;color:var(--hx-gold)}
@media(max-width:560px){#hxGames .gc{width:78vw;max-width:290px}#hxGames .lsScroll{padding:12px}}
/* ---- why ---- */
.whyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.whyGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.whyGrid{grid-template-columns:minmax(0,1fr)}}
.whyC{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:14px;padding:22px;font-family:inherit;color:var(--hx-tx);cursor:pointer;transition:transform .15s,border-color .15s,background .15s}
.whyC:hover{transform:translateY(-2px);border-color:#46536a;background:#171d28}
.whyIc{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.28)}
.whyIc svg{width:22px;height:22px;fill:none;stroke:var(--hx-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whyC h3{margin:4px 0 0;font-size:18px;line-height:1.25;font-weight:800;color:var(--hx-tx)}
.whyC p{margin:0;font-size:14px;line-height:1.6;color:var(--hx-mut)}
.whyGo{margin-top:auto;padding-top:6px;font-size:13px;font-weight:700;color:var(--hx-gold)}.whyGo i{font-style:normal}
/* ---- inside the model ---- */
.term{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:16px;overflow:hidden}
.termBar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--hx-bg2);border-bottom:1px solid var(--hx-line)}
.termDots{display:flex;gap:6px}.termDots i{width:9px;height:9px;border-radius:50%;background:#2B3442}
.termTtl{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--hx-mut)}
.termTabs{display:flex;gap:4px;padding:8px 12px 0;border-bottom:1px solid var(--hx-line);overflow-x:auto;scrollbar-width:none}
.termTabs::-webkit-scrollbar{display:none}
.termTabs button{background:none;border:0;border-bottom:3px solid transparent;color:var(--hx-mut);font-family:inherit;font-weight:700;font-size:14px;min-height:44px;padding:0 14px;cursor:pointer;white-space:nowrap}
.termTabs button[aria-selected="true"]{color:var(--hx-gold);border-bottom-color:var(--hx-gold)}
.termTabs button:hover{color:var(--hx-tx)}
.termBody{padding:22px}
.termPane{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center}
.termPane[hidden]{display:none}
@media(max-width:820px){.termPane{grid-template-columns:minmax(0,1fr);gap:18px}.termBody{padding:16px}}
.tpW{background:var(--hx-el);border:1px solid var(--hx-line);border-radius:12px;padding:16px;display:grid;gap:12px}
.tpWRow{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;color:var(--hx-tx)}.tpWRow span{font-size:12px;font-weight:700;color:var(--hx-mut);letter-spacing:1px}
.tpWPanels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tpWPanels>div{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:10px;padding:10px;display:grid;gap:8px}
.tpWPanels small{font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--hx-mut)}
.gh{display:block;height:9px;border-radius:5px;background:repeating-linear-gradient(90deg,#2B3442 0 8px,#222a37 8px 14px)}
.gh.w30{width:30%}.gh.w35{width:35%}.gh.w40{width:40%}.gh.w45{width:45%}.gh.w50{width:50%}.gh.w55{width:55%}.gh.w60{width:60%}.gh.w65{width:65%}.gh.w70{width:70%}
.gr{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;font-weight:900;font-size:13px;color:#0B0D12}
.gr.gN{background:var(--hx-line);color:var(--hx-mut)}.gr.gA{background:var(--hx-grn)}.gr.gB{background:var(--hx-blu)}.gr.gC{background:var(--hx-amb)}
.tpWBar{display:grid;grid-template-columns:1fr 1fr;gap:4px}.tpWBar i{height:10px;border-radius:5px;background:#2B3442}.tpWBar i:last-child{background:rgba(251,184,23,.55)}
.tpWLbl{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--hx-mut)}
.tpCmp{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px}.tpCmp span{font-size:13px;color:var(--hx-mut);font-weight:600}
.tpMk{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:12px}.tpMk span{font-size:13px;color:var(--hx-mut);font-weight:600}
.tpE h3{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--hx-tx)}.tpE p{margin:0;font-size:15px;line-height:1.65;color:var(--hx-mut)}
.termNote{margin:0;padding:12px 22px 16px;font-size:12.5px;color:var(--hx-mut);border-top:1px solid var(--hx-line)}
@media(max-width:560px){.tpCmp{grid-template-columns:84px minmax(0,1fr) minmax(0,1fr)}.tpMk{grid-template-columns:110px minmax(0,1fr)}.termNote{padding:12px 16px 14px}}
/* ---- transparency ---- */
.trGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px;align-items:start}
@media(max-width:900px){.trGrid{grid-template-columns:minmax(0,1fr)}}
.trL{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media(max-width:620px){.trL{grid-template-columns:minmax(0,1fr)}}
.trItem{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:12px;padding:18px}.trItem:last-child{grid-column:1/-1}
.trItem h3{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--hx-tx)}.trItem p{margin:0;font-size:14px;line-height:1.6;color:var(--hx-mut)}
.proofBox{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:14px;padding:20px}
.proofBox h3{margin:0 0 10px;font-size:13px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:var(--hx-gold)}
.prBig{margin:0 0 14px;font-size:15px;color:var(--hx-mut)}.prBig b{font-size:32px;color:var(--hx-tx);letter-spacing:-.8px;margin-right:6px}
.prTbl{border:1px solid var(--hx-line);border-radius:10px;overflow:hidden}
.prRow{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr;gap:8px;padding:11px 12px;font-size:13.5px;color:var(--hx-mut);border-top:1px solid var(--hx-line)}.prRow:first-child{border-top:0}
.prRow b{color:var(--hx-tx)}.prHd{background:var(--hx-el);font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.prDef,.prNote{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--hx-mut)}.prDef b{color:var(--hx-tx)}
@media(max-width:480px){.prRow{grid-template-columns:.8fr 1fr .9fr .9fr;font-size:12.5px;padding:10px 8px}}
/* ---- membership ---- */
.mbBox{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;background:linear-gradient(180deg,#151A23,#10141C);border:1px solid var(--hx-line);border-radius:18px;padding:34px;align-items:center}
@media(max-width:900px){.mbBox{grid-template-columns:minmax(0,1fr);padding:22px;gap:22px}}
.mbList{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.mbList li{position:relative;padding-left:26px;font-size:15px;color:var(--hx-tx)}
.mbList li::before{content:'';position:absolute;left:2px;top:6px;width:11px;height:6px;border-left:2px solid var(--hx-grn);border-bottom:2px solid var(--hx-grn);transform:rotate(-45deg)}
.mbMemNote{display:none;margin:18px 0 0;font-size:14px;color:var(--hx-grn);font-weight:700}
html.isMember .mbBox .hxCta{display:none}html.isMember .mbMemNote{display:block}
/* v162: hero perk line, welcome sheet, glossary tips */
.hxPerk{margin:12px 0 0;max-width:560px;font-size:13.5px;line-height:1.55;color:var(--hx-mut,var(--dim))}
.hxPerkLink{background:none;border:0;padding:6px 2px;margin:0;font:inherit;font-weight:700;color:var(--gold);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px}
.hxPerkLink:hover{filter:brightness(1.12)}
#hxHeroCta .hxBtn[hidden]{display:none}
#hxHeroCta.wait #hxB2{visibility:hidden}
html.isMember #hxPerk{display:none}
.wlBox{max-width:460px}
.wlChips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.wlChip{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line,#262b33);background:var(--panel2,#14171c);color:var(--txt,#f2f3f5);font:inherit;font-weight:700;font-size:14.5px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.wlChip[aria-pressed="true"]{border-color:var(--gold);background:rgba(251,184,23,.14);color:var(--gold)}
.wlNote{color:var(--dim);font-size:13px;margin:6px 0 12px}
.wlAct{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.wlAct button{min-height:48px;border-radius:12px;border:1px solid var(--line,#262b33);background:var(--panel2,#14171c);color:var(--txt,#f2f3f5);font:inherit;font-weight:700;font-size:14px;padding:8px 10px;cursor:pointer;line-height:1.25}
.wlAct button:first-child{grid-column:1/-1;background:linear-gradient(135deg,#ffd04a,var(--gold) 60%);color:#08090b;border-color:transparent}
.wlAct button:hover{border-color:var(--gold)}
@media(max-width:380px){.wlAct{grid-template-columns:1fr}}
.tipI{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:5px;padding:0;border-radius:50%;border:1px solid var(--dim2,#6b7280);background:transparent;color:var(--dim,#9aa1ab);font:700 11px/1 var(--font,inherit);cursor:help;vertical-align:middle;position:relative}
.tipI:before{content:'';position:absolute;inset:-13px}
.tipI:hover,.tipI:focus-visible{border-color:var(--gold);color:var(--gold);outline:none}
#s24TipPop{position:fixed;z-index:990;max-width:260px;padding:10px 12px;border-radius:10px;background:#0b0d10;border:1px solid var(--gold);color:var(--txt,#f2f3f5);font-size:13px;line-height:1.45;box-shadow:0 10px 30px rgba(0,0,0,.5);display:none}
#s24TipPop.on{display:block}
#s24TipPop b{display:block;color:var(--gold);margin-bottom:2px;font-size:12.5px;letter-spacing:.3px}

#mbTiers{outline:0;scroll-margin-top:124px}
@media(max-width:700px){#mbTiers{scroll-margin-top:76px}}
#mbTiers .lpTier{transition:box-shadow .3s,border-color .3s}
#mbTiers.cmpFlash .lpTier{border-color:var(--hx-gold,#fbb817);box-shadow:0 0 0 3px rgba(251,184,23,.35)}
#mbTiers.cmpFlash .lpTier.mem{box-shadow:0 0 0 3px rgba(251,184,23,.6),0 0 28px rgba(251,184,23,.3)}
@media(prefers-reduced-motion:no-preference){#mbTiers.cmpFlash .lpTier{animation:cmpPulse .9s ease 2}@keyframes cmpPulse{50%{transform:scale(1.025)}}}
#hxMember .lpTiers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}@media(max-width:560px){#hxMember .lpTiers{grid-template-columns:minmax(0,1fr)}}
#hxMember .lpTier{background:var(--hx-card);border:1px solid var(--hx-line);border-radius:12px;padding:18px}
#hxMember .lpTier.mem{border-color:rgba(251,184,23,.5);background:var(--hx-el)}
#hxMember .lpTier h3{margin:0 0 4px;font-size:18px;font-weight:800;color:var(--hx-tx)}
#hxMember .lpTier .lpTp{margin:0 0 12px;font-size:13px;font-weight:700;color:var(--hx-gold)}
#hxMember .lpTier ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}#hxMember .lpTier li{font-size:13.5px;line-height:1.45;color:var(--hx-mut)}
#hxMember .lpPrice{margin:12px 2px 0;font-size:12.5px;color:var(--hx-mut)}
/* ---- final CTA ---- */
.hxFin{margin:56px 0 0;text-align:center;padding:42px 20px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:18px}
.hxFin p{margin:12px auto 0;max-width:520px;font-size:16px;line-height:1.55;color:var(--hx-mut)}.hxFin .hxCta{justify-content:center}
@media(max-width:560px){.hxFin{padding:30px 16px}.hxFin .hxCta{flex-direction:column}.hxFin .hxCta .hxBtn{width:100%}}
/* the old landing blocks are replaced by the sections above */
html.lpHide .lp{display:none}

/* ---- block ---- */
/* ---- retention: top play card, install nudge, Google sign-in ---- */
.topPlay{margin:14px 0 4px;border:1px solid #3a3218;border-radius:14px;background:linear-gradient(135deg,rgba(251,184,23,.12),rgba(251,184,23,.02) 60%,transparent);padding:14px 16px 16px}
.topPlay .tpHd{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.topPlay .tpTag{color:var(--gold)} .topPlay .tpWhen{color:var(--dim);font-weight:700;letter-spacing:.6px}
.topPlay .tpWhen{display:inline-flex;align-items:center;white-space:nowrap;line-height:1;gap:0}
.topPlay .tpWhen.live{color:var(--red)}
.recDot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:7px;flex:none;box-shadow:0 0 0 0 rgba(255,70,70,.55);animation:recBlink 1.1s ease-in-out infinite}
@keyframes recBlink{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(255,70,70,.55)}50%{opacity:.2;box-shadow:0 0 0 5px rgba(255,70,70,0)}}
@media(prefers-reduced-motion:reduce){.recDot{animation:recFade 1.6s ease-in-out infinite}}
@keyframes recFade{0%,100%{opacity:1}50%{opacity:.25}}
.topPlay .tpTeams{font-size:19px;font-weight:800;line-height:1.25;margin:8px 0 10px}
.topPlay .tpRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.topPlay .tpGrade{min-width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#08090b}
.topPlay .tpGrade.gA{background:var(--grn)} .topPlay .tpGrade.gB{background:#60a5fa} .topPlay .tpGrade.gC{background:var(--gold)}
.topPlay .tpPct{font-weight:900;font-size:20px}
.topPlay .tpPick{font-weight:700;font-size:14.5px;color:var(--txt)}
.topPlay .tpPick.hid{color:var(--dim);letter-spacing:2px}
.topPlay .tpTeams{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}.topPlay .tpTm{display:inline-flex;align-items:center;gap:8px;min-width:0}.topPlay .tpTm img{width:28px;height:28px;object-fit:contain;flex:none}.topPlay .tpAt{opacity:.5;font-weight:600}
.topPlay .tpGo{margin-top:14px;width:100%;padding:13px 18px;border-radius:10px;border:0;background:var(--gold);color:#08090b;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer;min-height:46px}
@keyframes tpsh{0%{opacity:.35}50%{opacity:.7}100%{opacity:.35}}
.tpSkel .sk{border-radius:8px;background:var(--line2);animation:tpsh 1.2s ease-in-out infinite}
.tpSkel .sk1{height:24px;width:78%;margin:12px 0 12px}.tpSkel .sk2{height:34px;width:46%}.tpSkel .sk3{height:46px;margin-top:14px}
.topPlay{padding:16px 16px 16px;border-radius:16px;border:1px solid rgba(251,184,23,.28);background:linear-gradient(160deg,rgba(251,184,23,.10),rgba(18,22,28,.9) 55%)}
.topPlay .tpTeams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:14px 0 14px;text-align:center}
.topPlay .tpTm{flex-direction:column;gap:7px;justify-content:center;font-size:15px;font-weight:800;line-height:1.2}.topPlay .tpTm img{width:54px;height:54px}.topPlay .tpTm span{overflow-wrap:anywhere}
.topPlay .tpAt{font-size:14px;opacity:.55}
.topPlay .tpStats{display:grid;grid-template-columns:auto auto 1fr;gap:0;border:1px solid var(--line);border-radius:12px;background:rgba(0,0,0,.22);overflow:hidden}
.topPlay .tpCell{display:flex;flex-direction:column;gap:6px;padding:11px 14px;border-right:1px solid var(--line);min-width:0}.topPlay .tpCell:last-child{border-right:0}
.topPlay .tpWide{grid-column:auto}
.topPlay .tpK{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}
.topPlay .tpV{display:flex;align-items:center;gap:8px;font-weight:800;font-size:15px;min-height:30px}.topPlay .tpV small{font-size:12px;font-weight:700;color:var(--dim)}
.topPlay .tpGrade{min-width:30px;height:30px;font-size:16px;border-radius:8px}
.topPlay .tpPct{font-size:22px;color:var(--grn)}
.topPlay .tpPick{font-size:15px;line-height:1.25}
.topPlay .tpLock{font-size:12.5px;font-weight:700;color:var(--dim);gap:6px}
.topPlay .tpLoad{height:14px;width:70%;border-radius:6px;background:var(--line2);animation:tpsh 1.2s ease-in-out infinite}
.topPlay .tpGo{margin-top:14px}
@media(min-width:421px){.topPlay .tpStats.noP{grid-template-columns:auto 1fr}}
@media(max-width:420px){.topPlay .tpStats.noP{grid-template-columns:1fr}.topPlay .tpStats.noP .tpCell{border-right:0}.topPlay .tpStats.noP .tpWide{border-top:1px solid var(--line)}.topPlay .tpStats{grid-template-columns:1fr 1fr}.topPlay .tpWide{grid-column:1 / -1;border-right:0;border-top:1px solid var(--line)}.topPlay .tpCell{border-right:1px solid var(--line)}.topPlay .tpCell:nth-child(2){border-right:0}}
@media(min-width:701px){.topPlay{max-width:560px}.topPlay .tpGo{width:auto}}
@media(max-width:700px){.hero>p{display:none}.hero h1{margin-bottom:0}}
.instBar{position:fixed;left:10px;right:10px;bottom:calc(66px + env(safe-area-inset-bottom));z-index:760;display:none;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--gold);border-radius:14px;padding:10px 10px 10px 14px;box-shadow:0 10px 36px rgba(0,0,0,.6)}
.instBar.on{display:flex}
.instBar .ib{flex:1;font-size:13.5px;line-height:1.35;font-weight:700}.instBar .ib small{display:block;color:var(--dim);font-weight:500;font-size:12px}
.instBar .ia{padding:10px 16px;border-radius:9px;border:0;background:var(--gold);color:#08090b;font-weight:800;font-size:14px;font-family:inherit;cursor:pointer;min-height:42px}
.instBar .ix{background:none;border:0;color:var(--dim);font-size:24px;line-height:1;padding:6px 8px;cursor:pointer}
@media(min-width:701px){.instBar{display:none!important}}
.authSoc{display:none;margin:2px 0 4px}
.authSoc.on{display:block}
.authGoogle{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:10px;border:1px solid var(--line2);background:#fff;color:#1f1f1f;font-family:inherit;font-weight:700;font-size:15px;cursor:pointer;min-height:46px}
.authGoogle svg{width:18px;height:18px}
.authOr{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:12px;margin:12px 0 2px}
.authOr:before,.authOr:after{content:'';flex:1;height:1px;background:var(--line2)}
/* ===== interaction polish: everything clickable reacts smoothly ===== */
:where(a[href],button,[onclick],[role=button],[role=tab],summary,select,label.agree,.clickRow,.art,.gc,.pk,.sp,.wsTab,.lsTab,.tab,.prSp,.skipRow,.botChips button,.prGame,.prPl,.chip,.mdTbl th,.gpHead){
  transition:background-color .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease),translate .2s var(--ease),scale .15s var(--ease),opacity .2s var(--ease),filter .2s var(--ease);
  -webkit-tap-highlight-color:transparent;touch-action:manipulation}
tr.clickRow td{transition:filter .2s var(--ease),background-color .2s var(--ease)}
/* press feedback: phones and mice */
:where(button,[role=button],a.btn,.hb,.acctBtn,.tpGo,.authGo,.upPlan,.sp,.wsTab,.lsTab,.tab,.prSp,.tabBar button):not(:disabled):active{scale:.97}
:where(.gc,.pk,.art,.skipRow):active{scale:.985}
@media(hover:hover) and (pointer:fine){
  :where(a[href],button,[role=button],[role=tab],summary,.sp,.wsTab,.lsTab,.tab,.prSp):not(:disabled):hover{filter:brightness(1.14)}
  :where(.btn,.hb,.acctBtn.gold,.tpGo,.authGo,.upPlan,.gdBtn,.ctBtn,.unlockBtn,.instBar .ia):not(:disabled):hover{translate:0 -1px;box-shadow:0 8px 22px rgba(251,184,23,.22)}
  :where(.gc,.pk,.art,.skipRow,.tile,.ctCard):hover{translate:0 -2px;border-color:var(--gold);box-shadow:0 10px 26px rgba(0,0,0,.35)}
  nav button:hover,.tabBar button:hover,.liveMenu button:hover{background:rgba(255,255,255,.06);color:var(--txt)}
  a.brand:hover{opacity:.86}
  /* Model: rows, headers, gameplans */
  tr.clickRow:hover td,.mdTbl.sheet tr.clickRow:hover td{box-shadow:none;filter:none}   /* no grey block over the row */
  tr.clickRow .pcHit{transition:border-color .2s var(--ease),translate .2s var(--ease),box-shadow .2s var(--ease)}
  tr.clickRow:hover .pcHit{translate:0 -1px;border-color:rgba(251,184,23,.65);box-shadow:0 4px 14px rgba(0,0,0,.35)}
  tr.clickRow:hover .bsTeams{color:var(--gold)}
  .mdTbl th:hover,.mdTbl.sheet th:hover{color:var(--gold)}
  .gpHead:hover,.skipBox .skipHd:hover{background:rgba(255,255,255,.045)}
  .skipMore:hover,.lnk:hover,.prLine .lnk:hover{color:var(--gold)}
  /* Props research: games, players, chips, stat and line buttons */
  :where(.prGame,.prPl){transition:background-color .2s var(--ease),border-color .2s var(--ease),box-shadow .25s var(--ease),translate .2s var(--ease),scale .15s var(--ease)}
  .prGame:hover,.prPl:hover{translate:0 -2px;border-color:var(--gold);box-shadow:0 10px 26px rgba(0,0,0,.35);background-color:rgba(251,184,23,.05)}
  .prGame:active,.prPl:active{scale:.985}
  .prCtl .chip:hover,.hprops .hchip:hover,.prSp:hover{translate:0 -1px;border-color:var(--gold);color:var(--gold)}
  .prMk button:hover,.prLine .ln button:hover,.prLine.book .alts button:hover,.s24Sw button:hover,.prCrumb button:hover{background:rgba(251,184,23,.12);color:var(--gold);border-color:rgba(251,184,23,.45)}
  .prLinkBtn:hover,.prXlink .hb:hover{translate:0 -1px;box-shadow:0 8px 22px rgba(251,184,23,.22)}
  .ft a:hover,.ft button:hover,.aboutLink:hover,.tourLink:hover{color:var(--gold)}
  .tick .lbl:hover{filter:brightness(1.12)}
  :where(button,a[href]).on:hover{filter:brightness(1.08)}
}
@media(prefers-reduced-motion:reduce){
  :where(a[href],button,[onclick],[role=button],.clickRow,.art,.gc,.pk){transition:none}
  :where(button,.gc,.pk,.art):hover,:where(button,.gc,.pk,.art):active{translate:none;scale:none}
}
/* ===== mobile polish ===== */
@media(max-width:700px){
  #pulse{display:none}
  .hdr>.brand{order:1}
  .hdr>.acct{order:2;margin-left:auto}
  .hdr>.burger{order:3;margin-left:8px}
  .burger{min-width:44px;min-height:40px;padding:0 10px;display:flex;align-items:center;justify-content:center}
  .acctBtn{min-height:38px}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px}
  .srch,.mdBar .srch{min-height:44px}
  .authBox input{min-height:46px}
  .ctSw button{min-height:38px;padding:6px 16px}
  #modelSports{flex-wrap:nowrap}
  #modelSports .sp{flex:1 1 0;min-width:0;justify-content:center;padding-left:8px;padding-right:8px;gap:5px}
  #modelSports .sp .cnt{margin-left:2px}
  #modelSports .sp svg{flex:none}
  /* five sports: logo on top, name under it, tab count as a small badge on the logo's corner. Even spacing, nothing cramped, no sideways scroll. */
  #modelSports{gap:0}
  #modelSports .sp{flex-direction:column;gap:3px;padding:9px 2px 8px;min-height:62px;font-size:12.5px;letter-spacing:.4px}
  #modelSports .sp .cnt{position:absolute;top:5px;left:calc(50% + 9px);margin:0;min-width:17px;text-align:center;font-size:9.5px;line-height:1.2;padding:1px 5px}
  .mdLegend{flex-wrap:wrap;gap:6px 4px;font-size:11px}
  .mdLegend i{margin-left:6px}.mdLegend i:first-child{margin-left:0}
  .tabStrip{width:100%}
  .tabStrip .wsTab{flex:1 1 auto;justify-content:center}
  .lsTab{flex:1 1 auto;padding-left:8px;padding-right:8px;letter-spacing:.4px}
}
/* ===== game preview for free visitors + toast ===== */
#gdOv .gpvBox{max-width:460px}
.gpvTag{font-size:11px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold);margin:2px 28px 12px 0}
.gpvTeams{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.gpvT em{font-style:normal;color:var(--dim);font-weight:600;margin-right:7px}
.gpvT{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;min-width:0}
.gpvT img{width:28px;height:28px;object-fit:contain}
.gpvLine{margin-top:10px;font-size:13.5px;color:var(--dim)}.gpvLine b{color:var(--txt)}
.gpvModel{margin:16px 0 4px;padding:14px;border:1px solid var(--line2);border-radius:12px;background:var(--panel2)}
.gpvModel small{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.3px;color:var(--dim);margin-bottom:10px}
.gpvRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gpvGr{min-width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;color:#08090b;background:var(--gold)}
.gpvGr.gA{background:var(--grn)}.gpvGr.gB{background:#60a5fa}.gpvGr.gC{background:var(--gold)}
.gpvPct{font-size:19px;font-weight:900}
.gpvHid{color:var(--dim);letter-spacing:2px;font-weight:700}
.gpvNote{margin:10px 0 0;font-size:13.5px;line-height:1.55;color:var(--dim)}
.gpvModel small+.gpvNote{margin-top:0}
.gpvPerks{margin:14px 0 2px;font-size:14px}
.gpvPerks b{display:block;margin-bottom:6px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.gpvPerks ul{margin:0;padding:0;list-style:none}
.gpvPerks li{position:relative;padding:3px 0 3px 22px;line-height:1.45}
.gpvPerks li:before{content:'';position:absolute;left:3px;top:9px;width:11px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.gpvSub{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--txt);text-align:center}
.gpvFine{margin:8px 0 0;font-size:11.5px;line-height:1.5;color:var(--dim);text-align:center}
#gdOv .cnBox{text-align:center}
.cnIc{width:58px;height:58px;margin:4px auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);background:radial-gradient(circle at 50% 35%,rgba(255,196,48,.22),rgba(251,184,23,.06));border:1px solid rgba(251,184,23,.4);box-shadow:0 0 0 0 rgba(251,184,23,.35);animation:cnPulse 2.4s ease-out infinite}
.cnIc svg{width:28px;height:28px}
@keyframes cnPulse{0%{box-shadow:0 0 0 0 rgba(251,184,23,.35)}70%,100%{box-shadow:0 0 0 16px rgba(251,184,23,0)}}
.cnH{margin:0 0 8px;font-size:21px;line-height:1.25;font-weight:800;letter-spacing:-.2px;background:linear-gradient(180deg,#fff,#ffe29a);-webkit-background-clip:text;background-clip:text;color:transparent}
.cnT{margin:0 auto;max-width:36ch;font-size:14px;line-height:1.6;color:var(--dim)}
.cnLeft{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px auto 4px;padding:11px 16px;width:fit-content;max-width:100%;border:1px solid rgba(251,184,23,.35);border-radius:12px;background:linear-gradient(180deg,rgba(255,196,48,.14),rgba(251,184,23,.05));text-align:left;font-size:14px;animation:cnUp .5s .15s both}
.cnLeft b{color:var(--gold)}.cnLeft em{display:block;font-style:normal;font-size:12px;color:var(--dim);margin-top:1px}
.cnDots{display:inline-flex;gap:6px}
.cnDot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(251,184,23,.45);animation:cnUp .45s calc(.25s + var(--i)*.1s) both}
.cnDot.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px rgba(251,184,23,.55)}
@keyframes cnUp{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
.cnBox .cnIc,.cnBox .cnH,.cnBox .cnT{animation:cnUp .45s both}.cnBox .cnH{animation-delay:.05s}.cnBox .cnT{animation-delay:.1s}
@media(prefers-reduced-motion:reduce){.cnIc,.cnLeft,.cnDot,.cnBox .cnH,.cnBox .cnT{animation:none}}
#s24Toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translate(-50%,12px);max-width:min(92vw,420px);background:var(--panel);border:1px solid var(--gold);color:var(--txt);padding:12px 16px;border-radius:12px;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 12px 36px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s var(--ease),transform .25s var(--ease);z-index:2000;text-align:center}
#s24Toast.on{opacity:1;transform:translate(-50%,0)}
/* ===== page background: warm gold glow over deep navy ===== */
body{background:
  radial-gradient(min(1300px,170vw) min(520px,90vw) at 50% -90px,rgba(255,196,48,.34),rgba(251,184,23,.10) 52%,transparent 72%),
  radial-gradient(min(900px,130vw) min(560px,90vw) at 100% 8%,rgba(255,196,48,.20),transparent 66%),
  radial-gradient(min(900px,130vw) min(600px,100vw) at 0% 30%,rgba(60,90,190,.20),transparent 68%),
  linear-gradient(180deg,#101728 0,#0a0e18 620px,var(--bg) 1200px);
  background-color:var(--bg);background-repeat:no-repeat}
.strip{background:rgba(0,0,0,.38)}
header{background:rgba(12,12,14,.95);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(251,184,23,.20)}
.tick{background:rgba(14,14,17,.96)}
.tickwin{contain:layout paint}   /* not .tick: paint containment clipped the sport dropdown */
@media(max-width:900px){
  /* blurring everything that scrolls under the header costs frames on phones */
  header{background:#0c0c0f;-webkit-backdrop-filter:none;backdrop-filter:none}
  .tick{background:#0e0e11}
  .tabBar{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(11,13,16,.99)}
}
/* ===== desktop hero: text on the left, top play on the right (no dead space) ===== */
@media(min-width:960px){
  .hero:has(#homeTop>*){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);column-gap:48px;align-items:center}
  .hero:has(#homeTop>*) .greet,.hero:has(#homeTop>*) h1,.hero:has(#homeTop>*)>p{grid-column:1}
  .hero:has(#homeTop>*) #homeTop{grid-column:2;grid-row:1/4;align-self:center}
  .hero:has(#homeTop>*) .pulse{grid-column:1/-1}
  .hero:has(#homeTop>*) .topPlay{max-width:none;margin:0}
  .hero:has(#homeTop>*) h1{font-size:38px;letter-spacing:-1px}
  .hero:has(#homeTop>*)>p{font-size:16px}
}
/* ===== theme upgrade: gold accents, depth, polish ===== */
.btn:not(.ghost),.hb.pri,.acctBtn.gold,.tpGo,.gdBtn.pri,.authGo,.unlockBtn,.instBar .ia{background-image:linear-gradient(180deg,#ffd04a 0%,#fbb817 55%,#f0a50a 100%);box-shadow:0 6px 18px rgba(251,184,23,.22),inset 0 1px 0 rgba(255,255,255,.35)}
.lsWrap,.gc,.art,.authBox,.skipBox{background-image:linear-gradient(180deg,rgba(255,255,255,.045),transparent 60%)}
.hero h1{background:linear-gradient(90deg,#ffffff 0%,#fff3d1 55%,#ffd36a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.hero .greet{text-shadow:0 0 24px rgba(251,184,23,.35)}
.h2 i{box-shadow:0 0 12px rgba(251,184,23,.55)}
.mdTitle,.tabHelp{border-bottom-color:rgba(251,184,23,.18)}
/* ===== player page (v28): clean header, tabs, last-10 strip, chart, hit-rate pills ===== */
.ppBar,.ppHero,.ppWrap{max-width:980px}
.ppBar{display:flex;align-items:center;gap:10px;margin-top:0;margin-bottom:10px;font-size:12.5px;color:var(--dim);font-weight:700;letter-spacing:.3px}
.ppBack{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:var(--txt);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.ppAll{margin-left:auto;background:none;border:0;color:var(--gold);font:inherit;font-weight:700;cursor:pointer;padding:8px 2px;min-height:40px}
.ppHero{position:relative;overflow:hidden;display:flex;align-items:stretch;justify-content:space-between;gap:6px;min-height:178px;padding:18px 0 0 18px;margin-bottom:12px;border:1px solid var(--line2);border-radius:16px;background:linear-gradient(135deg,rgba(251,184,23,.10),transparent 60%),var(--panel)}
.ppWm{position:absolute;right:-34px;top:-24px;width:230px;height:230px;opacity:.10;pointer-events:none}
.ppWm img{width:100%;height:100%;object-fit:contain}
.ppWho{position:relative;z-index:1;flex:1 1 auto;min-width:0;padding-bottom:16px}
.ppWho h2{margin:0;font-size:24px;line-height:1.12;letter-spacing:-.4px}
.ppSub{color:var(--dim);font-size:13px;margin:5px 0 12px}
.ppNext{display:inline-flex;flex-direction:column;gap:3px;padding:8px 12px;border:1px solid var(--line2);border-radius:10px;background:rgba(0,0,0,.28);margin-bottom:10px;max-width:100%}
.ppNext small{font-size:9.5px;letter-spacing:1px;color:var(--dim2);font-weight:700}
.ppOpp{display:flex;align-items:center;gap:7px;font-size:14px}
.ppOpp img{width:20px;height:20px;object-fit:contain;flex:0 0 20px}
.ppOpp b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ppNext span{font-size:12px;color:var(--dim)}
.ppSt{display:block;width:fit-content;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;border:1px solid}
.ppSt.ok{color:#4ade80;border-color:rgba(74,222,128,.4);background:rgba(74,222,128,.08)}
.ppSt.q{color:#fbbf24;border-color:rgba(251,191,36,.45);background:rgba(251,191,36,.08)}
.ppSt.out{color:#f87171;border-color:rgba(248,113,113,.45);background:rgba(248,113,113,.08)}
.ppPh{position:relative;z-index:1;flex:0 0 40%;max-width:190px;display:flex;align-items:flex-end;justify-content:center}
.ppImg{width:100%;height:auto;max-height:200px;object-fit:contain;object-position:bottom;display:block}
.ppIni{width:84px;height:84px;margin:0 14px 18px 0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--panel3,#1a1f27);border:1px solid var(--line2);font-size:26px;font-weight:800;color:var(--dim)}
.ppTabs{display:flex;gap:4px;padding:4px;margin:0 0 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.ppTabs button{flex:1;min-height:42px;border:0;border-radius:9px;background:none;color:var(--dim);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px}
.ppTabs button.on{background:var(--gold);color:#111}
.ppMk{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;margin-bottom:12px}
.ppMk::-webkit-scrollbar{display:none}
.ppMk button{flex:0 0 auto;white-space:nowrap;border-radius:999px}
@media(min-width:900px){.ppMk{flex-wrap:wrap;overflow:visible}}
.ppCard{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px}
.ppK{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:10.5px;font-weight:700;letter-spacing:1px;color:var(--dim2);margin-bottom:10px}
.ppK small{font-size:10.5px;letter-spacing:.2px;font-weight:600;color:var(--dim2);text-transform:none}
.ppCard .prLine{background:none;border:0;padding:0;margin:0}
.ppCells{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ppCells button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font:inherit;cursor:pointer;min-width:0}
.ppCells button.on{border-color:var(--gold);background:rgba(251,184,23,.07)}
.ppCells b{font-size:20px;line-height:1.1}
.ppCells span{font-size:10px;color:var(--dim);text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%}
.ppCells em{font-style:normal;font-size:11px;font-weight:700;color:var(--dim2)}
.ppCells em.dUp{color:#4ade80}.ppCells em.dDn{color:#f87171}
.ppChHd{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:8px}
.ppChHd small{font-size:10px;letter-spacing:1px;font-weight:700;color:var(--dim2)}
.ppBig{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.ppBig b{font-size:32px;line-height:1;letter-spacing:-.5px}
.ppBig span{font-size:12px;color:var(--dim)}
.ppStep{display:flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border:1px solid var(--line2);border-radius:999px;background:var(--panel2);flex:0 0 auto}
.ppStep small{font-size:9.5px;letter-spacing:1px;color:var(--dim2);font-weight:700}
.ppStep b{min-width:38px;text-align:center;font-size:16px;color:var(--gold)}
.ppStep button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:var(--txt);font-size:18px;font-weight:700;cursor:pointer;padding:0}
.ppRst{display:block;background:none;border:0;color:var(--gold);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;padding:2px 0 6px}
.ppNoLine{display:block;font-size:12px;color:var(--dim2);margin:0 0 6px}
.ppFoot{display:flex;gap:16px;flex-wrap:wrap;margin-top:24px;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--dim)}
.ppFoot b{color:var(--txt);margin-left:3px}
.ppHps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.ppHp{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 2px 8px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);min-width:0}
.ppHp b{font-size:18px;line-height:1.1}
.ppHp small{font-size:10px;font-weight:700;letter-spacing:.4px;color:var(--dim);text-transform:uppercase;white-space:nowrap}
.ppHp i{font-style:normal;font-size:10px;color:var(--dim2);min-height:12px}
.ppHp.g{background:rgba(74,222,128,.10);border-color:rgba(74,222,128,.4)}.ppHp.g b{color:#4ade80}
.ppHp.r{background:rgba(248,113,113,.10);border-color:rgba(248,113,113,.4)}.ppHp.r b{color:#f87171}
.ppNote{font-size:12px;color:var(--dim2);margin:10px 0 0;line-height:1.45}
.ppS24{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;color:var(--txt);cursor:pointer;padding:12px 14px;margin-bottom:12px;border-radius:14px;border:1px solid rgba(251,184,23,.38);background:linear-gradient(90deg,rgba(251,184,23,.10),var(--panel) 70%)}
.ppS24.lk{border-style:dashed}
.ppSc{flex:0 0 auto;min-width:64px;text-align:center;padding:9px 4px;border-radius:10px;font-size:20px;font-weight:800;background:rgba(var(--c),.12);border:1px solid rgba(var(--c),.38);color:rgb(var(--c))}
.ppSc.c5{--c:34,197,94}.ppSc.c4{--c:56,189,248}.ppSc.c3{--c:251,191,36}.ppSc.c2{--c:251,146,60}.ppSc.c1{--c:239,68,68}.ppSc.c0{--c:139,150,163}
.ppSt2{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ppSt2 b{font-size:14px}.ppSt2 small{font-size:12px;color:var(--dim);line-height:1.35}
.ppSl{flex:0 0 auto;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(251,184,23,.12);color:var(--gold)}
.ppSl .pxLkI{margin:0;width:18px;height:18px}
.ppGo{font-size:26px;line-height:1;color:var(--dim2)}
.ppRing{display:flex;align-items:center;gap:16px}
.ppRg{position:relative;width:84px;height:84px;flex:0 0 auto}
.ppRg svg{display:block}.ppRg circle{fill:none;stroke-width:6}.ppRg .bg{stroke:var(--line2)}.ppRg .fg{stroke:var(--tone);stroke-linecap:round}
.ppRg b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:24px}
.ppRg.good{--tone:#4ade80}.ppRg.mid{--tone:#fbbf24}.ppRg.bad{--tone:#f87171}
.ppRt b{display:block;font-size:17px}.ppRt b.good{color:#4ade80}.ppRt b.mid{color:#fbbf24}.ppRt b.bad{color:#f87171}
.ppRt small{display:block;font-size:12px;color:var(--dim);margin-top:4px;line-height:1.4}
.ppAngle{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px;line-height:1.55;color:var(--dim)}
.ppAngle b{color:var(--txt)}
.ppTiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px;margin-bottom:12px}
.ppTile{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 10px;min-width:0}
.ppTile small{display:block;font-size:10px;letter-spacing:.4px;color:var(--dim2);font-weight:700;text-transform:uppercase;line-height:1.25;min-height:25px}
.ppTile b{display:block;font-size:22px;margin:4px 0 2px}
.ppTile span{font-size:11px;color:var(--dim);line-height:1.3;display:block}
.ppCard.pxCard{border-left:3px solid var(--gold)}
@media(min-width:900px){.ppWho h2{font-size:30px}.ppHero{min-height:200px;padding-left:26px}.ppPh{max-width:230px}.ppCard{padding:16px 20px}.ppHps{gap:10px}}
.ppNews2{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.ppNews{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2,var(--panel));text-decoration:none;color:inherit;min-height:48px}
.ppNews:hover,.ppNews:focus-visible{border-color:var(--gold)}
.ppNt{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.ppNt b{font-size:14.5px;line-height:1.3;color:var(--text)}
.ppNt small{font-size:12.5px;line-height:1.4;color:var(--dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ppNt em{font-style:normal;font-size:11.5px;color:var(--dim2);font-weight:700;letter-spacing:.02em}
.ppNi{width:88px;height:62px;object-fit:cover;border-radius:8px;flex:none;background:var(--panel3,#1a1f27)}
.ppPn{white-space:nowrap}.ppPn small{color:var(--dim2);font-size:11px;margin-left:2px}
@media(max-width:400px){.ppTabs{gap:2px;padding:3px}.ppTabs button{font-size:12px;min-height:40px;padding:0 2px;gap:2px}.ppNi{width:72px;height:54px}}
.ppCard .prTbl td:first-child,.ppCard .prTbl th:first-child{white-space:nowrap}
/* ================= LIVE: scores, Game Center, plays, chat ================= */
.lvHead{padding:26px 0 14px}.lvHead h1{font-size:30px;line-height:1.1;letter-spacing:-.4px}.lvHead p{color:var(--dim);margin-top:6px;font-size:14.5px}
.lvTabs{margin-bottom:6px}
.lvN2{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 5px;border-radius:99px;background:var(--red);color:#fff;font-size:10.5px;font-weight:800;margin-left:4px}
.lvSec{margin-top:22px}.lvSec h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:800}.lvSec h2 em{font-style:normal;color:var(--dim2)}
.lvSec.hot h2{color:var(--red)}
.lvGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.lvCard{position:relative;display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:12px 40px 12px 14px;color:var(--txt);cursor:pointer;min-height:84px;transition:border-color .15s,background .15s}
.lvCard:hover{border-color:var(--line2);background:var(--panel3)}
.lvCard.in{border-color:rgba(239,68,68,.45)}
.lvSt{flex:0 0 86px;font-size:12px;color:var(--dim);font-weight:700;line-height:1.3}
.lvTs{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.lvT{display:flex;align-items:center;gap:9px;min-width:0}.lvT img,.lvT .monoLg{width:24px;height:24px;object-fit:contain;flex:0 0 auto}.lvT .monoLg{font-size:9px}
.lvN{flex:1;min-width:0;font-weight:700;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lvS{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.lvT.lose .lvN,.lvT.lose .lvS{color:var(--dim)}
.lvGo{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--dim2);font-size:24px;line-height:1}
.lvLive{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:800;font-size:12px;letter-spacing:.04em}
.lvLive i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:lvPulse 1.4s ease-in-out infinite;flex:0 0 auto}
@keyframes lvPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.lvFin{color:var(--dim);font-weight:700}.lvTime{color:var(--txt)}
nav button[data-pg="live"].hasLive::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:7px;vertical-align:middle;animation:lvPulse 1.4s ease-in-out infinite}
.tabBar button[data-t="live"].hasLive::after{content:"";position:absolute;top:7px;left:calc(50% + 7px);width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px rgba(11,13,16,.99);animation:lvPulse 1.4s ease-in-out infinite}
.ti.tiGo{cursor:pointer}.ti.tiGo:hover b{color:var(--gold)}
.pulseLive{display:inline-flex;align-items:center;gap:8px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.45);color:var(--txt);border-radius:99px;padding:7px 14px;font-weight:700;font-size:13.5px;cursor:pointer;min-height:38px}
.pulseLive i{width:7px;height:7px;border-radius:50%;background:var(--red);animation:lvPulse 1.4s ease-in-out infinite}
.pulseLive b{color:var(--red)}
/* Game Center */
.gxTop{display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px}
.gxBack,.gxShare{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);color:var(--txt);font-weight:700;font-size:13.5px;cursor:pointer}
.gxBack{padding-left:10px}
.gxHero{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:18px 14px 14px}
.gxScore{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}
.gxSide{display:flex;align-items:center;gap:10px;min-width:0}.gxSide.away{justify-content:flex-start}.gxSide.home{justify-content:flex-end}
.gxTm{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;text-align:center}
.gxTm img,.gxTm .monoLg{width:46px;height:46px;object-fit:contain}.gxTm .monoLg{font-size:15px}
.gxAb{font-weight:800;font-size:15px;letter-spacing:.02em;white-space:nowrap}.gxRc{font-size:11.5px;color:var(--dim)}
.gxBall{color:var(--gold);font-size:9px;margin-left:5px;vertical-align:middle}
.gxSc{font-size:44px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.gxSc.lose,.gxTm.lose{opacity:.55}
.gxSc.flash{animation:gxFlash 1.6s ease}
@keyframes gxFlash{0%{color:var(--gold);transform:scale(1.25)}60%{color:var(--gold)}100%{transform:scale(1)}}
.gxMid{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:92px;text-align:center}
.gxClk{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.gxPer{color:var(--dim);font-size:12.5px;font-weight:700}.gxPer2{font-size:15px;font-weight:800;max-width:110px}
.gxFin{font-size:15px;letter-spacing:.08em}.gxKo{font-size:20px;font-weight:800}.gxCd{color:var(--gold);font-size:12px;font-weight:700;margin-top:2px}
.gxSitL{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13.5px}
.gxSitL span{color:var(--dim)}.gxSitL>div{display:flex;flex-direction:column;gap:2px}
.gxSitL.gxMlb{gap:14px;align-items:center}
.gxRz{background:rgba(239,68,68,.16);color:var(--red);font-style:normal;font-size:11px;font-weight:800;border-radius:6px;padding:2px 8px;letter-spacing:.05em}
.gxDia rect{fill:none;stroke:var(--line2);stroke-width:1.6}.gxDia rect.on{fill:var(--gold);stroke:var(--gold)}
.gxLast{margin-top:12px;padding:10px 12px;background:var(--bg);border-radius:10px;border:1px solid var(--line)}
.gxLast small{color:var(--dim2);font-size:10.5px;letter-spacing:.12em;font-weight:800}.gxLast p{font-size:13.5px;line-height:1.45;margin-top:2px}
.gxMiss{text-align:center;padding:30px 10px}.gxMiss p{color:var(--dim);margin:6px 0 14px}
.gxLineW{margin-top:12px}.gxLnS{overflow-x:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px}
.gxLn{width:100%;border-collapse:collapse;font-size:13.5px;font-variant-numeric:tabular-nums}
.gxLn th,.gxLn td{padding:9px 6px;text-align:center;min-width:28px;font-weight:600}
.gxLn thead th{color:var(--dim2);font-size:11px;font-weight:700;padding-top:8px;padding-bottom:6px}
.gxLn tbody tr+tr th,.gxLn tbody tr+tr td{border-top:1px solid var(--line)}
.gxLn .tn{text-align:left;position:sticky;left:0;background:var(--panel);padding-left:12px;white-space:nowrap;min-width:84px;font-weight:700}
.gxLn .tn img,.gxLn .tn .monoLg{width:18px;height:18px;vertical-align:middle;margin-right:7px;object-fit:contain}.gxLn .tn .monoLg{display:inline-grid;font-size:7px}
.gxLn .tot{font-weight:800;color:var(--txt);border-left:1px solid var(--line)}
.gxLn td.dim{color:var(--dim2)}.gxLn .cur{background:rgba(251,184,23,.09);color:var(--gold)}
.gxLn tr.lose{color:var(--dim)}.gxLn tr.lose .tot{color:var(--dim)}
.gxFlt{display:flex;gap:6px;margin-bottom:10px}
.gxFlt button{min-height:38px;padding:0 16px;border-radius:99px;background:var(--panel2);border:1px solid var(--line);color:var(--dim);font-weight:700;font-size:13px;cursor:pointer}
.gxFlt button.on{color:#111;background:var(--gold);border-color:var(--gold)}
.gxList{list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.gxHd{padding:8px 14px;background:var(--panel2);color:var(--dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;border-bottom:1px solid var(--line)}
.gxP{display:flex;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}
.gxP:last-child{border-bottom:0}
.gxPt{flex:0 0 44px;color:var(--dim2);font-size:12.5px;font-variant-numeric:tabular-nums;padding-top:2px}
.gxPb{display:flex;gap:10px;min-width:0;flex:1}.gxPb img,.gxPb .monoLg,.gxNo{width:22px;height:22px;object-fit:contain;flex:0 0 22px;margin-top:1px}.gxPb .monoLg{font-size:8px}
.gxPx{min-width:0}.gxPx p{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.gxPx small{display:block;color:var(--dim);font-size:12px;margin-top:2px}
.gxP.sc{background:linear-gradient(90deg,rgba(251,184,23,.11),transparent 75%);box-shadow:inset 3px 0 0 var(--gold)}
.gxBd{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;color:#111;background:var(--gold);border-radius:5px;padding:2px 7px;margin-bottom:4px}
.gxBd.to{background:var(--red);color:#fff}
.gxPs{display:flex;gap:16px;margin-top:6px;font-size:12.5px;color:var(--dim);flex-wrap:wrap}.gxPs b{color:var(--txt);font-size:14px;margin-left:3px}
.gxP.new{animation:gxIn .9s ease}
@keyframes gxIn{from{background:rgba(251,184,23,.25);opacity:.35}to{}}
.gxMore{display:block;width:100%;margin-top:10px;min-height:46px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--txt);font-weight:700;cursor:pointer}
.gxRaw{display:flex;align-items:center;gap:8px;margin-top:12px;color:var(--dim);font-size:13px;min-height:32px}
/* chat */
.chHead{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.chHead b{font-size:14px}
.chPres{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-size:12px}.chPres i{width:7px;height:7px;border-radius:50%;background:var(--grn)}
.chMsgs{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:11px;overscroll-behavior:contain}
.chMsgs .empty{margin:auto;text-align:center;color:var(--dim);font-size:13.5px}
.chM p{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.chTop{display:flex;align-items:center;gap:6px;margin-bottom:1px}.chNm{font-size:12.5px;color:var(--gold)}.chM.me .chNm{color:var(--txt)}.chTop time{color:var(--dim2);font-size:11px}
.chMem{background:var(--gold);color:#111;font-size:9px;font-weight:800;border-radius:4px;padding:1px 5px;letter-spacing:.06em}
.chRep{margin-left:auto;background:none;border:0;color:var(--dim2);cursor:pointer;opacity:0;padding:7px;border-radius:6px;display:grid;place-items:center}
.chM:hover .chRep,.chRep:focus-visible{opacity:1}
@media(hover:none){.chRep{opacity:.5}}
.chDone{color:var(--dim);font-size:12.5px!important;font-style:italic}
.chForm{border-top:1px solid var(--line);padding:10px 12px 2px}
.chSend,.chRow{display:flex;gap:8px}
.chSend input,.chRow input{flex:1;min-width:0;min-height:46px;border-radius:10px;border:1px solid var(--line2);background:var(--bg);color:var(--txt);padding:0 12px;font:inherit;font-size:16px}
.chSend button,.chRow button{min-width:48px;min-height:46px;border-radius:10px;border:0;background:var(--gold);color:#111;cursor:pointer;display:grid;place-items:center;font-weight:800;font-size:14px;padding:0 14px}
.chRow button:disabled{opacity:.5}
.chSign{width:100%;min-height:48px;border:0;border-radius:10px;background:var(--gold);color:#111;font-weight:800;cursor:pointer;font-size:15px}
.chForm small{display:block;color:var(--dim);font-size:12px;margin:6px 2px;line-height:1.35}.chForm small.chErr{color:var(--red);min-height:16px}
.chPick label{font-size:13px;font-weight:700;display:block}.chPick .chRow{margin-top:6px}
.chRules{color:var(--dim2);font-size:11.5px;padding:2px 14px 10px;line-height:1.4}
.chNew{position:absolute;left:50%;transform:translateX(-50%);bottom:118px;z-index:3;background:var(--gold);color:#111;border:0;border-radius:99px;padding:8px 14px;font-weight:800;font-size:12.5px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.45)}
@media(max-width:520px){
  .lvCard{flex-direction:column;align-items:stretch;gap:8px;padding:11px 36px 11px 14px}.lvSt{flex:none}
  .gxSc{font-size:40px}.gxTm img,.gxTm .monoLg{width:42px;height:42px}.gxMid{min-width:80px}
}
@media(max-width:560px){
  .lvTabs .lsTab .lgMini{display:none}
  .lvTabs .lsTab{padding-left:4px;padding-right:4px;font-size:12.5px}
  .tabBar button span{font-size:10px;letter-spacing:0}
}

/* ---- Game Center v2: situation graphic, live room, smooth updates ---- */
:root{--lvTab:68px}
.skB{border-radius:12px;min-height:90px;background:linear-gradient(100deg,var(--panel2) 30%,var(--panel3) 50%,var(--panel2) 70%);background-size:220% 100%;animation:skM 1.3s linear infinite}
.skB.sk2{height:100%;min-height:200px}.skB.sk3{height:120px}
@keyframes skM{from{background-position:120% 0}to{background-position:-120% 0}}
.gxTop,.gxHero,.gxCols>*{animation:gxUp .38s cubic-bezier(.2,.7,.2,1) both}
.gxHero{animation-delay:.03s}.gxCols>:nth-child(1){animation-delay:.07s}.gxCols>:nth-child(2){animation-delay:.11s}.gxCols>:nth-child(n+3){animation-delay:.15s}
@keyframes gxUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.lvFresh .lvCard{animation:gxUp .32s cubic-bezier(.2,.7,.2,1) both}.lvFresh .lvCard:nth-child(2){animation-delay:.04s}.lvFresh .lvCard:nth-child(3){animation-delay:.08s}.lvFresh .lvCard:nth-child(n+4){animation-delay:.12s}
.rmIn{animation:rmIn .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes rmIn{from{opacity:0;transform:translateY(8px);background:rgba(251,184,23,.16)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gxTop,.gxHero,.gxCols>*,.lvFresh .lvCard,.rmIn,.skB{animation:none!important}.fdDyn *,.fdBan{transition:none!important}}
.gxCols{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.gxFn{font-size:11.5px;color:var(--dim);max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:-1px}
.gxSc{min-width:.6em;text-align:center}.gxSc[hidden]{display:none}
.gxHero{padding:16px 12px 12px}
.gxHero .gxTm img,.gxHero .gxTm .monoLg{width:44px;height:44px}
/* situation card */
.fdCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fdBan{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--panel2);border-bottom:1px solid var(--line);color:var(--txt);transition:background .3s,color .3s}
.fdBan svg{flex:0 0 auto;color:var(--dim)}.fdBt{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.fdBt b{font-size:14.5px;line-height:1.2}.fdBt span{font-size:12.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fdAge{font-style:normal;font-size:11.5px;color:var(--dim2);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.fdAge:not(:empty)::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--grn);animation:lvPulse 1.6s ease-in-out infinite}
.fdBan[data-c="g"]{background:linear-gradient(90deg,rgba(251,184,23,.2),var(--panel2) 80%)}.fdBan[data-c="g"] svg{color:var(--gold)}.fdBan[data-c="g"] b{color:var(--gold)}
.fdBan[data-c="r"]{background:linear-gradient(90deg,rgba(239,68,68,.18),var(--panel2) 80%)}.fdBan[data-c="r"] svg{color:var(--red)}
.fdBan[data-c="b"]{background:linear-gradient(90deg,rgba(80,150,255,.16),var(--panel2) 80%)}.fdBan[data-c="b"] svg{color:#6aa8ff}
.fdBan.pop{animation:fdPop .5s cubic-bezier(.2,.7,.2,1)}
@keyframes fdPop{from{transform:translateY(-6px);opacity:.4}to{transform:none;opacity:1}}
.fdBody{padding:10px 10px 4px}
.fdArt{position:relative;line-height:0}.fdArt .skB{height:150px}
.fdSvg{display:block;width:100%;height:auto}
.fdStrip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 6px 10px}
.fdStrip small,.fdLastIn small{display:block;color:var(--dim2);font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.fdDn{display:flex;flex-direction:column;gap:1px;min-width:0}.fdDn b{font-size:22px;line-height:1.1;letter-spacing:-.2px}.fdDn>span{font-size:12.5px;color:var(--dim)}
.fdBg{display:flex;gap:6px;margin-top:3px}.fdBg:empty{display:none}.fdBg em{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:2px 8px;background:rgba(251,184,23,.16);color:var(--gold)}.fdBg em.rz{background:rgba(239,68,68,.16);color:var(--red)}
.fdPb,.fdPl{display:flex;align-items:center;gap:9px;min-width:0}.fdPb img,.fdPb .monoLg{width:30px;height:30px;object-fit:contain;flex:0 0 30px}.fdPb b,.fdPl b{font-size:13.5px;line-height:1.25;display:block}
.fdPl>div{min-width:0}.fdPl b{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.fdT{display:flex;flex-direction:column;align-items:flex-start}.fdT b{font-size:22px;line-height:1.1;font-variant-numeric:tabular-nums}.fdT span{font-size:12.5px;color:var(--dim);font-weight:700}
.fdTos{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--dim)}.fdTos span{display:flex;align-items:center;gap:7px;justify-content:space-between}.fdTos small{margin-top:1px}
.fdTo{display:inline-flex;gap:3px}.fdTo i{width:14px;height:5px;border-radius:3px;background:var(--line2)}.fdTo i.on{background:var(--gold)}
.fdLg{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--dim)}.fdLg i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px}.fdLg i.a{background:#6ea8ff}.fdLg i.h{background:#f3f3f3}
.fdCnt{display:flex;flex-direction:column;gap:5px}.fdCnt>div{display:flex;align-items:center;gap:5px}.fdCnt small{width:12px;margin:0}
.fdCnt i{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--line2)}.fdCnt i.on.b{background:#4ade80;border-color:#4ade80}.fdCnt i.on.s{background:var(--gold);border-color:var(--gold)}.fdCnt i.on.o{background:var(--red);border-color:var(--red)}
.fdInn{display:flex;flex-direction:column}.fdInn b{font-size:17px}.fdInn span{font-size:12.5px;color:var(--dim)}
.fdHs{display:inline-block;flex:0 0 auto;width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--panel3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='15' r='7' fill='%23566'/%3E%3Cpath d='M5 40c0-9 7-14 15-14s15 5 15 14z' fill='%23566'/%3E%3C/svg%3E") center/cover;border:1px solid var(--line2);line-height:0}
.fdHs img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.fdHs.t{background:var(--panel3);display:grid;place-items:center}.fdHs.t img,.fdHs.t .monoLg{width:26px;height:26px}
.fdLast{border-top:1px solid var(--line);padding:11px 14px}.fdLastIn{display:flex;gap:11px;align-items:center}.fdLastIn p{font-size:13.5px;line-height:1.4;margin-top:1px}
/* svg art */
.fdSvg .ez{fill:rgba(255,255,255,.05)}.fdSvg .ezT{fill:rgba(255,255,255,.5);font:800 11px system-ui,sans-serif;text-anchor:middle;letter-spacing:.04em}
.fdLn path{stroke:rgba(255,255,255,.17);stroke-width:1.4;fill:none}.fdLn path.m{stroke:rgba(255,255,255,.3)}.fdLn path.gl{stroke:rgba(255,255,255,.7);stroke-width:2.5}.fdLn path.hs{stroke:rgba(255,255,255,.2);stroke-width:1}
.fdNum text{fill:rgba(255,255,255,.2);font:800 17px system-ui,sans-serif;text-anchor:middle}
.fdDyn .band{fill:rgba(251,184,23,.2)}.fdDyn .rz{fill:rgba(239,68,68,.16)}
.fdDyn .los{stroke:#69a7ff;stroke-width:3;fill:none}.fdDyn .fd1{stroke:#ffd23f;stroke-width:3.4;fill:none}
.fdDyn .ball ellipse{fill:#9a5a2b;stroke:#fff;stroke-width:1.5}.fdDyn .ball path{stroke:#fff;stroke-width:1.3;fill:none}
.fdDyn .chev path{stroke:rgba(255,255,255,.75);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.fdDyn .chev path:nth-child(2){opacity:.65}.fdDyn .chev path:nth-child(3){opacity:.35}
.fdDyn .lbl text{fill:#fff;font:800 13px system-ui,sans-serif;paint-order:stroke;stroke:rgba(0,0,0,.65);stroke-width:4px;stroke-linejoin:round}
.fdDyn *{transition:transform .9s cubic-bezier(.3,.7,.2,1),opacity .4s}.fdDyn.off{opacity:0}
.fdDyn .band,.fdDyn .rz,.fdDyn .los,.fdDyn .fd1,.fdDyn .chev,.fdDyn .ball,.fdDyn .lbl{transform-origin:0 0}
.fdSvg .paint{fill:rgba(255,255,255,.04)}.fdSvg .ct *{stroke:rgba(255,255,255,.35);stroke-width:2.2;fill:none}.fdSvg .ct .dash{stroke-dasharray:7 7}
.fdSvg .rim{fill:none;stroke:#ff7a3d;stroke-width:3}
.fdSvg .sh.a{fill:#6ea8ff;stroke:#6ea8ff}.fdSvg .sh.h{fill:#f3f3f3;stroke:#f3f3f3}
.fdSvg circle.sh.mk{stroke:#fff;stroke-width:2;fill-opacity:.9}.fdSvg path.sh{fill:none;stroke-width:3;stroke-linecap:round;opacity:.75}
.fdSvg circle.sh.bl{fill-opacity:.25;stroke-width:2}
.fdSvg .sh.last{animation:fdLast 1.8s ease-out 3}
@keyframes fdLast{0%{filter:drop-shadow(0 0 0 rgba(251,184,23,.9))}60%{filter:drop-shadow(0 0 9px rgba(251,184,23,.95))}100%{filter:none}}
.fdSvg .ice{fill:#12263a}.fdSvg .rk *{fill:none}.fdSvg .rk .bd{stroke:rgba(255,255,255,.4);stroke-width:2.2}
.fdSvg .rk .red{stroke:#d8434f;stroke-width:5;opacity:.7}.fdSvg .rk .blue{stroke:#4a86e0;stroke-width:6;opacity:.7}.fdSvg .rk .gl{stroke:#d8434f;stroke-width:2;opacity:.7}
.fdSvg .rk .ln{stroke:#d8434f;stroke-width:1.8;opacity:.55}.fdSvg .rk .ln.b{stroke:#4a86e0}.fdSvg .rk .dot{fill:#d8434f;opacity:.7}.fdSvg .rk .dot.b{fill:#4a86e0}
.fdSvg .rk .cr{stroke:#4a86e0;stroke-width:2;fill:rgba(74,134,224,.2)}.fdSvg .rk .net{stroke:rgba(255,255,255,.5);stroke-width:1.5}
.fdSvg .lastM .ring{fill:rgba(251,184,23,.12);stroke:var(--gold);stroke-width:2;animation:fdRing 1.6s ease-out infinite;transform-box:fill-box;transform-origin:center}.fdSvg .lastM .core{fill:var(--gold)}
@keyframes fdRing{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.7);opacity:0}}
.fdSvg .grass{fill:#173f25}.fdSvg .dirt{fill:#5a4630;opacity:.85}.fdSvg .in{fill:#1d4a2c}.fdSvg .foul{stroke:rgba(255,255,255,.55);stroke-width:2;fill:none}
.fdSvg .mound{fill:#6a5339}.fdSvg .home{fill:#f3f3f3}.fdSvg .bs{fill:#ece7da;stroke:rgba(0,0,0,.25);stroke-width:1;transition:fill .4s,filter .4s}.fdSvg .bs.on{fill:var(--gold);filter:drop-shadow(0 0 7px rgba(251,184,23,.9))}
/* NBA + MLB: art on the left, facts on the right */
.fdCard[data-sp="NBA"] .fdBody,.fdCard[data-sp="MLB"] .fdBody{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:8px 14px;align-items:center}
.fdCard[data-sp="NBA"] .fdStrip,.fdCard[data-sp="MLB"] .fdStrip{flex-direction:column;align-items:flex-start;gap:12px;padding:6px 4px}
.fdCard[data-sp="NBA"] .fdArt,.fdCard[data-sp="MLB"] .fdArt{max-width:300px;width:100%;justify-self:center}
.fdCard[data-sp="NBA"] .fdStrip.hide,.fdCard[data-sp="MLB"] .fdStrip.hide{display:none}
/* live room */
.gxRoom{background:var(--panel);border:1px solid var(--line);border-radius:16px;display:flex;flex-direction:column;position:relative;height:clamp(420px,64dvh,640px);overflow:hidden;contain:layout paint}
.chHead{flex-wrap:wrap;gap:8px 12px;justify-content:flex-start}.chHead .chPres{margin-right:auto}
.rmFlt{display:flex;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:99px}
.rmFlt button{min-height:30px;padding:0 12px;border:0;border-radius:99px;background:none;color:var(--dim);font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,color .2s}.rmFlt button.on{background:var(--gold);color:#111}
.chMsgs{scroll-behavior:auto;padding:12px 14px;gap:9px}
.chMsgs>.skB{margin:auto 0}
.rmP{display:flex;gap:9px;align-items:flex-start;padding:8px 10px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);font-size:13px}
.rmP img,.rmP .monoLg,.rmP .gxNo{width:20px;height:20px;object-fit:contain;flex:0 0 20px;margin-top:1px}.rmP .monoLg{font-size:7px}
.rmP p{font-size:13px;line-height:1.4;color:var(--txt);overflow-wrap:anywhere}.rmP small{display:block;color:var(--dim2);font-size:11px;margin-top:2px}
.rmP.sc{border-color:rgba(251,184,23,.5);background:linear-gradient(90deg,rgba(251,184,23,.14),var(--panel2) 80%)}.rmP.to{border-color:rgba(239,68,68,.4)}
.rmP .gxWho{margin-top:0}.rmP .fdHs{width:30px;height:30px}
.rmP .gxWho .gxWb{display:none}
.chForm{padding:10px 12px 0}.chSend{align-items:center}
.chEm{flex:0 0 46px;width:46px;min-height:46px;border-radius:10px;border:1px solid var(--line2);background:var(--bg);color:var(--dim);display:grid;place-items:center;cursor:pointer;padding:0}.chEm:hover{color:var(--gold)}
.chTray{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;margin-bottom:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.chTray button{height:38px;border:0;background:none;font-size:21px;cursor:pointer;border-radius:8px;line-height:1}.chTray button:hover,.chTray button:active{background:var(--panel2)}
.chTray.hide{display:none}
.chRules{padding-top:6px}
/* plays */
.gxH2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-weight:800;margin:6px 0 10px}
.gxWho{position:relative;display:inline-block;flex:0 0 auto;line-height:0;margin-top:1px}.gxWho .fdHs{width:38px;height:38px}
.gxWb{position:absolute;right:-5px;bottom:-4px;width:18px;height:18px;border-radius:50%;background:var(--panel);border:1px solid var(--line2);display:grid;place-items:center;overflow:hidden}.gxWb img,.gxWb .monoLg{width:13px;height:13px;margin:0;flex:none;font-size:5px}
.gxFlt{margin-bottom:10px}
.gxList .gxP{transition:background .3s}
.gxMore.hide,.gxRaw.hide,.fdStrip.hide,.fdLast.hide{display:none}

@media(max-width:520px){
  .gxSc{font-size:38px}.gxHero .gxTm img,.gxHero .gxTm .monoLg{width:38px;height:38px}
  .fdDn b,.fdT b{font-size:20px}
  .gxRoom{height:clamp(400px,66dvh,620px)}
}
@media(min-width:980px){
  .gxCols{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px;align-items:start}
  .gxCols>.fdCard{grid-column:1;grid-row:1}.gxCols>.gxLineW{grid-column:1;grid-row:2;margin:0}.gxCols>.gxPlays{grid-column:1;grid-row:3}
  .gxCols>.gxRoom{grid-column:2;grid-row:1/span 3;position:sticky;top:84px;height:calc(100dvh - 108px);min-height:480px;max-height:760px}
  .gxHero{padding:24px 28px 18px}.gxHero .gxTm img,.gxHero .gxTm .monoLg{width:64px;height:64px}.gxSc{font-size:60px}.gxAb{font-size:18px}.gxMid{min-width:140px}.gxClk{font-size:26px}
  .fdBody{padding:14px 16px 6px}.fdCard[data-sp="NFL"] .fdSvg,.fdCard[data-sp="NCAAF"] .fdSvg,.fdCard[data-sp="NHL"] .fdSvg{max-height:260px}
  .fdCard[data-sp="NBA"] .fdArt,.fdCard[data-sp="MLB"] .fdArt{max-width:360px}
}
/* tidy pass */
.chForm small.chErr:empty{display:none}.chForm small.chErr{min-height:0}
.gxScore{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.gxMid{min-width:0;padding:0 4px}.gxClk{font-size:18px}
.gxSide{gap:8px}
@media(max-width:979px){
  .gxFn{display:none}
  .fdCard[data-sp="NFL"] .fdT,.fdCard[data-sp="NCAAF"] .fdT{display:none}
  .fdStrip{padding:8px 4px 6px;gap:8px 16px}
  .fdBan{padding:9px 12px}
  .gxHero{padding:12px 10px 10px}
  .gxTop{padding:10px 0 8px}
}
@media(max-width:520px){ .gxSc{font-size:34px}.gxHero .gxTm img,.gxHero .gxTm .monoLg{width:36px;height:36px}.gxAb{font-size:14px} }
@media(min-width:980px){ .gxMid{min-width:140px} .gxClk{font-size:26px} }
@media(min-width:980px){body:has(#pg-live:not(.hide) #gxView:not(.hide)) .botFab{right:auto;left:18px}}
/* ---- timeline: plays without boxes ---- */
.gxPlays{margin-top:4px}
.gxList{list-style:none;position:relative;background:none;border:0;border-radius:0;overflow:visible;margin:0;padding:0 0 0 26px}
.gxList::before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,var(--line2),var(--line) 80%,transparent)}
.gxList .gxHd{position:relative;background:none;border:0;padding:20px 0 8px;margin:0;color:var(--dim);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.gxList .gxHd:first-child{padding-top:4px}
.gxList .gxHd .gxDot{left:-26px;top:22px;width:16px;height:16px;background:var(--bg);border:2px solid var(--line2)}.gxList .gxHd:first-child .gxDot{top:6px}
.gxList .gxP{position:relative;display:flex;gap:12px;padding:12px 0 14px;border:0;border-bottom:1px solid var(--line);background:none;box-shadow:none}
.gxList .gxP:last-child{border-bottom:0}
.gxDot{position:absolute;left:-24px;top:18px;width:12px;height:12px;border-radius:50%;background:var(--dim2);box-shadow:0 0 0 4px var(--bg)}
.gxList .gxP.t-g .gxDot{background:var(--gold)}.gxList .gxP.t-r .gxDot{background:var(--red)}.gxList .gxP.t-b .gxDot{background:#6aa8ff}
.gxList .gxP.big .gxDot{width:16px;height:16px;left:-26px;top:16px;box-shadow:0 0 0 4px var(--bg),0 0 14px rgba(251,184,23,.7)}
.gxList .gxWho{margin-top:2px}.gxList .gxWho .fdHs{width:40px;height:40px}
.gxList .gxPx{flex:1;min-width:0}
.gxPh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:3px}
.gxTag{font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:var(--dim)}
.t-g .gxTag{color:var(--gold)}.t-r .gxTag{color:var(--red)}.t-b .gxTag{color:#6aa8ff}
.gxList .gxP.big .gxTag{font-size:17px;letter-spacing:.03em}
.gxKind{font-size:10.5px;font-weight:800;letter-spacing:.1em;color:var(--dim2);text-transform:uppercase}
.gxNt{font-size:12.5px;color:var(--txt);font-weight:700}
.gxPh time{margin-left:auto;color:var(--dim2);font-size:12px;font-variant-numeric:tabular-nums}
.gxList .gxPx p{font-size:14.5px;line-height:1.5;color:var(--txt)}
.gxList .gxPx small{display:block;color:var(--dim);font-size:12px;margin-top:3px}
.gxList .gxPs{display:flex;gap:18px;margin-top:6px;font-size:12.5px;color:var(--dim)}.gxList .gxPs b{color:var(--txt);font-size:15px;margin-left:3px}
.gxFlt button{min-height:36px}
/* ---- live room: open, no nested boxes ---- */
.gxRoom{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.gxRoom .chHead{padding:14px 2px 10px;border:0}
.chMsgs{padding:4px 2px 8px;gap:12px}
.gxRoom .chForm{border-top:1px solid var(--line);padding:12px 0 0}
.gxRoom .chRules{padding:6px 2px 10px}
.rmP{background:none;border:0;border-left:3px solid var(--dim2);border-radius:0;padding:2px 0 2px 11px;font-size:13px;align-items:center}
.rmP.t-g{border-left-color:var(--gold)}.rmP.t-r{border-left-color:var(--red)}.rmP.t-b{border-left-color:#6aa8ff}
.rmP.big{background:linear-gradient(90deg,rgba(251,184,23,.13),transparent 85%);padding-top:7px;padding-bottom:7px}
.rmP p{font-size:13.5px}.rmP .gxTag{font-size:12.5px}.rmP.big .gxTag{font-size:15px}
.rmP img,.rmP .monoLg,.rmP .gxNo{width:22px;height:22px;flex:0 0 22px}
@media(min-width:980px){
  .gxCols>.gxRoom{border-top:0;border-left:1px solid var(--line);padding-left:18px;border-radius:0}
}
/* ---- celebration ---- */
.gxCel{position:fixed;inset:0;z-index:9300;pointer-events:none;overflow:hidden}
.gxCel i{position:absolute;top:-24px;left:var(--x);width:var(--w);height:calc(var(--w)*1.6);background:var(--c);border-radius:2px;opacity:0;animation:celFall var(--t) cubic-bezier(.25,.6,.35,1) var(--d) forwards}
@keyframes celFall{0%{opacity:1;transform:translateY(0) rotate(0)}85%{opacity:1}100%{opacity:0;transform:translateY(105vh) rotate(var(--r))}}
.celBox{position:absolute;left:50%;top:18%;transform:translateX(-50%) scale(.6);display:flex;align-items:center;gap:12px;max-width:min(92vw,520px);padding:14px 22px;border-radius:18px;background:rgba(17,21,27,.92);border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(251,184,23,.15),0 18px 50px rgba(0,0,0,.6);animation:celPop 3.4s cubic-bezier(.2,.9,.25,1.2) forwards;backdrop-filter:blur(6px)}
.gxCel.t-r .celBox{border-color:var(--red);box-shadow:0 0 0 6px rgba(239,68,68,.15),0 18px 50px rgba(0,0,0,.6)}.gxCel.t-b .celBox{border-color:#6aa8ff}
.celBox img,.celBox .monoLg{width:46px;height:46px;object-fit:contain;flex:0 0 46px}
.celBox b{display:block;font-size:clamp(20px,6vw,30px);line-height:1.1;font-weight:900;letter-spacing:.02em;color:var(--gold);text-transform:uppercase}.gxCel.t-r .celBox b{color:var(--red)}.gxCel.t-b .celBox b{color:#6aa8ff}
.celBox span{display:block;font-size:13px;color:var(--txt);margin-top:3px}
@keyframes celPop{0%{opacity:0;transform:translateX(-50%) scale(.5)}9%{opacity:1;transform:translateX(-50%) scale(1.08)}14%{transform:translateX(-50%) scale(1)}84%{opacity:1;transform:translateX(-50%) scale(1)}100%{opacity:0;transform:translateX(-50%) translateY(-14px) scale(.96)}}
@media(prefers-reduced-motion:reduce){.celBox{animation:celFade 3s forwards}@keyframes celFade{0%,90%{opacity:1;transform:translateX(-50%)}100%{opacity:0;transform:translateX(-50%)}}}
/* ---- status line in the room ---- */
.rmStat{flex-basis:100%;order:5;font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:7px}
.rmStat[hidden]{display:none}.rmStat::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--dim2)}
.rmStat[data-c="g"]{color:var(--gold)}.rmStat[data-c="g"]::before{background:var(--gold)}
.rmStat[data-c="r"]{color:var(--red)}.rmStat[data-c="r"]::before{background:var(--red)}
.rmStat[data-c="b"]{color:#6aa8ff}.rmStat[data-c="b"]::before{background:#6aa8ff}
.rmClose,.rmOpen{display:none}
/* ---- phone: the chat never grabs your scroll ---- */
@media(max-width:979px){
  .gxRoom{height:auto!important;max-height:none;contain:none}
  .gxRoom .chMsgs{flex:none;height:300px;overflow:hidden;justify-content:flex-end;touch-action:pan-y;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px);mask-image:linear-gradient(180deg,transparent 0,#000 44px)}
  .gxRoom .chMsgs>*{flex:none}
  .gxRoom .chRep{display:none}
  .rmOpen{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin:2px 0 8px;border:1px solid var(--line2);border-radius:10px;background:none;color:var(--txt);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}
  .rmOpen span{color:var(--gold)}
  .chNew{display:none}
  html.rmLock,html.rmLock body{overflow:hidden}
  .gxRoom.full{position:fixed;inset:0;z-index:9200;display:flex;flex-direction:column;background:var(--bg);border:0;padding:max(10px,env(safe-area-inset-top)) 14px max(8px,env(safe-area-inset-bottom));height:100dvh!important}
  .gxRoom.full .chMsgs{flex:1;height:auto;overflow-y:auto;justify-content:flex-start;-webkit-mask-image:none;mask-image:none;overscroll-behavior:contain;touch-action:auto}
  .gxRoom.full .chRep{display:grid}
  .gxRoom.full .rmOpen{display:none}
  .gxRoom.full .rmClose{display:block;margin-left:auto;min-height:34px;padding:0 16px;border:0;border-radius:99px;background:var(--gold);color:#111;font:inherit;font-weight:800;font-size:13px;cursor:pointer;order:2}
  .gxRoom.full .chPres{margin-right:0}.gxRoom.full .chNew{display:block}
}
.gxCel{z-index:9500}
/* ---- chat name line ---- */
.chWho{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 2px 0;font-size:12px;color:var(--dim)}
.chWho b{color:var(--txt);font-weight:700}
.chWho button{background:none;border:0;padding:6px 0;color:var(--gold);font:inherit;font-weight:700;cursor:pointer}
.chLock{color:var(--dim2)}
.chHint{display:block;margin-top:5px;color:var(--dim2);font-size:11.5px}
.chCancel{background:none;border:1px solid var(--line2);color:var(--dim);border-radius:10px;padding:0 14px;font:inherit;font-weight:700;cursor:pointer}
/* ---- reactions under highlights ---- */
.rxBar{margin-top:7px}
.rxRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.rxRow button,.rxPk{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.rxC,.rxAdd,.rxCm{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:99px;border:1px solid var(--line2);background:transparent;color:var(--dim);font-size:12.5px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s}
.rxC i{font-style:normal;font-size:14px;line-height:1}
.rxC b,.rxCm b{font-weight:800;font-variant-numeric:tabular-nums}
.rxC.on{border-color:var(--gold);background:rgba(240,185,70,.12);color:var(--gold)}
.rxC:active,.rxAdd:active,.rxCm:active{transform:scale(.93)}
.rxC.pop{animation:rxPop .32s cubic-bezier(.3,1.6,.5,1)}
@keyframes rxPop{0%{transform:scale(.8)}60%{transform:scale(1.14)}100%{transform:scale(1)}}
.rxAdd em{font-style:normal;font-weight:800;margin-left:-1px}
.rxCm{margin-left:auto}.rxCm span{font-size:12px}
@media(hover:hover){.rxC:hover,.rxAdd:hover,.rxCm:hover{border-color:var(--dim2);color:var(--txt)}}
.rxPickW{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}
.rxBar.open .rxPickW{grid-template-rows:1fr}
.rxPick{overflow:hidden;display:flex;flex-wrap:wrap;gap:4px;opacity:0;transition:opacity .2s}
.rxBar.open .rxPick{opacity:1;padding-top:7px}
.rxPk{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:20px;line-height:1;transition:transform .15s,background .15s}
.rxPk:active{transform:scale(.88)}.rxPk.on{border-color:var(--gold);background:rgba(240,185,70,.14)}
[data-th]{cursor:pointer}
[data-th]:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
#rxToast{position:fixed;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%,14px);z-index:9700;max-width:88vw;padding:10px 16px;border-radius:12px;background:#1b1f27;border:1px solid var(--line2);color:var(--txt);font-size:13px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 10px 30px rgba(0,0,0,.45)}
#rxToast.on{opacity:1;transform:translate(-50%,0)}
/* ---- comments on one highlight ---- */
html.thLock,html.thLock body{overflow:hidden}
.thWrap{position:fixed;inset:0;z-index:9300;display:flex;align-items:flex-end;justify-content:center}
.thBack{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .22s}
.thWrap.in .thBack{opacity:1}
.thSheet{position:relative;width:100%;max-width:560px;max-height:84dvh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line2);border-bottom:0;border-radius:18px 18px 0 0;padding:14px 16px max(12px,env(safe-area-inset-bottom));transform:translateY(28px);opacity:0;transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s;box-shadow:0 -12px 40px rgba(0,0,0,.5)}
.thWrap.in .thSheet{transform:none;opacity:1}
.thHd{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.thHd b{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.thX{min-height:34px;padding:0 16px;border:0;border-radius:99px;background:var(--gold);color:#111;font:inherit;font-weight:800;font-size:13px;cursor:pointer}
.thPlay{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.thPlay .lgImg,.thPlay img,.thPlay svg{flex:none;width:26px;height:26px}
.thPlay p{margin:0;font-size:14px;line-height:1.35}.thPlay small{color:var(--dim);font-size:12px}
.thList{flex:1;min-height:120px;overflow-y:auto;overscroll-behavior:contain;padding:10px 0;display:flex;flex-direction:column;gap:2px}
.thList .empty{margin:auto;text-align:center;color:var(--dim);font-size:13.5px;padding:18px 10px}
.thForm{padding-top:6px}
.thEmo{display:flex;gap:2px;margin-top:6px;overflow-x:auto;scrollbar-width:none}
.thEmo button{flex:none;width:36px;height:34px;border:0;background:none;font-size:19px;cursor:pointer}
@media(min-width:980px){.thWrap{align-items:center}.thSheet{border-bottom:1px solid var(--line2);border-radius:18px;max-height:76vh;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.thBack,.thSheet,.rxPickW,.rxPick,#rxToast,.rxC{transition:none}.rxC.pop{animation:none}}
.rxPick{flex-wrap:nowrap}
.rxPk{flex:1 1 0;min-width:0;max-width:44px;width:auto;height:36px}
@media(max-width:979px){ html.rmLock .pg,html.rmLock #gxView{animation:none!important;transform:none!important;filter:none!important} }

.fdDyn .badge circle{fill:#0d141f;stroke:rgba(255,255,255,.85);stroke-width:2}
.fdDyn .badge text{fill:#fff;font:800 11px system-ui,sans-serif}
.fdDyn .badge{transform-origin:0 0}
/* ================= v32: live header, built like the scoreboard design ================= */
.gxHero,.gxHero *{--dsp:"Barlow Condensed","Arial Narrow",Inter,system-ui,sans-serif}
.gxHero{position:relative;isolation:isolate;background:none;border:0;border-radius:0;padding:6px 0 18px;animation:none}
.gxTop{position:relative;z-index:2}
.gxHero::before{content:"";position:absolute;inset:-56px -20px auto -20px;height:290px;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 48%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 48%,transparent);
  background:radial-gradient(60% 100% at 0% 30%,color-mix(in srgb,var(--ca,#4c8deb) 26%,transparent),transparent 72%),radial-gradient(60% 100% at 100% 30%,color-mix(in srgb,var(--cb,#2fa36b) 26%,transparent),transparent 72%)}
  background:radial-gradient(60% 100% at 0% 0%,color-mix(in srgb,var(--ca,#4c8deb) 24%,transparent),transparent 70%),radial-gradient(60% 100% at 100% 0%,color-mix(in srgb,var(--cb,#2fa36b) 24%,transparent),transparent 70%)}
.gxScore{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:12px}
.gxSide{display:flex;flex-direction:column;gap:10px;min-width:0}
.gxSide.away{align-items:flex-start;text-align:left}.gxSide.home{align-items:flex-end;text-align:right}
.gxTm{display:flex;flex-direction:column;align-items:inherit;gap:0;min-width:0;max-width:100%}
.gxId{display:flex;align-items:center;gap:10px;min-width:0}.gxSide.home .gxId{flex-direction:row-reverse}
.gxTx{display:flex;flex-direction:column;gap:4px;min-width:0}.gxSide.home .gxTx{align-items:flex-end}
.gxHero .gxTm img,.gxHero .gxTm .monoLg{width:44px;height:44px;flex:none;object-fit:contain}
.gxAb{display:flex;align-items:center;gap:6px;font-family:var(--dsp);font-size:21px;font-weight:600;letter-spacing:.06em;line-height:1}.gxSide.home .gxAb{flex-direction:row-reverse}
.gxBall{width:8px;height:8px;border-radius:50%;background:var(--gold);font-size:0;flex:none;display:block}
.gxRc{font-size:12px;color:var(--dim);line-height:1}.gxRc:empty{display:none}
.gxTo{display:flex;align-items:center;margin-top:2px}.gxTo:empty{display:none}
.gxTo .fdTo{display:inline-flex;gap:4px}.gxTo .fdTo i{display:block;width:14px;height:3px;border-radius:2px;background:var(--dim2)}.gxTo .fdTo i.on{background:var(--gold)}
.gxSc{font-family:var(--dsp);font-style:italic;font-weight:700;font-size:76px;line-height:.85;letter-spacing:0;font-variant-numeric:tabular-nums;text-align:inherit;min-width:0;padding-top:4px}
.gxSc.lose{color:var(--dim);opacity:1}.gxTm.lose{opacity:.6}
.gxMid{align-self:stretch;justify-content:center;gap:6px;min-width:0;margin:0;padding:0 14px;border-left:1px solid var(--line);border-right:1px solid var(--line);align-items:center;text-align:center}
.lvLive{font-family:var(--dsp)}.gxMid .lvLive{font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.gxPer,.gxPer2{font-family:var(--dsp);font-size:18px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);line-height:1;order:2}
.gxClk{font-family:var(--dsp);font-style:italic;font-weight:700;font-size:42px;line-height:1;font-variant-numeric:tabular-nums;order:3}
.gxFin,.gxKo{font-family:var(--dsp);font-style:italic;font-size:30px;font-weight:700;line-height:1}
.gxCd{font-size:12px;color:var(--dim)}
/* event banner: only shows when something is happening */
.fdCard{background:none;border:0;border-radius:0;overflow:visible}
.fdBan{background:none!important;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 2px;margin-bottom:0}
.fdBan.quiet{display:none}
.fdBan[data-c="g"]{border-color:rgba(251,184,23,.5)}.fdBan[data-c="r"]{border-color:rgba(239,68,68,.5)}.fdBan[data-c="b"]{border-color:rgba(106,168,255,.45)}
.fdBan[data-c="g"] .fdBt b{color:var(--gold)}.fdBan[data-c="r"] .fdBt b{color:var(--red)}.fdBan[data-c="b"] .fdBt b{color:#8dbcff}
.fdBt b{font-family:"Barlow Condensed","Arial Narrow",Inter,sans-serif;font-size:18px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
/* the field, full width, hairlines above and below */
.fdBody{padding:0}
.fdCard[data-sp="NFL"] .fdArt,.fdCard[data-sp="NCAAF"] .fdArt{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.fdCard[data-sp="NFL"] .fdSvg,.fdCard[data-sp="NCAAF"] .fdSvg{display:block;width:100%;height:auto;max-height:none;border-radius:0}
.fdSvg .tb0{fill:#14281d}.fdSvg .tb1{fill:#112219}
.fdSvg .fdLn path{stroke:rgba(238,242,246,.14);stroke-width:1.2;fill:none}.fdSvg .fdLn path.mi{stroke:rgba(238,242,246,.07)}.fdSvg .fdLn path.gl{stroke:rgba(238,242,246,.4);stroke-width:1.6}
.fdSvg .fdNum text{font:600 15px "Barlow Condensed","Arial Narrow",sans-serif;fill:rgba(238,242,246,.17);text-anchor:middle}
.fdSvg .ezT{font:700 11px "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.14em;fill:rgba(238,242,246,.7);text-anchor:middle}
.fdDyn .lbl rect{fill:#0b0d10;stroke:rgba(238,242,246,.35);stroke-width:1.2}
.fdDyn .lbl text{fill:#eef2f6;stroke:none;font:600 13px "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.05em}
.fdDyn .chev path{stroke:rgba(251,184,23,.85);stroke-width:3.4}
.fdDyn .band{fill:rgba(251,184,23,.13)}
.fdDyn .badge circle{fill:#0d141f;stroke:rgba(238,242,246,.8);stroke-width:1.6}
/* situation line */
.fdStrip{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:16px 2px 14px;border-bottom:1px solid var(--line)}
.fdStrip.hide{display:none}
.down{font-family:"Barlow Condensed","Arial Narrow",Inter,sans-serif;font-style:italic;font-weight:700;font-size:34px;line-height:1;color:var(--gold)}
.where{font-size:15px;color:var(--txt)}.where span{color:var(--dim)}
.fdSnap{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);align-self:center}
.fdSnap i{width:6px;height:6px;border-radius:50%;background:#4ade80;flex:none}
.fdCard[data-sp="NFL"] .fdStrip,.fdCard[data-sp="NCAAF"] .fdStrip{align-items:baseline}
.fdLast{border-top:0;border-bottom:1px solid var(--line);padding:11px 2px}
.gxLnS{background:none;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0}
.gxLn .tn{background:var(--bg)}
.gxCols{gap:0;margin-top:0}.gxCols>.gxLineW{margin-top:8px}
@media(max-width:979px){
  .fdCard[data-sp="NFL"] .fdArt,.fdCard[data-sp="NCAAF"] .fdArt{margin-inline:-20px;width:calc(100% + 40px)}
  .fdCard[data-sp="NFL"] .fdStrip,.fdCard[data-sp="NCAAF"] .fdStrip{padding-top:14px}
}
@media(max-width:520px){
  .gxScore{gap:8px}.gxMid{padding:0 10px}
  .gxSc{font-size:68px}.gxClk{font-size:36px}.gxPer,.gxPer2{font-size:16px}
  .gxHero .gxTm img,.gxHero .gxTm .monoLg{width:40px;height:40px}.gxId{gap:8px}.gxAb{font-size:19px}
  .down{font-size:30px}.fdSnap{margin-left:0;flex-basis:100%;order:3}
}
@media(max-width:380px){
  .gxSc{font-size:58px}.gxClk{font-size:30px}.gxMid{padding:0 8px}
  .gxHero .gxTm img,.gxHero .gxTm .monoLg{width:34px;height:34px}.gxAb{font-size:17px}.gxPer,.gxPer2{font-size:14px}.gxMid .lvLive{font-size:12px}
}
@media(min-width:980px){
  .gxHero{padding:16px 0 26px}.gxScore{gap:24px}.gxMid{padding:0 30px;min-width:170px}
  .gxHero .gxTm img,.gxHero .gxTm .monoLg{width:64px;height:64px}.gxId{gap:14px}.gxAb{font-size:28px}.gxRc{font-size:14px}
  .gxSc{font-size:104px}.gxClk{font-size:58px}.gxPer,.gxPer2{font-size:22px}.gxMid .lvLive{font-size:15px}
  .down{font-size:42px}.where{font-size:17px}.fdSnap{font-size:14px}
  .gxHero::before{height:340px;inset:-70px -20px auto -20px}
}

.fdCard[data-sp="NBA"] .fdBody,.fdCard[data-sp="MLB"] .fdBody,.fdCard[data-sp="NHL"] .fdBody{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 12px}
.fdCard[data-sp="NHL"] .fdStrip{border-bottom:0;padding-bottom:4px}
.fdCard[data-sp="NBA"] .fdStrip,.fdCard[data-sp="MLB"] .fdStrip{border-bottom:0}
.fdCard[data-sp="NBA"] .fdSnap,.fdCard[data-sp="MLB"] .fdSnap{margin-left:0;flex-basis:auto}
.gxPer,.gxPer2{white-space:nowrap}
/* price mismatch flag */
.msFlag{display:inline-block;vertical-align:middle;margin-left:6px;max-width:100%}
.rdPickR .msFlag{margin:4px 0 0}
.msChip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 9px;border-radius:7px;background:rgba(251,146,60,.10);border:1px solid rgba(251,146,60,.42);color:#fdba74;font:inherit;font-size:11.5px;line-height:1.35;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--fast,.15s),border-color var(--fast,.15s)}
.msChip:hover{background:rgba(251,146,60,.16);border-color:rgba(251,146,60,.6)}
.msChip svg{width:12px;height:12px;flex:none}
.msChip span{font-size:9.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;white-space:nowrap}
.msChip b{color:#fff;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
#msPop{position:fixed;z-index:9999;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(420px,calc(100vw - 32px));background:var(--panel2,#161a20);border:1px solid rgba(251,146,60,.5);border-radius:14px;padding:14px 16px 12px;box-shadow:0 18px 50px rgba(0,0,0,.6);animation:msIn .22s var(--ease,ease) both}
#msPop .msH{display:flex;align-items:center;gap:8px;color:#fdba74;margin-bottom:6px}
#msPop .msH svg{width:14px;height:14px;flex:none}
#msPop .msH b{font-size:11px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;flex:1}
#msPop .msX{background:none;border:0;color:var(--dim,#8b96a3);font-size:22px;line-height:1;padding:0 2px;cursor:pointer}
#msPop p{font-size:14px;line-height:1.5;color:var(--txt,#eef2f6)}
#msPop em{display:block;margin-top:8px;font-size:11px;font-style:normal;color:var(--dim,#8b96a3)}
@keyframes msIn{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){#msPop{animation:none}}
.rdLean{display:inline-flex;align-items:center;gap:6px;vertical-align:middle}.rdLean img{width:16px;height:16px;object-fit:contain;flex:none}
.rdCmpHd span{display:inline-flex;align-items:center;gap:7px}.rdCmpHd img{width:22px;height:22px;object-fit:contain;flex:none}
.rdLegend{margin:8px 0 0;font-size:11.5px;color:var(--dim2)}

/* ---- readability + touch floor (v105): nothing a member has to read is under 12px, and every control is easy to hit for any age ---- */
.tick .lbl{font-size:11.5px}
.ctHomeTag,.hprops .hpTag,.koD,.skSp,.memLbl,.fpEye,.fpPanel .fpEye,.mdLegend .lgBtn em,.gc .st,.ti .fin,.wsTab em,.ctTm .tag,.bdStats small,.bdBar .bdBv{font-size:12px}
.skipMark,.strip,.upd,.cd,.tpTag,.tpWhen,.tpK,.ctaS,.prGame .cl,.prGame .st,.rg{font-size:12px}
.mdNote,.prFine,.ctFine,.aboutLink{font-size:13px;line-height:1.6}
.tabBar button span{font-size:11.5px}
.ti.tiGo{min-height:38px}
.authX{width:44px;height:44px;top:6px;right:6px;display:grid;place-items:center}
.gdSkip{padding:12px 10px;min-height:44px}
.mdLegend .lgBtn{min-height:36px}
nav button{min-height:36px}
.strip .soc a{padding:6px 4px;min-height:32px}
.rgLinks a,#pg-rg a{display:inline-block;padding:6px 0}
.tpK,#scUpd,.h2 .r,.ft h5,.greet,.disc .rg,.prGame .lv,.lv,.mk,.gcPickLbl,.mmV small,.pickLine .llChip i,.ptag{font-size:12px!important}
.bsTbl th,.mdTbl th,.bsTbl td::before{font-size:11.5px!important}
.hdr{gap:20px}.hdr nav button{font-size:14px;padding:10px 11px;min-height:40px}
.ft button,.ft a{padding:8px 0;min-height:36px}
.acctBtn{min-height:38px}
#pg-rg div[style*="font-size:10px"]{font-size:12px!important}
.monoLg{font-size:max(1em,10px)}
.bcLean{display:flex!important;flex-direction:column!important;gap:3px}
@media(pointer:coarse){
  .mdLegend .lgBtn,.strip .soc a,#pg-rg a{min-height:44px;display:inline-flex;align-items:center}
  .acctBtn,.btn,.unlockBtn{min-height:44px}
  footer a,footer button{min-height:40px;min-width:44px;display:inline-flex;align-items:center}
}
@media(max-width:560px){ body{-webkit-text-size-adjust:100%} }

/* ---- live game page: simple feed (v112) ---- */
.gxHint{font-size:12.5px;color:var(--dim2);margin:2px 0 6px}
.fdCap{display:block;line-height:1.35;font-size:11.5px;color:var(--dim2);text-align:center;margin:8px 0 2px}
.gxList .gxP .rxBar.rxQ{display:none}
.gxList .gxP .rxAdd{display:none}.gxList .gxP .rxCm span{display:none}
.gxList .gxP .rxBar{margin-top:8px}
.gxList .gxP .gxPh{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 4px}
.gxList .gxP .gxWhen{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--dim);font-size:12.5px;font-variant-numeric:tabular-nums}
.gxList .gxP .gxMini{font-weight:700;color:var(--txt);font-size:13px}.gxList .gxP .gxMini b{font-weight:800}.gxList .gxP .gxMini i{font-style:normal;color:var(--dim2);margin:0 3px}
.gxList .gxP .gxPh time{margin:0;color:var(--dim)}
.gxList .gxP .gxTag{order:3;margin-left:auto;font-size:10.5px;font-weight:800;letter-spacing:.08em;padding:3px 8px;border-radius:99px;border:1px solid var(--line2);color:var(--dim)}
.gxList .gxP.t-g .gxTag{color:var(--gold);border-color:rgba(251,184,23,.45)}.gxList .gxP.t-r .gxTag{color:var(--red);border-color:rgba(239,68,68,.45)}.gxList .gxP.t-b .gxTag{color:#6aa8ff;border-color:rgba(106,168,255,.45)}
.gxList .gxP.big .gxTag{font-size:10.5px}
.gxList .gxP .gxTt{font-size:17px;font-weight:700;line-height:1.3;color:var(--txt);margin:0}
.gxList .gxP .gxNt{display:block;color:var(--dim);font-size:13px;margin-top:3px}
@media(max-width:979px){ .gxList .gxP .gxTt{font-size:16.5px} }

@media(max-width:979px){
  .gxRoom:not(.full){flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .gxRoom:not(.full) .chMsgs,.gxRoom:not(.full) .chForm,.gxRoom:not(.full) .chRules,.gxRoom:not(.full) .chNew{display:none}
  .gxRoom:not(.full) .chHead{padding:0;flex:1;min-width:0}
  .gxRoom:not(.full) .rmOpen{width:auto;min-height:38px;padding:0 16px;margin:0;border-color:var(--gold);flex:none}
}

/* ---- landing hero for visitors who are not signed in (X ad traffic): one headline, one button, one real game ---- */
html.lpHide .lp,html.lpHide .lpHow{display:none}
html:not(.lpHide) #pg-home .hero>h1,html:not(.lpHide) #pg-home .hero>p,html:not(.lpHide) #pg-home .hero .greet{display:none}
html:not(.lpHide) #pg-home .hero{padding-top:6px}
.lp{display:grid;gap:14px;padding:14px 0 4px;grid-template-areas:"tx" "side" "list"}.lpTx{grid-area:tx}.lpSide{grid-area:side}.lpList{grid-area:list}
.lp h1{font-size:25px;line-height:1.15;letter-spacing:-.6px;font-weight:800;margin:0}
.lp h1 em{font-style:normal;color:var(--gold)}
.lpSub{color:var(--dim);font-size:14.5px;line-height:1.45;margin:8px 0 0}
.lpCtaRow{display:flex;align-items:center;gap:16px;margin-top:14px}
.lpBtn{background:linear-gradient(135deg,#ffd04a,var(--gold) 60%,var(--gold-dk));color:#08090b;border:0;border-radius:12px;min-height:52px;padding:0 34px;font-family:inherit;font-weight:800;font-size:17px;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 22px rgba(251,184,23,.28)}
.lpBtn:hover{filter:brightness(1.07)}.lpBtn:active{transform:translateY(1px)}
.lpLog{background:none;border:0;color:var(--dim);text-decoration:underline;font-family:inherit;font-size:14px;min-height:44px;padding:0 4px;cursor:pointer}
.lpLog:hover{color:var(--txt)}
.lpFine{font-size:12.5px;color:var(--dim);margin:8px 0 0}.lpFine b{color:var(--txt);font-weight:600}
.lpRg{font-size:12px;color:var(--dim2);margin:4px 0 0}.lpRg a{color:var(--dim);text-decoration:underline}
.lpList{list-style:none;margin:2px 0 0;padding:0;display:grid;gap:7px}
.lpList li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.35;color:var(--dim)}
.lpList li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--gold);font-weight:800}
.lpList b{color:var(--txt);font-weight:600}
.lpSide .topPlay{margin:0;max-width:none}.lpSide .topPlay .tpGo{display:none}
.lpProof{font-size:12px;line-height:1.4;color:var(--dim);margin:8px 2px 0;text-align:center}
.lpSide.noCard #lpCard{display:none}
.lpHow{margin:26px 0 6px;padding:18px 18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.lpHow .h2{margin-top:0}
.lpSteps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.lpSteps li{font-size:14px;line-height:1.45;color:var(--dim)}.lpSteps b{color:var(--txt)}
.lpTiers{display:grid;gap:12px;margin-top:18px}
.lpTier{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.02)}
.lpTier.mem{border-color:rgba(251,184,23,.35)}
.lpTier h3{font-size:15px;margin:0;color:var(--txt)}.lpTier.mem h3{color:var(--gold)}
.lpTp{font-size:12.5px;color:var(--dim);margin:2px 0 8px}
.lpTier ul{list-style:none;margin:0;padding:0;display:grid;gap:5px}.lpTier li{font-size:13px;color:var(--dim);padding-left:16px;position:relative}.lpTier li::before{content:"\2022";position:absolute;left:3px;color:var(--dim2)}
@media(min-width:700px){.lpTiers{grid-template-columns:1fr 1fr}}
.lpPrice{font-size:12.5px;color:var(--dim);margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
@media(min-width:861px){
  .lp{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);grid-template-areas:"tx side" "list side";grid-template-rows:auto 1fr;column-gap:52px;row-gap:16px;align-items:start;padding:34px 0 8px}
  .lpSide{align-self:center;grid-row:1/3}
  .lpList{align-self:start}
  .lp h1{font-size:40px;letter-spacing:-1.1px;line-height:1.1}
  .lpSub{font-size:17px;max-width:540px;margin-top:12px}
  .lpBtn{min-height:56px;font-size:18px;padding:0 40px}
  .lpList li{font-size:14.5px}
  .lpHow{padding:22px 26px 24px}
  .lpSteps{grid-template-columns:repeat(3,1fr);gap:22px}
}
@media(max-width:700px){.lpBtn{flex:1 1 auto;max-width:230px}}
/* loading skeletons: the page is never an empty board while data arrives */
@keyframes skSh{0%{background-position:120% 0}100%{background-position:-120% 0}}
.skChip,.skRow i,.skLine{background:linear-gradient(100deg,var(--line) 30%,var(--line2) 50%,var(--line) 70%);background-size:220% 100%;animation:skSh 1.3s linear infinite}
.skChip{display:inline-block;width:112px;height:24px;border-radius:7px;margin:0 14px 0 0;vertical-align:middle}
.skRow{display:flex;gap:12px;overflow:hidden;padding:4px 2px}.skRow i{flex:0 0 190px;height:92px;border-radius:12px}
.skLine{height:11px;border-radius:6px;margin:9px 0}.skLine.w40{width:40%}.skLine.w70{width:70%}.skLine.w90{width:90%}
@media(prefers-reduced-motion:reduce){.skChip,.skRow i,.skLine{animation:none}}
.aboutToggle{width:auto;min-width:46px;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.3px}

/* S24 simulation readout */
.smKick .fmark{width:26px;height:26px;border-radius:7px;background:#0b0d10;border:1px solid var(--gold-dk);display:grid;place-items:center;font-size:9.5px;letter-spacing:0;color:var(--gold)}
.pxSim{margin:14px 0}
.pxSim .smRow{grid-template-columns:112px 110px 1fr}.pxSim .smRow small{white-space:nowrap}.pxSim .smRow span{text-align:left}
@media(max-width:700px){.pxSim .smRow{grid-template-columns:104px 1fr;row-gap:1px}.pxSim .smRow span{grid-column:2}}

.smSlot{margin-top:10px}.smSlot:empty{display:none}
.smBox{max-width:300px;padding:9px 11px 8px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,var(--panel2),var(--panel))}
.smHd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}
.smHd b{font-size:9.5px;letter-spacing:.14em;font-weight:800;color:var(--gold)}.smHd span{font-size:10.5px;color:var(--dim)}
.smBar{display:flex;gap:2px;height:7px}.smBar i{display:block;height:100%;background:var(--line2);border-radius:99px;min-width:3px}.smBar i.fav{background:linear-gradient(90deg,var(--gold-dk),var(--gold))}
.smBar.big{height:10px;margin:8px 0 7px}
.smLb{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}
.smLb b{color:var(--txt);font-weight:700;letter-spacing:.02em}.smLb em{font-style:normal;color:var(--txt);font-weight:600;font-size:12px}
.smPanel{margin-top:20px;padding:18px 18px 16px;border:1px solid var(--line2);border-radius:14px;background:linear-gradient(180deg,var(--panel2),var(--panel))}
.smPh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.smKick{display:flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.16em;font-weight:800;color:var(--gold);margin-bottom:4px}
.smPh h4{font-size:17px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.smN{flex:none;font-size:11px;color:var(--dim);border:1px solid var(--line2);border-radius:99px;padding:3px 10px;white-space:nowrap}
.smNote{margin:-4px 0 14px;padding:9px 12px;border-left:2px solid var(--gold-dk);background:var(--panel);border-radius:0 8px 8px 0;font-size:12.5px;line-height:1.5;color:var(--dim)}.smNote b{color:var(--txt);font-weight:600}
.smSub{margin:8px 0 14px;font-size:13px;line-height:1.55;color:var(--dim)}
.smTiles{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
.smTile{padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.smTile small{display:block;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--dim);font-weight:600}
.smTile>b{display:block;font-size:21px;line-height:1.2;margin-top:5px;font-variant-numeric:tabular-nums}.smTile>span{font-size:11.5px;color:var(--dim)}
.smChart{margin-top:14px;padding:12px 13px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.smCh{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px;font-size:13px}.smCh span{color:var(--dim);font-size:11.5px}
.smChart svg{width:100%;height:118px;display:block;overflow:visible}.smChart svg line{vector-effect:non-scaling-stroke}
.smAx{position:relative;height:16px;margin-top:-17px;font-size:11px;font-variant-numeric:tabular-nums;color:var(--dim)}.smAx span{position:absolute;top:0;white-space:nowrap;transform:translateX(-50%)}.smAx span.r{transform:translateX(-100%);padding-right:5px}.smAx span.l{transform:none;padding-left:5px}.smAx .med{color:var(--txt)}.smAx .mkt{color:#7fb0ff}
.smChart rect.a{fill:#4a5768}.smChart rect.h{fill:var(--gold);opacity:.9}
.smChart .smZero{stroke:var(--line2);stroke-width:1}.smChart .smMed{stroke:var(--txt);stroke-width:1.6}.smChart .smLine{stroke:var(--blu);stroke-width:1.6;stroke-dasharray:4 3}
.smChart .smTx{fill:var(--dim);font-size:10.5px;font-family:inherit}
.smLegend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:11.5px;color:var(--dim)}
.smLegend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px;vertical-align:-1px}.smLegend i.a{background:#4a5768}.smLegend i.h{background:var(--gold)}.smLegend i.ln{width:14px;height:0;border-top:2px dashed var(--blu);border-radius:0;vertical-align:3px}
.smRows{margin-top:12px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.smRow{display:grid;grid-template-columns:64px 1fr auto auto;gap:12px;align-items:baseline;padding:10px 13px;background:var(--panel);font-size:13px;font-variant-numeric:tabular-nums}.smRow+.smRow{border-top:1px solid var(--line)}
.smRow small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600}.smRow b{font-weight:700}.smRow span{color:var(--dim)}.smRow span.pos{color:var(--txt);font-weight:700}
.smProof{margin-top:12px;font-size:12px;line-height:1.55;color:var(--dim)}.smProof b{color:var(--txt);font-weight:600}
@media(max-width:700px){.smBox{max-width:none}.smPanel{padding:15px 14px 14px;margin-top:16px}.smPh h4{font-size:16px}.smTiles{grid-template-columns:1fr 1fr}.smTile.wide{grid-column:1/-1}.smRow{grid-template-columns:56px 1fr auto;row-gap:2px}.smRow span:last-child{grid-column:2/4}}

/* v137: spread slider in the simulation panel */
.smTry{margin-top:14px;padding:14px 14px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.smTryHd{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.smTryHd b{display:block;font-size:14px}.smTryHd span{display:block;font-size:12px;color:var(--dim);margin-top:2px;line-height:1.45}
.smSnaps{display:flex;gap:6px;flex-wrap:wrap}
.smSnap{border:1px solid var(--line2);background:transparent;color:var(--dim);border-radius:999px;padding:0 13px;font:600 12px/1 inherit;cursor:pointer;min-height:34px}
.smSnap.on{color:var(--gold);border-color:var(--gold)}
.smTryRead{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.smTryRead .tm{border:1px solid var(--line);border-radius:10px;padding:8px 12px;text-align:center}
.smTryRead small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600}
.smTryRead b{font-size:22px;font-variant-numeric:tabular-nums}
.smRange{-webkit-appearance:none;appearance:none;background:transparent;width:100%;height:36px;margin:8px 0 0;cursor:pointer;touch-action:pan-y}
.smRange::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:var(--line2)}
.smRange::-moz-range-track{height:6px;border-radius:3px;background:var(--line2)}
.smRange::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--gold);border:3px solid var(--panel);margin-top:-11px;box-shadow:0 0 0 1px var(--gold)}
.smRange::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--gold);border:3px solid var(--panel)}
.smRange:focus-visible{outline:2px solid var(--blu);outline-offset:2px}
.smRangeAx{display:flex;justify-content:space-between;font-size:11px;color:var(--dim)}
.smTryBars{margin-top:8px}
.smTryRow{display:grid;grid-template-columns:96px 1fr 46px;gap:10px;align-items:center;padding:5px 0;font-size:13px;font-variant-numeric:tabular-nums}
.smTryRow .n{font-weight:600;white-space:nowrap}
.smTryBar{height:10px;border-radius:5px;background:var(--line);overflow:hidden}.smTryBar i{display:block;height:100%;border-radius:5px;transition:width .08s linear}
.smTryRow.a i{background:#4a5768}.smTryRow.h i{background:var(--gold)}
.smTryRow b{text-align:right;font-weight:700}
.smPush{font-size:12px;color:var(--dim);margin:4px 0 0}
.smTryNote{font-size:11.5px;color:var(--dim);margin:8px 0 0;line-height:1.5}
@media(max-width:700px){.smTryRow{grid-template-columns:86px 1fr 42px}.smTryRead b{font-size:20px}.smSnaps{width:100%}.smSnap{flex:1}}

.smTryRead.one{grid-template-columns:1fr}
.bsTbl tr.gFinal .smSlot{display:none}

/* ================= v163: Live Game Center redesign ================= */
body:has(#pg-live:not(.hide) #gxView:not(.hide)) #pg-live{max-width:1480px}
#gxView .gxPanel[hidden],#gxView .gxKey[hidden],#gxView #gxNewP[hidden],#gxView .gxMoreM[hidden]{display:none!important}
/* top row */
#gxView .gxTop{padding:10px 0 8px;gap:8px}
#gxView .gxTop .gxBtns{display:flex;gap:8px;align-items:center}
.gxAlert svg{flex:none}.gxAlert.off{color:var(--dim)}.gxAlert.off svg{opacity:.6}
/* scoreboard: compact, one card */
#gxView .gxHero{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:10px 14px 12px;margin:0;isolation:auto}
#gxView .gxHero::before{display:none}
.gxMeta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;line-height:1.3;color:var(--dim);padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.gxLg{font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--txt);font-size:11.5px}
.gxSt{display:inline-flex;align-items:center;min-height:20px;padding:0 8px;border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--panel3);color:var(--dim)}
.gxSt.r{background:rgba(239,68,68,.16);color:var(--red)}
.gxMeta .lvLive{font-size:11px}
.gxMt{min-width:0;color:var(--dim)}.gxMt i{font-style:normal;opacity:.45;margin:0 2px}
#gxView .gxScore{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px}
#gxView .gxSide{display:flex;flex-direction:column;gap:6px;min-width:0}
#gxView .gxSide.away{align-items:flex-start;text-align:left}#gxView .gxSide.home{align-items:flex-end;text-align:right}
#gxView .gxHero .gxTm img,#gxView .gxHero .gxTm .monoLg{width:34px;height:34px}
#gxView .gxAb{font-size:20px}
#gxView .gxFull{display:none;font-size:13px;color:var(--dim);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
#gxView .gxSc{font-size:46px;line-height:.9;padding-top:2px}
#gxView .gxMid{padding:0 8px;min-width:92px;gap:4px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}
#gxView .gxClk{font-size:28px}#gxView .gxPer,#gxView .gxPer2{font-size:14px}
#gxView .gxFin,#gxView .gxKo{font-size:24px}
.gxSit{font-size:11.5px;line-height:1.3;color:var(--dim);max-width:150px}
/* section tabs + compact sticky scoreboard */
.gxNav{position:sticky;top:var(--stickH,104px);z-index:35;margin:10px -20px 0;padding:0 20px;background:rgba(11,13,18,.97);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.gxMini{display:none;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:4px 0;border-bottom:1px solid var(--line);font-size:13px}
.gxNav.stk .gxMini{display:flex}
.gmT{display:flex;align-items:center;gap:7px;min-width:0;font-weight:800}.gmT.r{justify-content:flex-end}
.gmT img,.gmT .monoLg{width:22px;height:22px;object-fit:contain;flex:none}.gmT .monoLg{font-size:8px}
.gmT em{font-style:normal;font-size:19px;font-variant-numeric:tabular-nums}
.gmM{flex:none;color:var(--dim);font-size:12px;font-weight:700;text-align:center}
.gxTabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gxTabs::-webkit-scrollbar{display:none}
.gxTabs [role="tab"],.gxMoreB{flex:1 0 auto;min-height:46px;padding:0 14px;background:none;border:0;border-bottom:3px solid transparent;color:var(--dim);font:inherit;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:color .15s,border-color .15s}
.gxTabs [role="tab"]:hover,.gxMoreB:hover{color:var(--txt)}
.gxTabs [role="tab"].on,.gxMoreB.on{color:var(--gold);border-bottom-color:var(--gold)}
.gxTabs [role="tab"]:focus-visible,.gxMoreB:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;border-radius:6px}
.gxTabs .ts{display:none}
.gxMoreW{position:relative;display:none;flex:none}
.gxMoreM{position:absolute;right:0;top:100%;min-width:160px;background:var(--panel2);border:1px solid var(--line2);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.5);z-index:5}
.gxMoreM button{display:block;width:100%;min-height:44px;text-align:left;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--txt);font:inherit;font-weight:700;font-size:14px;cursor:pointer}.gxMoreM button:hover{background:var(--panel3)}
/* layout: main column + community */
#gxView .gxCols{display:block;margin-top:14px}
.gxMain{min-width:0}
.gxPanel{display:flex;flex-direction:column;gap:14px;min-width:0}
#gxView .fdCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
#gxView .fdBody{padding:12px 14px 6px}
#gxView .fdBan{padding:10px 14px;border-top:0}
#gxView .fdCard[data-sp="NFL"] .fdArt,#gxView .fdCard[data-sp="NCAAF"] .fdArt{border:0;margin:0;width:100%}
#gxView .fdCard[data-sp="NBA"] .fdBody,#gxView .fdCard[data-sp="MLB"] .fdBody,#gxView .fdCard[data-sp="NHL"] .fdBody{border:0;padding:12px 14px 8px}
#gxView .fdStrip{padding:12px 14px 12px;border-bottom:0}
#gxView .fdLast{border:0;border-top:1px solid var(--line);padding:11px 14px}
#gxView .gxLineW{margin:0}
#gxView .gxLnS{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:auto}
#gxView[data-st="pre"] .fdCard,#gxView[data-st="pre"] #gxLine{display:none}
#gxView[data-st="post"][data-sp="NFL"] .fdCard,#gxView[data-st="post"][data-sp="NCAAF"] .fdCard,#gxView[data-st="post"][data-sp="MLB"] .fdCard{display:none}
.gxKey,#gxView .gxPlays{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.gxKey .gxH2,#gxView .gxPlays .gxH2{margin-top:0}
.gxKey .gxList{margin:0}
.gxKeyMore{display:block;width:100%;margin-top:8px;min-height:44px;border:1px solid var(--line2);border-radius:10px;background:none;color:var(--gold);font:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
#gxView .gxList{overflow-anchor:none}
.gxNewP{position:sticky;top:calc(var(--stickH,104px) + 56px);z-index:20;display:block;margin:0 auto 10px;min-height:38px;padding:0 16px;border:0;border-radius:99px;background:var(--gold);color:#111;font:inherit;font-weight:800;font-size:13px;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.45)}
.gxHit{animation:gxHit 1.6s ease-out}
@keyframes gxHit{0%,40%{background:rgba(251,184,23,.22)}100%{background:transparent}}
/* shot-chart controls */
.fdFilt{display:flex;flex-wrap:wrap;gap:6px 8px;margin:8px 0 2px;align-items:center}
.fdFilt button{min-height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--line2);background:var(--bg);color:var(--dim);font:inherit;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.fdFilt button.on{background:var(--gold);color:#111;border-color:var(--gold)}
.fdFilt i{width:9px;height:9px;border-radius:50%;display:inline-block}.fdFilt i.a{background:#6ea8ff}.fdFilt i.h{background:#f3f3f3}
.fdFilt .sep{width:1px;height:20px;background:var(--line2);margin:0 2px}
.fdCap{font-size:12px;color:var(--dim);margin:6px 0 4px;text-align:left}
/* pregame */
.gpCard{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}
.gpHead{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 28px}
.gpHead small,.gpRecap small,.gpLd small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim2)}
.gpHead b{font-size:26px;line-height:1.1}.gpCd{color:var(--gold)}
.gpOpen{margin-left:auto;font-size:12.5px;font-weight:700;color:var(--grn);display:flex;align-items:center;gap:7px}.gpOpen::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grn)}
.gpMu{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.gpMu i{font-style:normal;color:var(--dim);font-weight:800}
.gpT{display:flex;align-items:center;gap:10px;min-width:0;font-size:16px}.gpT.r{justify-content:flex-end;text-align:right}.gpT b{min-width:0;overflow-wrap:anywhere}
.gpT img,.gpT .monoLg{width:36px;height:36px;object-fit:contain;flex:none}
.gpTbl{border-top:1px solid var(--line)}.gpRow{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.gpRow em{font-style:normal;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);min-width:92px;text-align:center}.gpRow span:last-child{text-align:right}
.gpNote{font-size:12.5px;color:var(--dim);margin:0}
.gpLds{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gpLd h3{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 6px}.gpLd h3 img,.gpLd h3 .monoLg{width:20px;height:20px;object-fit:contain}
.gpLd ul{list-style:none;margin:0;padding:0}.gpLd li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 0;border-top:1px solid var(--line);font-size:13.5px}.gpLd li small{grid-column:1/-1;text-transform:uppercase}.gpLd li span{color:var(--dim)}
.gpModel{min-height:48px;border-radius:12px;border:1px solid var(--gold);background:rgba(251,184,23,.08);color:var(--gold);font:inherit;font-weight:800;font-size:14.5px;cursor:pointer;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.gpRecap b{display:block;font-size:18px;line-height:1.3;margin:2px 0 4px}.gpRecap p{margin:0;color:var(--dim);font-size:14px;line-height:1.5}
/* team stats + box score */
.gxStats,.gxBox{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.gsHd{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line);font-size:14px}
.gsHd span{display:flex;align-items:center;gap:8px;font-weight:800}.gsHd img,.gsHd .monoLg{width:24px;height:24px;object-fit:contain}
.gsList{list-style:none;margin:0;padding:0}
.gsList li{display:grid;grid-template-columns:74px minmax(0,1fr) 74px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.gsList li>b{font-size:16px;font-variant-numeric:tabular-nums;color:var(--txt)}.gsList li>b:last-child{text-align:right}.gsList li>b.lead{color:var(--gold)}
.gsMid em{display:block;text-align:center;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.gsMid i{display:block;height:5px;border-radius:3px;background:#d9dee5;overflow:hidden;margin-top:6px}.gsMid u{display:block;height:100%;background:#6ea8ff}
.gsNote{font-size:11.5px;color:var(--dim2);margin:10px 0 0}
.bxTeam+.bxTeam{margin-top:18px}.bxTeam h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0 0 8px}.bxTeam h3 img,.bxTeam h3 .monoLg{width:24px;height:24px;object-fit:contain}
.bxW{overflow-x:auto;margin-bottom:12px;border:1px solid var(--line);border-radius:12px;-webkit-overflow-scrolling:touch}
.bxTbl{border-collapse:collapse;width:100%;font-size:13px;font-variant-numeric:tabular-nums}
.bxTbl th,.bxTbl td{padding:8px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line)}
.bxTbl thead th{font-size:11px;letter-spacing:.06em;color:var(--dim);background:var(--panel2);font-weight:800}
.bxTbl .bxN{position:sticky;left:0;text-align:left;background:var(--panel);min-width:130px;max-width:170px;overflow:hidden;text-overflow:ellipsis;z-index:1;font-weight:700}
.bxTbl thead .bxN{background:var(--panel2)}.bxTbl .bxN small{color:var(--dim2);margin-left:6px;font-weight:600}
.bxTbl .bxT td,.bxTbl .bxT th{font-weight:800;background:var(--panel2)}
/* community panel */
#gxView .gxRoom{background:var(--panel);border:1px solid var(--line);border-radius:16px}
.gxRoom .chHead{padding:12px 14px 6px;display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.gxRoom .chHead b{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.gxRoom .rmTabs{display:flex;gap:2px;margin:0 14px 6px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:99px}
.gxRoom .rmTabs button{flex:1;min-height:34px;border:0;border-radius:99px;background:none;color:var(--dim);font:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.gxRoom .rmTabs button.on{background:var(--gold);color:#111}
.gxRoom .rmTabs button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.gxRoom .chConn{font-size:11.5px;color:var(--dim);margin:0 14px 4px;display:none}.gxRoom .chConn.on{display:block;color:var(--gold)}
.gxRoom[data-f="threads"] .chForm,.gxRoom[data-f="threads"] .chRules{display:none}
.gxRoom .rmHint{font-size:12px;color:var(--dim);margin:0 14px 6px}
/* alerts */
.gxToast{position:fixed;z-index:9400;right:18px;top:calc(var(--stickH,104px) + 12px);width:min(380px,calc(100vw - 24px));display:flex;align-items:stretch;gap:0;background:var(--panel2);border:1px solid var(--line2);border-left:3px solid var(--gold);border-radius:12px;box-shadow:0 12px 34px rgba(0,0,0,.55);animation:gtIn .28s cubic-bezier(.2,.7,.2,1) both}
.gxToast.t-r{border-left-color:var(--red)}.gxToast.t-b{border-left-color:#6aa8ff}
.gxToast button{font:inherit;color:var(--txt);background:none;border:0;cursor:pointer}
.gtMain{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 6px 10px 12px;min-height:56px}
.gtMain img,.gtMain .monoLg{width:30px;height:30px;object-fit:contain;flex:none}
.gtMain b{display:block;font-size:13.5px;letter-spacing:.03em;text-transform:uppercase;color:var(--gold);line-height:1.25}.gxToast.t-r .gtMain b{color:var(--red)}.gxToast.t-b .gtMain b{color:#8dbcff}
.gtMain small{display:block;font-size:12px;color:var(--dim);margin-top:2px}
.gtDis{padding:0 12px;font-weight:800;font-size:12.5px;color:var(--gold)!important;border-left:1px solid var(--line)!important}
.gtX{width:40px;font-size:22px;color:var(--dim)!important;border-left:1px solid var(--line)!important}
@keyframes gtIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gxToast,.gxHit{animation:none}}
/* ---------- desktop ---------- */
@media(min-width:980px){
  #gxView .gxHero{padding:12px 28px 18px}
  .gxMeta{font-size:13px;padding-bottom:10px;margin-bottom:14px}.gxLg{font-size:12px}
  #gxView .gxScore{grid-template-columns:auto auto auto;justify-content:center;gap:0 30px}
  #gxView .gxSide{flex-direction:row;align-items:center;gap:20px}
  #gxView .gxSide.away{justify-content:flex-start}#gxView .gxSide.home{flex-direction:row-reverse;justify-content:flex-start}
  #gxView .gxHero .gxTm img,#gxView .gxHero .gxTm .monoLg{width:56px;height:56px}
  #gxView .gxAb{font-size:30px}#gxView .gxFull{display:block}
  #gxView .gxSc{font-size:68px}
  #gxView .gxMid{padding:0 30px;min-width:170px;gap:6px}#gxView .gxClk{font-size:38px}#gxView .gxPer,#gxView .gxPer2{font-size:17px}
  #gxView .gxFin,#gxView .gxKo{font-size:30px}.gxSit{font-size:13px;max-width:220px}
  .gxNav{margin:12px 0 0;padding:0;border-radius:12px 12px 0 0}
  .gxTabs [role="tab"]{flex:0 0 auto;padding:0 22px;font-size:13.5px}
  .gxTbCm{display:none!important}
  #gxView .gxCols{display:grid;grid-template-columns:minmax(0,68fr) minmax(340px,32fr);gap:18px;align-items:start;margin-top:16px}
  #gxView .gxCols>.gxRoom{grid-column:2;grid-row:1;position:sticky;top:calc(var(--stickH,104px) + 62px);height:calc(100dvh - var(--stickH,104px) - 84px);min-height:460px;max-height:780px;padding:0;border:1px solid var(--line);border-radius:16px}
  .gxPlays .gxList{max-width:none}
}
/* ---------- phones and tablets ---------- */
@media(max-width:979px){
  #gxView .gxRoom:not(.full){display:none}
  .gxRoom.full .rmTabs{margin:0 0 6px}.gxRoom.full .chHead{padding:0 0 6px}
  #gxView .gxCols>.gxRoom{display:none}
  #gxView .gxCols>.gxRoom.full{display:flex}
  .gpLds{grid-template-columns:1fr}
}
@media(max-width:560px){
  .gxTabs .tl{display:none}.gxTabs .ts{display:inline}
  .gxTabs [role="tab"]{padding:0 6px;font-size:12.5px;letter-spacing:.03em}
  .gxTabs .gxTbBox{display:none}.gxMoreW{display:block}.gxMoreB{padding:0 10px;min-width:48px}
  #gxView .gxTop .gxShare span.t{display:none}
  .gsList li{grid-template-columns:58px minmax(0,1fr) 58px;gap:8px}
  .gpHead b{font-size:22px}.gpOpen{margin-left:0;flex-basis:100%}
  .gpMu{grid-template-columns:1fr}.gpMu i{display:none}.gpT.r{justify-content:flex-start;text-align:left;flex-direction:row-reverse}
  .gxKey,#gxView .gxPlays,.gxStats,.gxBox,.gpCard{padding:12px}
  .gxToast{left:12px;right:12px;width:auto;top:auto;bottom:calc(var(--lvTab,68px) + 12px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:380px){ .gxTabs [role="tab"]{padding:0 4px;font-size:12px}#gxView .gxSc{font-size:40px}#gxView .gxClk{font-size:24px}.gxSit{max-width:110px} }


.fdRs{width:100%}.fdRs small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dim2)}
.fdRs ul{list-style:none;margin:6px 0 0;padding:0}
.fdRs li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.fdRs li img,.fdRs li .monoLg{width:20px;height:20px;object-fit:contain}.fdRs li .monoLg{font-size:7px}
.fdRs time{font-size:11.5px;color:var(--dim);white-space:nowrap}
#gxView .fdCard[data-sp="NBA"] .fdStrip{width:100%;align-self:stretch;justify-content:flex-start}
@media(min-width:700px){ #gxView .fdCard[data-sp="NBA"] .fdArt,#gxView .fdCard[data-sp="MLB"] .fdArt{max-width:440px} }
@media(max-width:699px){
  #gxView .fdCard[data-sp="NBA"] .fdBody,#gxView .fdCard[data-sp="MLB"] .fdBody{grid-template-columns:minmax(0,1fr)}
  #gxView .fdCard[data-sp="NBA"] .fdArt,#gxView .fdCard[data-sp="MLB"] .fdArt{max-width:330px;margin-inline:auto}
}

.gxAlert span{white-space:nowrap}
@media(max-width:560px){
  #gxView .gxMid{max-width:124px;min-width:84px}.gxSit{max-width:116px;overflow-wrap:anywhere}
}
@media(max-width:380px){
  #gxView .gxMid{max-width:104px;min-width:76px;padding:0 5px}.gxSit{max-width:96px}
  #gxView .gxHero .gxTm img,#gxView .gxHero .gxTm .monoLg{width:28px;height:28px}
  #gxView .gxAb{font-size:17px}#gxView .gxSc{font-size:38px}#gxView .gxClk{font-size:22px}
  .gxAlert span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  #gxView .gxTop .gxShare{padding:0 12px}
  .gxTabs{gap:0}.gxTabs [role="tab"]{padding:0 3px;font-size:12px;letter-spacing:0}.gxMoreB{padding:0 6px;min-width:0}
}

@media(max-width:560px){
  #gxView .gxHero .gxTm img,#gxView .gxHero .gxTm .monoLg{width:30px;height:30px}
  #gxView .gxMid{max-width:112px}.gxSit{max-width:104px}#gxView .gxId{gap:7px}
}
@media(max-width:380px){
  #gxView .gxHero{padding-left:9px;padding-right:9px}
  #gxView .gxHero .gxTm img,#gxView .gxHero .gxTm .monoLg{width:26px;height:26px}
  #gxView .gxId{gap:4px}#gxView .gxAb{font-size:16px;gap:3px}
  #gxView .gxMid{min-width:70px;max-width:96px;padding:0 4px}.gxSit{max-width:88px;font-size:11px}
  #gxView .gxBall{width:6px;height:6px}
}

/* ===== v167: Quick View / Advanced Research ===== */
#pg-props .prMode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 14px;border-radius:14px;background:#151A23;border:1px solid #2B3442;max-width:560px}
#pg-props .prMode button{min-height:48px;padding:6px 8px;border:0;border-radius:10px;background:transparent;color:#94A3B8;font:inherit;font-size:13px;font-weight:800;letter-spacing:.5px;line-height:1.2;text-align:center;white-space:normal;cursor:pointer;transition:background .15s,color .15s}
#pg-props .prMode button.on{background:#FBB817;color:#10141C}
#pg-props .prMode button:focus-visible{outline:2px solid #FBB817;outline-offset:2px}
@media(max-width:380px){#pg-props .prMode button{font-size:12.5px;letter-spacing:.2px}}
/* quick toolbar: search, filter, sort (phones) */
@media(max-width:820px){
  .pcTb.q .pcSels{grid-template-columns:1fr}.pcTb.q .pcSels>.pcSel:nth-child(1){display:none}
  .pcTb.q .pcSel small{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
/* quick card */
#pg-props .pjC.qk{padding:16px}
#pg-props .pjC.qk .prAv,#pg-props .pjC.qk .prAv img.hs{width:44px;height:44px}#pg-props .pjC.qk .prAv img.tl{width:18px;height:18px}
.qkTop{display:flex;align-items:center;gap:12px}
.qkW{flex:1;min-width:0}.qkW b{display:block;font-size:17px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.qkW small{display:block;margin-top:3px;font-size:13px;color:#94A3B8;line-height:1.35}
.qkCt{flex:none;align-self:flex-start;padding:3px 10px;border-radius:99px;background:#1B222D;border:1px solid #2B3442;font-size:13px;font-weight:700;color:#94A3B8}
.qkMu{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:#94A3B8}
.qkMu b{padding:2px 10px;border-radius:99px;border:1px solid #475569;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#94A3B8}
.qkMu.fav b{color:#4ade80;border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.1)}.qkMu.bad b{color:#f87171;border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.1)}

.qkDf{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:10px;padding:8px 10px;border-radius:10px;background:rgba(100,116,139,.1);border:1px solid rgba(100,116,139,.35)}
.qkDb{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;background:rgba(100,116,139,.2);color:#cbd5e1;border:1px solid rgba(100,116,139,.5)}.qkDb i{font-style:normal;font-size:9px}
.qkDt{min-width:0;font-size:12.5px;line-height:1.35;color:#94A3B8;overflow-wrap:anywhere}.qkDt b{color:#F8FAFC;font-weight:800}.qkDt small{display:block;margin-top:1px;font-size:11.5px;color:#7c8798}
.qkMtr{display:inline-flex;align-items:flex-end;gap:2px;height:16px}.qkMtr u{width:4px;border-radius:2px;background:rgba(100,116,139,.35)}.qkMtr u:nth-child(1){height:6px}.qkMtr u:nth-child(2){height:8px}.qkMtr u:nth-child(3){height:10px}.qkMtr u:nth-child(4){height:13px}.qkMtr u:nth-child(5){height:16px}
.qkDf.dS{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.4)}.qkDf.dS .qkDb{background:rgba(34,197,94,.14);color:#4ade80;border-color:rgba(34,197,94,.5)}.qkDf.dS .qkMtr u.on{background:#4ade80}
.qkDf.dT{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.4)}.qkDf.dT .qkDb{background:rgba(239,68,68,.14);color:#f87171;border-color:rgba(239,68,68,.5)}.qkDf.dT .qkMtr u.on{background:#f87171}
.qkDf.dE .qkMtr u.on{background:#94A3B8}.qkDf.dN{grid-template-columns:auto minmax(0,1fr);opacity:.85}
@media(max-width:480px){.qkDf{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.qkDt{grid-column:1/-1;grid-row:2}.qkDb{justify-self:start}.qkMtr{justify-self:end;grid-row:1;grid-column:2}.qkDf.dN{grid-template-columns:minmax(0,1fr)}}
.qkRows{display:grid;gap:10px;margin-top:12px}
.qkR{padding:12px;border-radius:12px;background:#1B222D;border:1px solid #2B3442}
.qkH{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.qkN{font-size:15px;font-weight:800;min-width:0;overflow-wrap:anywhere}.qkH em{flex:none;font-style:normal;font-size:15px;font-weight:800;color:#FBB817;font-variant-numeric:tabular-nums}
.qkM{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.qkM.lk{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.qkC{display:block;min-width:0}.qkC i{display:block;font-style:normal;font-size:12px;font-weight:600;color:#94A3B8;line-height:1.25}
.qkC b{display:block;margin-top:2px;font-size:18px;font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums;color:#F8FAFC}
.qkC.c5 b,.qkC.c4 b{color:#4ade80}.qkC.c2 b,.qkC.c1 b{color:#f87171}.qkC.c0 b{color:#94A3B8;font-size:15px}
.qkLk,.qkLk2{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border-radius:10px;border:1px solid rgba(251,184,23,.45);background:rgba(251,184,23,.08);color:#FBB817;font:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer}
.qkLk small,.qkLk2 small{display:block;font-size:12px;font-weight:600;color:#94A3B8}.qkLk2 b{display:block;font-size:15px}
.qkGo{display:block;width:100%;min-height:46px;margin-top:10px;border:1px solid #FBB817;border-radius:10px;background:transparent;color:#FBB817;font:inherit;font-size:13.5px;font-weight:800;letter-spacing:.6px;cursor:pointer}
.qkGo:active{background:rgba(251,184,23,.12)}
.qkX{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:12px;border:1px solid #2B3442;border-radius:10px;background:#151A23;color:#F8FAFC;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.qkX i{font-style:normal;font-size:11px;color:#94A3B8}
.qkGo:focus-visible,.qkX:focus-visible,.qkLk:focus-visible,.qkLk2:focus-visible,.qkDm:focus-visible{outline:2px solid #FBB817;outline-offset:2px}
@media(min-width:700px){.qkGo{width:auto;min-width:170px;padding:0 18px}}
/* player page: compact hero in Quick, one compact header in both modes */
.ppHero.q{min-height:0;padding:12px 0 0 14px;margin-bottom:10px}.ppHero.q .ppWm,.ppHero.q .ppNext{display:none}
.ppHero.q .ppWho{padding-bottom:12px}.ppHero.q .ppWho h2{font-size:20px}.ppHero.q .ppSub{margin:4px 0 8px;font-size:13.5px}
.ppHero.q .ppPh{flex:0 0 76px;max-width:76px;padding-right:12px;align-items:center}.ppHero.q .ppImg{max-height:76px;border-radius:50%;object-fit:cover;object-position:top}.ppHero.q .ppIni{margin:0;width:60px;height:60px}
.psC.psH{padding:12px 14px;margin-bottom:12px}
.psTt b{display:block;font-size:16px;font-weight:800;line-height:1.25}.psTt b span{color:#FBB817}.psTt small{display:block;margin:3px 0 10px;font-size:13px;color:#94A3B8}
.psC.psH .psLn small,.psC.psH .psT small{font-size:12px}.psC.psH .psT span,.psC.psH .psLs span{font-size:12.5px}
.psStep{display:flex;gap:6px;margin-left:auto;flex:none}.psStep button{width:44px;height:44px;border-radius:10px;border:1px solid #2B3442;background:#1B222D;color:#F8FAFC;font:inherit;font-size:22px;font-weight:700;cursor:pointer}
.psG.q{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:700px){.psC.psH .psG{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}
.ppQ .qkA,.ppQ .qkB,.ppQ .qkC2{padding:14px;margin-bottom:12px;border-radius:14px;background:#151A23;border:1px solid #2B3442}
.qkK{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;font-weight:800;letter-spacing:.7px;color:#94A3B8}.qkK small{font-size:12px;font-weight:600;letter-spacing:0}
.qkP{margin:10px 0 0;font-size:14.5px;line-height:1.5;color:#cbd5e1}.qkP b{color:#F8FAFC}
.qkDir b{display:block;font-size:24px;font-weight:800;line-height:1.15}.qkDir span{display:block;margin-top:3px;font-size:13.5px;color:#94A3B8}
.qkDir.o b{color:#4ade80}.qkDir.u b{color:#f87171}.qkDir.n b{color:#F8FAFC}
.qkBar{height:10px;margin:12px 0 6px;border-radius:99px;background:#2B3442;overflow:hidden}.qkBar i{display:block;height:100%;border-radius:99px;background:#64748B}.qkBar i.o{background:#22C55E}.qkBar i.u{background:#EF4444}
.qkBl{display:flex;justify-content:space-between;font-size:13.5px;color:#94A3B8}.qkBl b{color:#F8FAFC}
.qkCh{margin-top:4px}.qkPl{position:relative;display:flex;align-items:flex-end;gap:4px;height:132px;padding-top:20px;border-bottom:1px solid #2B3442}
.qkBr{flex:1 1 0;min-width:0;height:100%;display:flex;align-items:flex-end}
.qkBr i{position:relative;display:block;width:100%;border-radius:4px 4px 0 0;background:#64748B}.qkBr i.o{background:#22C55E}.qkBr i.u{background:#EF4444}
.qkBr em{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);padding-bottom:2px;font-style:normal;font-size:12px;font-weight:700;line-height:1;color:#cbd5e1;white-space:nowrap}
.qkLn{position:absolute;left:0;right:0;height:0;border-top:2px dashed #FBB817;pointer-events:none}.qkLn b{position:absolute;right:0;bottom:2px;padding:1px 6px;border-radius:6px;background:#FBB817;color:#10141C;font-size:12px;font-weight:800}
.qkOp{display:flex;gap:4px;margin-top:4px}.qkOp span{flex:1 1 0;min-width:0;text-align:center;font-size:12px;color:#94A3B8;overflow:hidden;text-overflow:clip;white-space:nowrap}
.qkT{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.qkT div{padding:9px 10px;border-radius:11px;background:#1B222D;border:1px solid #2B3442;min-width:0}
.qkT i{display:block;font-style:normal;font-size:12px;font-weight:600;color:#94A3B8}.qkT b{display:block;margin-top:2px;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.qkT b.g{color:#4ade80}.qkT b.r{color:#f87171}
#pg-props .ppMk button{min-height:44px}
.psC.psH .psLine{flex-wrap:wrap;row-gap:8px}.psC.psH .psLs{flex:1 1 150px}.psC.psH .psLs .psLb{align-self:flex-start;white-space:normal}
.qkCh{position:relative;padding-right:44px}.qkLn{right:-44px;left:0}.qkLn b{right:0;bottom:-10px;min-width:38px;text-align:center;box-sizing:border-box}
.qkCh .qkOp{margin-right:0}
@media(min-width:900px){html body .ppWrap.ppQ{max-width:860px}.ppQ .qkPl{height:150px}}
.qkDm{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin-top:12px;border:1px solid #FBB817;border-radius:10px;background:transparent;color:#FBB817;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
@media(max-width:360px){.qkPl{gap:2px}.qkBr em{font-size:12px}}
/* selected-prop bar: only on phones, only after the header scrolls away */
.qkSt{display:none}
@media(max-width:820px){
  .qkSt{position:fixed;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 14px;background:rgba(21,26,35,.97);border-bottom:1px solid #2B3442;font-size:14px;font-weight:700;color:#F8FAFC;transform:translateY(-120%);opacity:0;pointer-events:none;transition:transform .2s,opacity .2s}
  .qkSt.on{transform:none;opacity:1;pointer-events:auto}
  .qkSt span{color:#94A3B8}.qkSt b.g{color:#4ade80}.qkSt b.r{color:#f87171}
}

/* ===== v169: interactive Trends ===== */
.txDash{padding:14px}
.txHd h3{margin:0;font-size:13px;font-weight:800;letter-spacing:.8px;color:#FBB817}.txHd p{margin:4px 0 12px;font-size:14.5px;color:#cbd5e1;line-height:1.4}
.txLine{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin-bottom:12px}
.txLp,.txLr{flex:1 1 150px;min-width:0;padding:10px 12px;border-radius:12px;background:#1B222D;border:1px solid #2B3442}
.txLp small,.txLr small{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;color:#94A3B8}.txLp b{display:block;margin-top:2px;font-size:26px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.txLp span{display:block;margin-top:2px;font-size:12.5px;color:#94A3B8}
.txSt{display:flex;align-items:center;gap:8px;margin-top:4px}.txSt b{min-width:56px;text-align:center;font-size:26px;font-weight:800;color:#FBB817;font-variant-numeric:tabular-nums}
.txSt button{width:44px;height:44px;border-radius:10px;border:1px solid #2B3442;background:#151A23;color:#F8FAFC;font:inherit;font-size:22px;font-weight:700;cursor:pointer}
.txRst{display:inline-block;min-height:36px;margin-top:6px;padding:0 4px;border:0;background:none;color:#FBB817;font:inherit;font-size:13.5px;font-weight:700;text-decoration:underline;cursor:pointer}
.txHn{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:#94A3B8}.txCus{margin:-4px 0 10px}
.txTb{display:grid;gap:8px;margin-bottom:12px}
.txSg{display:flex;gap:4px;padding:3px;border-radius:12px;background:#151A23;border:1px solid #2B3442;min-width:0}
.txSg button{flex:1 1 0;min-width:0;min-height:44px;padding:0 6px;border:0;border-radius:9px;background:transparent;color:#94A3B8;font:inherit;font-size:12.5px;font-weight:800;letter-spacing:.3px;line-height:1.15;cursor:pointer;white-space:normal}
.txSg button.on{background:#FBB817;color:#10141C}
.txSg button:focus-visible,.txFb:focus-visible,.txSt button:focus-visible,.txBr:focus-visible,.txSel select:focus-visible,.txScroll:focus-visible{outline:2px solid #FBB817;outline-offset:2px}
.txRow{display:grid;grid-template-columns:3fr 2fr;gap:8px}.txR2{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.txSel select{width:100%;box-sizing:border-box;min-height:48px;padding:0 10px;border-radius:12px;border:1px solid #2B3442;background:#151A23;color:#F8FAFC;font:inherit;font-size:14px;font-weight:600}
.txFb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid #2B3442;background:#151A23;color:#F8FAFC;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.txFb b{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:99px;background:#FBB817;color:#10141C;font-size:12px;line-height:20px;text-align:center}.txFb b[hidden]{display:none}
.txFb.on{border-color:#FBB817;color:#FBB817}
.txTiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.txT{padding:10px 10px;border-radius:12px;background:#1B222D;border:1px solid #2B3442;min-width:0}
.txT small{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;color:#94A3B8}.txT b{display:block;margin:3px 0 2px;font-size:24px;line-height:1.1;font-weight:800;font-variant-numeric:tabular-nums}.txT span{display:block;font-size:12.5px;line-height:1.3;color:#94A3B8}
.txT.g b{color:#4ADE80}.txT.r b{color:#F87171}
.txSm{margin:0 0 8px;font-size:13px;line-height:1.45;color:#94A3B8}.txSm b{color:#FBB817}
.txWn{margin:0 0 10px;padding:9px 12px;border-radius:10px;border:1px solid rgba(251,184,23,.5);background:rgba(251,184,23,.08);color:#fbd36a;font-size:13px;line-height:1.45}
.txVw{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.txCh2,.qkCh2{margin-top:2px}
.txScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:8px;scrollbar-width:thin;scrollbar-color:#2B3442 transparent}
.txPlot{position:relative;display:flex;align-items:stretch;gap:2px;height:190px;padding:18px 46px 0 0;box-sizing:border-box}
.txBr{flex:1 0 30px;min-width:30px;display:flex;flex-direction:column;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:6px}
.txBr.sel{background:rgba(251,184,23,.12);box-shadow:inset 0 0 0 2px #FBB817}
.txBa{position:relative;flex:1;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #2B3442}
.txBa i{position:relative;display:block;width:80%;border-radius:4px 4px 0 0;background:#64748B;transition:height .25s}
.txBa i.o{background:#4ADE80}.txBa i.u{background:#F87171}.txBa i.p{background:#38BDF8}.txBa i.g{background:#38BDF8}
.txBa em{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);padding-bottom:2px;font-style:normal;font-size:12px;font-weight:700;line-height:1;color:#cbd5e1;white-space:nowrap}
.txBn{display:block;height:22px;line-height:22px;font-size:11.5px;color:#94A3B8;text-align:center;white-space:nowrap;overflow:hidden}
.txLn{position:absolute;left:0;right:0;height:0;border-top:2px dashed #FBB817;pointer-events:none}.txLn b{position:sticky;right:0;float:right;margin:-11px 0 0 0;padding:1px 6px;border-radius:6px;background:#FBB817;color:#10141C;font-size:12px;font-weight:800}
.txLg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:12.5px;color:#94A3B8}.txLg span{display:inline-flex;align-items:center;gap:6px}
.txLg i{display:inline-block;width:12px;height:12px;border-radius:3px;background:#64748B}.txLg i.o{background:#4ADE80}.txLg i.u{background:#F87171}.txLg i.p{background:#38BDF8}.txLg i.ln{height:0;width:16px;border-radius:0;background:none;border-top:2px dashed #FBB817}
.txTap{margin-left:auto;color:#94A3B8}
.txEmpty{padding:22px 14px;text-align:center;border:1px dashed #2B3442;border-radius:12px;color:#94A3B8;font-size:14px;line-height:1.5}.txEmpty b{display:block;margin-bottom:4px;color:#F8FAFC}
.txGd{margin-top:12px;padding:12px 14px;border-radius:12px;background:#1B222D;border:1px solid #FBB817}
.txGh{display:flex;align-items:center;justify-content:space-between;gap:8px}.txGh b{font-size:12px;font-weight:800;letter-spacing:.7px;color:#FBB817}
.txX{min-height:40px;padding:0 12px;border-radius:10px;border:1px solid #2B3442;background:#151A23;color:#F8FAFC;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.txGt{margin:4px 0 10px;font-size:14.5px;font-weight:700}
.txGg{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.txGg div{padding:8px 10px;border-radius:10px;background:#151A23;border:1px solid #2B3442}
.txGg small{display:block;font-size:12px;color:#94A3B8;font-weight:600}.txGg b{display:block;margin-top:2px;font-size:17px;font-weight:800}
.txRs.o{color:#4ADE80}.txRs.u{color:#F87171}.txRs.p{color:#38BDF8}
.txGo{margin-top:10px}.txGo small{display:block;margin-bottom:6px;font-size:12px;font-weight:700;color:#94A3B8}.txGo div{display:flex;flex-wrap:wrap;gap:6px}.txGo span{padding:5px 10px;border-radius:99px;background:#151A23;border:1px solid #2B3442;font-size:13px}.txGo i{font-style:normal;color:#94A3B8;margin-right:6px}.txGo b{font-weight:800}
.txAdvP{margin-top:14px;padding-top:12px;border-top:1px solid #2B3442}.txAh{margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.7px;color:#94A3B8}
.txFs{margin-top:12px}.txFs h4{margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#94A3B8}
.txAt{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.txMed{margin:10px 0 0;font-size:13.5px;color:#94A3B8}.txMed b{color:#F8FAFC}
.txCmp,.txVs{margin-top:14px;padding:12px;border-radius:12px;background:#1B222D;border:1px solid #2B3442}
.txCh{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:8px}.txCh b{font-size:14.5px}.txCh span{flex:1 1 180px;font-size:12.5px;color:#94A3B8}
.txPlotS{height:120px;padding-top:14px}.txCb{flex:1 0 26px;min-width:26px;display:flex}.txCb .txBa{width:100%}
.txVg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.txVc{padding:10px;border-radius:10px;background:#151A23;border:1px solid #2B3442}.txVc small{display:block;font-size:12px;font-weight:700;letter-spacing:.4px;color:#94A3B8}.txVc b{display:block;margin:2px 0;font-size:17px}.txVc span{display:block;font-size:13px;color:#cbd5e1}
.txAct{margin-top:14px;display:flex;justify-content:flex-end}
/* rolling average */
.txRoll{display:flex;gap:8px;height:190px}.txRy{display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:#94A3B8;text-align:right;min-width:30px}
.txRp{position:relative;flex:1;border-left:1px solid #2B3442;border-bottom:1px solid #2B3442}.txRp svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.txRl{position:absolute;left:0;right:0;height:0;border-top:2px dashed #FBB817}.txRl b{position:absolute;right:0;top:-20px;padding:1px 6px;border-radius:6px;background:#FBB817;color:#10141C;font-size:12px;font-weight:800}
.txDt{position:absolute;width:20px;height:20px;margin:0 0 -10px -10px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.txDt:before{content:"";position:absolute;left:5px;top:5px;width:10px;height:10px;border-radius:50%;background:#FBB817;border:2px solid #0B0D12}.txDt.o:before{background:#4ADE80}.txDt.u:before{background:#F87171}
.txRx{display:flex;justify-content:space-between;margin:4px 0 0 38px;font-size:12px;color:#94A3B8}
/* distribution */
.txDist{display:flex;align-items:stretch;gap:4px;height:190px;padding-top:18px;box-sizing:border-box}.txDc{flex:1 0 30px;display:flex;flex-direction:column}
.txDa{flex:1;display:flex;align-items:flex-end;border-bottom:1px solid #2B3442}.txDa i{display:block;width:80%;margin:0 auto;border-radius:4px 4px 0 0;background:#64748B}.txDa i.o{background:#4ADE80}.txDa i.u{background:#F87171}.txDa i.p{background:#38BDF8}
.txDv{display:block;height:16px;text-align:center;font-size:12px;font-weight:700;color:#cbd5e1}.txDl{display:block;height:22px;line-height:22px;font-size:12px;color:#94A3B8;text-align:center;white-space:nowrap}
.txQt{display:grid;gap:8px;margin-bottom:8px}
.txNf{margin:0 0 8px}
@media(min-width:700px){.txVw{flex-direction:row;align-items:center;justify-content:space-between}.txPlot{height:220px}.txRoll{height:220px}.txDist{height:220px}.txQt{grid-template-columns:3fr 2fr}}
@media(min-width:821px){.txAdM{display:none}}@media(max-width:820px){.txAdD{display:none}.txOpp{display:none}.txAdvP .txFs{display:none}}
@media(min-width:821px){.txTb .txFb:not(.txAdv){display:none}}
@media(max-width:380px){.txT b{font-size:21px}.txSg button{font-size:12px;padding:0 3px}}
/* ===== v171: premium design pass (builds on the --hx tokens) ===== */
:root{--s24-w:1360px;--r-btn:10px;--r-card:14px;--r-panel:16px;--r-badge:8px;--sh-card:0 6px 20px rgba(0,0,0,.28)}
.wrap{max-width:var(--s24-w)}
/* one eyebrow, bigger headline */
.hxL:not([data-st=member]):not([data-st=free]) .greet{display:none}
.hxL[data-st=member] .hxKick,.hxL[data-st=free] .hxKick{display:none}
#hxH{font-size:clamp(34px,4.1vw,60px);line-height:1.04;letter-spacing:-.02em}
.hxSub{font-size:clamp(16px,1.35vw,19px);line-height:1.6;max-width:600px}
/* readable small text: nothing in the main product is under 12px (brand tagline and logo-less monograms excepted) */
body .cnt,body .lvN2,body .gcSp,body .pgcUp,body .pgcAt,body .hwK,body .hwTag,body .bdHowT,body .aboutLink,body #pg-how small,body #pg-how th,body #hxGames .gc .rl,body #hxGames .gc .od small,body #tp1 small,body #lpCard small{font-size:12px!important}
body .monoLg{font-size:11px!important}
body #pg-props small{font-size:12px!important}
body #hxGames .lsTab span{opacity:.85!important}
/* Model Spotlight: bigger logos and numbers, even tiles */
.spot .spT .spLg{width:76px;height:76px}
.spot .spT b{font-size:clamp(16px,1.6vw,20px)}
.spot .tpK{font-size:12px;letter-spacing:.9px}
.spot .tpPct{font-size:clamp(26px,2.4vw,32px)}
.spot .spStats .tpCell{padding:16px 14px;min-height:92px;justify-content:center}
.spot .spStats small{font-size:12px}
.topPlay.spot{border-color:rgba(251,184,23,.32)}
@media(max-width:560px){.spot .spT .spLg{width:60px;height:60px}}
/* Today's Games: a grid, not a scroller */
#hxGames .lsRail .railBtn{display:none!important}
#hxGames .lsRail::before,#hxGames .lsRail::after{display:none}
#hxGames .lsScroll{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;padding:18px;overflow:visible!important;scroll-snap-type:none}
#hxGames .lsScroll.few{grid-template-columns:repeat(2,minmax(0,1fr))}
#hxGames .lsScroll.one{grid-template-columns:minmax(0,1fr)}
#hxGames .lsScroll>.empty,#hxGames .lsScroll>.skRow{grid-column:1/-1}
#hxGames .gc{width:auto;min-height:0;padding:16px;gap:12px;border-radius:var(--r-card);box-shadow:var(--sh-card)}
#hxGames .gc .tm{grid-template-columns:36px minmax(0,1fr) auto;gap:12px}
#hxGames .gc .tm img{width:36px;height:36px}#hxGames .gc .tmLg{width:36px}
#hxGames .gc .nm{font-size:16px}
#hxGames .gc .st{font-size:13px;font-weight:700;color:var(--hx-tx)}
#hxGames .gc .od{font-size:14px}
#hxGames .gc .gcGo{margin-top:auto;font-size:13.5px;font-weight:700;color:var(--hx-gold)}
@media(max-width:600px){#hxGames .lsScroll,#hxGames .lsScroll.few,#hxGames .lsScroll.one{grid-template-columns:minmax(0,1fr);padding:12px;gap:12px}#hxGames .gc{padding:14px}}
#hxGames .gc .gcMd{align-self:flex-start}
/* gold stays for the primary action and the selected state */
.hxBtn.pri{box-shadow:0 6px 18px rgba(251,184,23,.2)}
.avBtn:focus-visible,.hxBtn:focus-visible,#hxGames .gc:focus-visible{outline:2px solid var(--hx-gold);outline-offset:2px}
/* phone tab bar: Home, Live, Model, Props, Ask, Account */
@media(max-width:700px){.tabBar button span{font-size:11px}}
/* quiet motion */
@media(prefers-reduced-motion:reduce){#hxGames .gc,.hxBtn{transition:none}}

/* ===== v172: S24 Board. Compact card on phones, aligned columns on desktop ===== */
.bkBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:14px 16px;border-bottom:1px solid var(--hx-line)}
.bkBar h2{margin:0;font-size:19px;font-weight:800;color:var(--hx-tx);line-height:1.2}
.bkBar h2 span{color:var(--hx-mut);font-weight:600;font-size:15px}
.bkTools{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;min-width:0;max-width:100%}
.bkTools .mdLegend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.bkTools .mdLegend .lgBtn{min-height:38px;padding:4px 12px 4px 6px;gap:6px;font-size:13px;font-weight:700;color:var(--hx-tx);border-color:var(--hx-line);background:var(--hx-el)}
.bkTools .mdLegend .lgBtn.on{border-color:var(--hx-gold);background:rgba(251,184,23,.12)}
.bkTools .mdLegend .lgBtn .lgPs{padding:0 4px;font-size:13px;font-weight:700}
.bkTools .mdLegend .lgBtn em{font-size:12px;font-style:normal;color:var(--hx-mut);opacity:1}
.bkSort{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--hx-mut)}
.bkSort select{min-height:38px;background:var(--hx-el);border:1px solid var(--hx-line);color:var(--hx-tx);border-radius:10px;padding:0 10px;font:inherit;font-size:13px;font-weight:600}
.bkList{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}
.bkHead{display:none}
.bkCard{position:relative;display:grid;gap:12px;padding:14px;background:var(--hx-card);border:1px solid var(--hx-line);border-radius:var(--r-card,14px);cursor:pointer;min-width:0}
.bkCard:hover{border-color:#3b4656}
.bkTop{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0}
.bkTop .bsSp{font-size:12px;font-weight:800;letter-spacing:.6px;color:var(--hx-gold);background:rgba(251,184,23,.1);border:1px solid rgba(251,184,23,.28);border-radius:6px;padding:2px 7px}
.bkTop .bsWk{font-size:12px;font-weight:600;color:var(--hx-mut)}
.bkTop .koSlot{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--hx-mut)}
.bkTop .koSlot>div,.bkTop .koSlot>span{display:inline;margin:0}
.bkTop .koT{color:var(--hx-tx)}
.bkTop .koSc{flex-basis:100%;display:flex;gap:8px;color:var(--hx-tx);font-weight:700}
.bkTop .s24MbB{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:10px;background:transparent;border:1px solid var(--hx-line);color:var(--hx-mut);cursor:pointer}
.bkTop .s24MbB svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.bkTop .s24MbB:hover,.bkTop .s24MbB:focus-visible{border-color:var(--hx-gold);color:var(--hx-gold);outline:none}
.bkTop .s24MbB.on{color:var(--hx-gold);border-color:rgba(251,184,23,.5);background:rgba(251,184,23,.1)}.bkTop .s24MbB.on svg{fill:var(--hx-gold)}
.bkTeams{display:grid;gap:6px}
.bkTm{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0}
.bkTm img,.bkTm .mono,.bkTm .monoLg{width:40px;height:40px;object-fit:contain}
.bkNm{min-width:0}.bkNm b{display:block;font-size:17px;font-weight:800;line-height:1.2;color:var(--hx-tx);overflow-wrap:anywhere}
.bkNm small{display:block;font-size:12px;font-weight:600;color:var(--hx-mut);margin-top:1px}
.bkPj{display:grid;justify-items:end;line-height:1.05}.bkPj b{font-size:24px;font-weight:800;color:var(--hx-tx);font-variant-numeric:tabular-nums}.bkPj small{font-size:12px;font-weight:600;color:var(--hx-mut);margin-top:3px}
.bkAt{font-size:12px;font-weight:700;color:var(--hx-mut);padding-left:52px;line-height:1;margin:-1px 0}
.bkMks{display:grid;border-top:1px solid var(--hx-line)}
.bkMk{display:grid;grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;min-height:46px;border-bottom:1px solid var(--hx-line)}
.bkMk:last-child{border-bottom:0}
.bkL{font-size:12.5px;font-weight:700;color:var(--hx-mut)}
.bkS{min-width:0}.bkS>b{display:block;font-size:15px;font-weight:700;line-height:1.25;color:var(--hx-tx);overflow-wrap:anywhere}
.bkS>b.bkNo{color:var(--hx-mut);font-weight:600}.bkS>b.bkLk{letter-spacing:2px;color:var(--hx-mut)}
.bkS small{display:block;font-size:12.5px;line-height:1.35;color:var(--hx-mut);margin-top:2px}.bkS small b{color:var(--hx-tx);font-weight:700}
.bkR{display:inline-flex;align-items:center;gap:6px}
.bkG{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:8px;font-size:14px;font-weight:800;color:#0B0D12}
.bkG.gA{background:#22C55E}.bkG.gB{background:#60A5FA}.bkG.gC{background:#FBBF24}
.bkAct{display:flex}
.bkGo{width:100%;min-height:46px;border-radius:10px;border:1px solid var(--hx-gold);background:transparent;color:var(--hx-gold);font:inherit;font-size:15px;font-weight:800;cursor:pointer;transition:background .15s,color .15s}
.bkGo i{font-style:normal;margin-left:6px;font-size:18px;line-height:0}
.bkGo:hover,.bkGo:focus-visible{background:var(--hx-gold);color:#0B0D12;outline:none}
.bkCard:focus-within{border-color:#3b4656}
@media(max-width:700px){.bkTools .mdLegend .lgW{display:none}.bkTools .mdLegend .lgBtn{min-height:44px;padding:4px 12px 4px 8px}.bkSort select{min-height:44px}.bkBar{padding:12px 14px}.bkList{padding:12px}}
@media(min-width:700px) and (max-width:999px){.bkList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1000px){
  .bkList{gap:0;padding:0}
  .bkList.n3{--bkc:150px minmax(270px,1.5fr) repeat(3,minmax(0,1fr)) 150px}
  .bkList.n2{--bkc:150px minmax(270px,1.5fr) repeat(2,minmax(0,1fr)) 150px}
  .bkList.n1{--bkc:150px minmax(270px,1.5fr) minmax(0,1.3fr) 150px}
  .bkHead{display:grid;grid-template-columns:var(--bkc);gap:18px;padding:10px 20px;font-size:12px;font-weight:700;color:var(--hx-mut);border-bottom:1px solid var(--hx-line)}
  .bkCard{grid-template-columns:var(--bkc);align-items:center;gap:18px;padding:14px 20px;background:transparent;border:0;border-bottom:1px solid var(--hx-line);border-radius:0}
  .bkCard:last-child{border-bottom:0}
  .bkCard:hover{background:var(--hx-el)}
  .bkTop{flex-direction:column;align-items:flex-start;gap:6px}
  .bkTop .koSlot{flex:none;flex-direction:column;align-items:flex-start;gap:2px}.bkTop .koSlot>div,.bkTop .koSlot>span{display:block}
  .bkTop .s24MbB{margin-left:0;width:40px;height:40px;order:5}
  .bkTm{grid-template-columns:36px minmax(0,1fr) auto}.bkTm img,.bkTm .mono,.bkTm .monoLg{width:36px;height:36px}
  .bkNm b{font-size:16px}.bkPj b{font-size:22px}
  .bkAt{display:none}
  .bkMks{display:contents}
  .bkMk{grid-template-columns:minmax(0,1fr) auto;padding:0;border:0;min-height:0;align-items:start}
  .bkL{display:none}
  .bkGo{min-height:42px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.bkGo{transition:none}}


@media(max-width:700px){.bkTools .mdLegend .lgMore{display:none}.bkTools .mdLegend .lgBtn{padding:4px 10px 4px 7px}.bkAt{padding-left:52px}}
@media(min-width:1000px){.bkTop .s24MbB{position:absolute;top:10px;right:14px;width:32px;height:32px;order:0}.bkTop .s24MbB svg{width:17px;height:17px}.bkCard{padding:14px 20px}.bkMk .bkR{align-self:start}}
.bkTeams .bkNm b{font-size:16px}

.rdTabsWrap{margin-top:14px}
.rdTabs{position:sticky;top:-44px;z-index:6;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 0 14px;padding:calc(6px + env(safe-area-inset-top,0px)) 0 6px;background:var(--hx-bg2);border-bottom:1px solid var(--hx-line)}
.rdTabs::-webkit-scrollbar{display:none}
.rdTabs button{flex:0 0 auto;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--hx-mut);font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.rdTabs button:hover{color:var(--hx-tx)}
.rdTabs button.on{color:var(--hx-gold);background:rgba(251,184,23,.1);border-color:rgba(251,184,23,.35)}
.rdTabs button:focus-visible{outline:2px solid var(--hx-gold);outline-offset:2px}
.pxBaseNote{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--hx-mut,var(--dim))}.pxBaseNote b{color:var(--hx-tx,var(--txt))}
.rdPanel{display:grid;gap:14px}.rdPanel[hidden]{display:none}
.rdPanel .facts{margin:0}
@media(min-width:1000px){.bkTop .s24MbB{right:auto;left:126px}}

/* phones: only the logo bar stays pinned; the live ticker scrolls away so the board gets the screen */
@media(max-width:700px){
  .stick{display:contents}
  header{position:sticky;top:0;z-index:60}
  .hdr{height:60px}
  body header nav{top:60px}
  .tick{position:relative;z-index:59;height:32px}
}

.bkWide{display:none}
@media(min-width:1000px){.bkWide{display:inline}}
@media(max-width:700px){
  .bkCard{padding:12px;gap:10px}
  .bkTm{grid-template-columns:36px minmax(0,1fr) auto;gap:10px}.bkTm img,.bkTm .mono,.bkTm .monoLg{width:36px;height:36px}
  .bkMk{padding:7px 0;min-height:44px;grid-template-columns:78px minmax(0,1fr) auto}
  .bkGo{min-height:44px}
  .bkAt{padding-left:46px}
}

@media(max-width:700px){.bkTools{display:contents}.bkTools .mdLegend{order:3;flex:1 1 100%}.bkBar{row-gap:8px}.bkBar h2{flex:1}}
@media(min-width:701px){.bkTools{flex-direction:row-reverse}}

.rdMl .bdFxL{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rdMl .bdFxL small{display:block;font-size:12px;font-weight:700;color:var(--hx-mut);margin-bottom:8px}
.rdMl .bdFxL em{display:flex;align-items:flex-start;gap:8px;font-style:normal;font-size:14px;line-height:1.35;font-weight:600;padding:9px 12px;margin:0 0 6px;border-radius:9px;background:var(--hx-el);color:var(--hx-tx)}
.rdMl .bdFxL em.fa i{color:var(--hx-grn);font-style:normal;font-weight:800}.rdMl .bdFxL em.ag i{color:#f87171;font-style:normal;font-weight:800}.rdMl .bdFxL em.mid{color:var(--hx-mut)}
.rdMl .bdFxH{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:16px;font-weight:600;color:var(--hx-mut)}.rdMl .bdFxH b{color:var(--hx-tx);font-weight:800}
.rdMl .bxWhy{font-size:14px;line-height:1.55;color:#cbd5e1;margin:0}
.rdMl .bdWp{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:baseline;margin:14px 0 0;font-size:14px}.rdMl .bdWp small{flex-basis:100%;font-size:12px;font-weight:700;color:var(--hx-mut)}.rdMl .bdWp b{font-weight:700;color:var(--hx-tx)}
.rdMl .bdNote{font-size:12px;line-height:1.5;color:var(--hx-mut);margin:12px 0 0}
@media(max-width:700px){.rdMl .bdFxL{grid-template-columns:1fr}}

.bkMk{grid-template-areas:"l s r" ". sl sl"}
.bkL{grid-area:l}.bkS{grid-area:s}.bkR{grid-area:r}
.bkSl{grid-area:sl;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.bkSl:empty{display:none}
.bkSl .llChip,.bkSl .msFlag{max-width:100%}
.bkSl .llChip{white-space:normal;line-height:1.3}
.bkNm{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px}
.bkNm b{display:inline}
.bkNm small{display:inline;margin:0}
.bkTeams{gap:2px}
.bkAt{padding-left:46px;font-size:12px;line-height:1.2;margin:0}
.rdMl .fxLg{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;overflow:hidden}
.rdMl .fxLg>*{width:28px!important;height:28px!important;max-width:28px;max-height:28px;object-fit:contain;line-height:28px}
.rdMl img,.rdPanel img{max-width:56px;max-height:56px;object-fit:contain}
.rdTabsWrap{position:relative}
.rdTabs button .ts{display:none}
.rdTabs button .tl{display:inline}
@media(max-width:700px){
  .rdTabs button{padding:0 11px;font-size:14px}
  .rdTabs button .tl{display:none}.rdTabs button .ts{display:inline}
}
.rdTabsWrap.tabMore .rdTabs{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.rdTabsWrap.tabLess .rdTabs{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 40px),transparent)}
.rdTabsWrap.tabMore.tabLess .rdTabs{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
@media(min-width:1000px){.bkMk{grid-template-areas:"s r" "sl sl"}.bkSl{grid-column:auto}}

@media(max-width:700px){
  .modal .sheet{padding:24px 16px}
  .rdProb>div{padding:0 8px;font-size:12.5px;overflow:hidden}.rdProb>div>span{overflow:hidden;text-overflow:ellipsis;display:block;min-width:0}
  .rdProb img,.rdProb .monoLg{display:none}
  .rdTabs button{padding:0 9px;font-size:14px}
}

.rdProb>div>span{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}
.rdProb .pbn{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.rdProb .pbp{flex:none;font-weight:800}
@media(max-width:700px){.rdProb>div>span{display:flex}.rdProb>div>span>.pbn{display:block}.rdTabs{gap:2px}.rdTabs button{padding:0 7px;font-size:13.5px}}

.bkMk{gap:0 10px}
.bkSl>span:empty{display:none}
.bkSl>*:not(:empty){margin-top:6px}

/* grade badge always comes first in its market cell, so it can never read as belonging to the next column */
.bkMk{grid-template-areas:"l r s" ". . sl";grid-template-columns:78px 30px minmax(0,1fr);column-gap:10px}
.bkG.gN{background:transparent;border:1px dashed var(--hx-line);color:var(--hx-mut);font-weight:700}
.bkR{justify-self:start}
@media(max-width:700px){.bkMk{grid-template-columns:78px 30px minmax(0,1fr)}}
@media(min-width:1000px){.bkMk{grid-template-areas:"r s" ". sl";grid-template-columns:30px minmax(0,1fr)}}
.pxPill{flex:none;font-style:normal;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:800;letter-spacing:.2px;white-space:nowrap}.pxPill.good{background:rgba(34,197,94,.16);color:#4ade80}.pxPill.bad{background:rgba(239,68,68,.16);color:#f87171}

/* ===== bottom tab bar on phones held sideways, foldables and tablets =====
 * The header turns into a menu button up to 1180px, but the bottom bar used to stop at 700px, so a phone turned sideways (about 844-932px wide) had a menu button and no bar.
 * Rule: wherever the header is the menu-button version AND the device is a touch screen (or is very short, like any phone on its side), the bottom bar shows. Desktop browsers keep the full top menu and no bar. */
@media(min-width:701px) and (max-width:1180px) and (hover:none) and (pointer:coarse),(min-width:701px) and (max-width:1180px) and (max-height:540px){
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
  .tabBar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:700;background:rgba(11,13,16,.99);border-top:1px solid var(--line2);padding:6px max(6px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px,env(safe-area-inset-left,0px))}
  .tabBar button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;background:none;border:0;border-radius:10px;color:var(--dim2);font-family:inherit;font-size:11px;font-weight:600;letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent;position:relative;min-width:0}
  .tabBar button svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .tabBar button span{font-size:11px;white-space:nowrap}
  .tabBar button.on{color:var(--gold)}
  .tabBar button[data-t="model"]:not(.on){color:#d9b24a}
  .tabBar button .tbLock{position:absolute;top:5px;left:calc(50% + 6px);width:15px;height:15px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center}
  .tabBar button .tbLock svg{width:9px;height:9px;fill:none;stroke:#111;stroke-width:2.6}
  body.isPrem .tabBar .tbLock{display:none}
  .botFab{display:none!important}
}
/* any phone on its side is only ~390px tall: slim the bar so it leaves room to read */
@media(max-height:540px) and (hover:none) and (pointer:coarse){
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom,0px))}
  .tabBar{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom,0px))}
  .tabBar button{min-height:44px;gap:1px}
  .tabBar button svg{width:20px;height:20px}
  .tabBar button span{font-size:10px}
}

/* ===== v181: unfolded dual-screen phones, phones on their side, split view =====
 * Everything here keys off the real window size (width, height, aspect, touch), not a device name, so it follows a fold, a rotation or a split-screen resize live. */

/* 1) unfolded Duo (and similar ~820-999px sideways touch screens): game analysis docks at the right, the board stays on the left */
@media(min-width:820px) and (max-width:999px) and (min-aspect-ratio:5/4) and (hover:none) and (pointer:coarse){
  body.rdDock{--dockW:min(440px,50vw);overflow:auto!important;padding-right:var(--dockW)}
  body.rdDock .modal.on{inset:0 0 calc(66px + env(safe-area-inset-bottom,0px)) auto;width:var(--dockW);background:var(--panel);border-left:1px solid var(--line2);padding:10px 10px 28px;z-index:90;animation:none;overscroll-behavior:contain}
  body.rdDock .modal.on>*{animation:none}
  body.rdDock .modal.on .sheet{max-width:none;margin:0;padding:16px 14px 22px;border:0;border-radius:0;background:transparent;position:relative}
  body.rdDock .modal.on .sheet .x{position:sticky;top:0;float:right;z-index:8;width:44px;height:44px;margin:-6px -6px 0 0}
  body.rdDock .rdTabs{top:-10px}
  body.rdDock .bkList{grid-template-columns:minmax(0,1fr)}
  body.rdDock .bkCard.sel{border-color:var(--hx-gold,var(--gold));box-shadow:0 0 0 1px var(--hx-gold,var(--gold)) inset}
  body.rdDock .botFab{display:none!important}
}
.bkCard.sel{border-color:var(--hx-gold,var(--gold))}

/* 2) home hero: copy left, Model Spotlight right as soon as the window is wide and landscape-shaped (unfolded Duo, small tablets, split view) */
@media(min-width:760px) and (max-width:959px) and (min-aspect-ratio:5/4){
  .hxIn{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:26px;padding:6px 0 4px}
  .hx{padding-top:16px}
  .hx h1{font-size:clamp(32px,4.4vw,40px);letter-spacing:-1.1px;margin-bottom:12px}
  .hxSub{font-size:15px;line-height:1.5}
  .hxCta{margin-top:18px}.hxInd{margin-top:16px}
  .topPlay.spot{padding:16px}.spot .spHd{margin-bottom:12px}
}

/* 3) phones held sideways (any width, short): shrink the chrome so the content gets the screen */
@media(max-height:540px) and (min-width:701px),(max-height:700px) and (min-width:701px) and (min-aspect-ratio:5/4) and (hover:none) and (pointer:coarse){
  .hdr{height:52px}.hdr .brand .bLogo,.bLogo{height:32px}
  body header nav{top:52px}
  .stick{display:contents}
  header{position:sticky;top:0;z-index:60}
  .tick{position:relative;z-index:59;height:34px}
  #pg-model.isMem #freePlayPanel{display:none}
  .s24Sw{margin-top:8px;margin-bottom:8px}
  .s24Sw button{min-height:40px;padding-top:6px;padding-bottom:6px}
  .hx{padding-top:10px}
  .pageHead{margin-top:10px}.pageHead h1{font-size:21px}
  .pageHead p,#pg-model .modelNote,#todayBanner{display:none}
  .fpPanel .row1>div>p{display:none}
  .fpPanel{padding:10px 14px}.fpPanel .fpMark{width:32px;height:32px}
  #pg-model.isMem #freePlayPanel{padding-top:10px}
  #freePlayPanel{scroll-margin-top:90px}
  .sp{padding:9px 14px}
  .modal{padding:12px 12px}
  .sheet{padding:20px 18px}
}

/* 4) touch targets: anything you tap is at least 44px on a touch screen, in any orientation */
@media(hover:none) and (pointer:coarse){
  .bkSort select,.bkBar select{min-height:44px}
  .sp,.lsTab,.tabStrip button,.rdTabs button{min-height:44px}
  .modal .x,.sheet .x{min-width:44px;min-height:44px}
  .botX{min-width:44px;min-height:44px}
  #ctPw,#ctPa{min-height:44px}
  .tourLink{min-height:44px}
  /* the small (i) info buttons keep their look but get a 44px tap area */
  .tipI{position:relative}
  .tipI::after{content:'';position:absolute;inset:-13px}
}

/* 5) charts and tables never push the page wider than the window */
.sheet,.rdPanel,.rdMl{min-width:0}
.sheet canvas,.sheet svg:not(.ico){max-width:100%}

/* ---- block ---- */
/* ===== v183: update + connection notices (bottom corner, above the tab bar when there is one) ===== */
#s24Msgs{position:fixed;left:12px;bottom:16px;z-index:9400;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 24px));pointer-events:none}
#s24Msgs>*{pointer-events:auto}
.s24Msg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border-radius:14px;background:var(--hx-card,#141922);border:1px solid var(--hx-line,#2a3342);box-shadow:0 12px 34px rgba(0,0,0,.5);color:var(--hx-tx,#e8ecf2);font-size:13.5px;line-height:1.35}
.s24Msg b{display:block;font-size:14px;color:var(--hx-gold,#fbb817)}
.s24Msg span{color:var(--hx-mut,#9aa3b2)}
.s24Msg .tx{flex:1 1 180px;min-width:0}
.s24Msg .acts{display:flex;gap:8px;flex-wrap:wrap}
.s24Msg button{font:inherit;font-weight:700;font-size:13.5px;min-height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--hx-line,#2a3342);background:transparent;color:var(--hx-tx,#e8ecf2);cursor:pointer}
.s24Msg button.pri{background:var(--hx-gold,#fbb817);border-color:var(--hx-gold,#fbb817);color:#111}
.s24Msg.net{padding:8px 12px;border-radius:999px;font-size:12.5px}
.s24Msg.net::before{content:'';width:8px;height:8px;border-radius:50%;background:#f59e0b;flex:0 0 auto}
@media(max-width:700px),(min-width:701px) and (max-width:1180px) and (hover:none) and (pointer:coarse),(min-width:701px) and (max-width:1180px) and (max-height:540px){
  #s24Msgs{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}
@media(max-height:540px) and (hover:none) and (pointer:coarse){#s24Msgs{bottom:calc(62px + env(safe-area-inset-bottom,0px))}}
body.rdDock #s24Msgs{max-width:calc(100vw - min(440px,50vw) - 24px)}
@media(prefers-reduced-motion:no-preference){.s24Msg{animation:s24MsgIn .25s ease both}@keyframes s24MsgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* ---- block ---- */
/* ===== v199: S24 MOTION. One shared motion + lighting system for the whole site =====
 * Rules: every element's normal look is its FINAL state. Motion only runs when the runtime (s24-f.js) adds a class, and it adds it once per
 * real change (a new featured game, a new player/stat, a game that actually went live), never on a plain data refresh.
 * Only transform / opacity / one-shot border light. No blur filters, no looping decoration. Reduced-motion and hidden tabs get none of it. */
:root{--m-micro:150ms;--m-card:220ms;--m-chart:480ms;--m-feature:600ms;--m-live:800ms;--m-ease:cubic-bezier(.2,.7,.2,1);
  --m-gold:251,184,23;--m-grn:34,197,94;--m-blu:56,189,248;--m-amb:251,191,36;--m-red:239,68,68}
@property --s24a{syntax:'<angle>';inherits:false;initial-value:0deg}
html.s24Hid *,html.s24Hid *::before,html.s24Hid *::after{animation-play-state:paused!important}

/* --- S24 GOLD PULSE: a thin gold light travels the border once, then fades. Add class s24Pulse (runtime: S24M.pulse(el)). --- */
.s24PulseHost{position:relative}
.s24Pulse::after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:2;
  background:conic-gradient(from var(--s24a),rgba(var(--m-gold),0) 0 62%,rgba(var(--m-gold),.95) 82%,rgba(255,236,170,.95) 88%,rgba(var(--m-gold),0) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:s24Pulse 1.25s var(--m-ease) 1 both}
.s24Pulse.s24PulseQ::after{animation-duration:.8s}
@keyframes s24Pulse{0%{--s24a:0deg;opacity:0}12%{opacity:1}75%{opacity:1}100%{--s24a:360deg;opacity:0}}

/* --- hero atmosphere: static tonal depth, a faint analytical grid and a soft gold light by the spotlight (no animation) --- */
.hx{position:relative;isolation:isolate}
.hx::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:-24px -40px 0;
  background:
    radial-gradient(58% 70% at 82% 34%,rgba(var(--m-gold),.085),rgba(var(--m-gold),0) 70%),
    radial-gradient(70% 90% at 12% 0%,rgba(30,58,110,.20),rgba(30,58,110,0) 72%),
    linear-gradient(rgba(148,163,184,.045) 1px,transparent 1px) 0 0/100% 44px,
    linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px) 0 0/44px 100%;
  -webkit-mask-image:radial-gradient(120% 95% at 60% 20%,#000 30%,transparent 88%);mask-image:radial-gradient(120% 95% at 60% 20%,#000 30%,transparent 88%)}
@media(max-width:700px){.hx::before{inset:-12px -14px 0;background:radial-gradient(90% 46% at 50% 78%,rgba(var(--m-gold),.07),rgba(var(--m-gold),0) 72%),radial-gradient(90% 60% at 10% 0%,rgba(30,58,110,.18),rgba(30,58,110,0) 72%)}}
.s24Boot #hxH span{animation:s24Up var(--m-feature) var(--m-ease) both}
.s24Boot #hxH em{animation:s24Up var(--m-feature) var(--m-ease) 90ms both}
.s24Boot .hxSub,.s24Boot .hxCta{animation:s24Fade var(--m-feature) ease 180ms both}
@keyframes s24Up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes s24Fade{from{opacity:0}to{opacity:1}}

/* --- Model Spotlight: ambient light, thin gold border, one entrance per featured game --- */
.topPlay.spot{position:relative;border-color:rgba(var(--m-gold),.38);
  box-shadow:0 18px 44px rgba(0,0,0,.35),0 0 0 1px rgba(var(--m-gold),.05),0 0 46px rgba(var(--m-gold),.07)}
.spot .spBar{display:block;height:4px;border-radius:99px;background:rgba(148,163,184,.18);overflow:hidden;margin-top:2px}
.spot .spBar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,rgba(var(--m-gold),.75),rgb(var(--m-gold)));transform-origin:0 50%}
.spot.s24go .spT{animation:s24Up var(--m-feature) var(--m-ease) both}
.spot.s24go .spT:last-child{animation-delay:110ms}
.spot.s24go .spAt{animation:s24Fade var(--m-feature) ease 160ms both}
.spot.s24go .spStats{animation:s24Up var(--m-feature) var(--m-ease) 200ms both}
.spot.s24go .tpPct{animation:s24Up var(--m-chart) var(--m-ease) 380ms both}
.spot.s24go .spBar i{animation:s24Fill 900ms var(--m-ease) 420ms both}
.spot.s24go .spWhy,.spot.s24go .spGo{animation:s24Fade var(--m-feature) ease 420ms both}
@keyframes s24Fill{from{transform:scaleX(0)}}
/* grade badges: light confined to the badge, in the badge's own colour */
.tpGrade.gA,.gr.gA{box-shadow:0 0 0 1px rgba(var(--m-grn),.45),0 0 12px rgba(var(--m-grn),.30)}
.tpGrade.gB,.gr.gB{box-shadow:0 0 0 1px rgba(var(--m-blu),.45),0 0 12px rgba(var(--m-blu),.28)}
.tpGrade.gC,.gr.gC{box-shadow:0 0 0 1px rgba(var(--m-amb),.45),0 0 12px rgba(var(--m-amb),.26)}

/* --- primary actions: lift, gold light, the arrow moves, a clear press --- */
.spGo,.hxBtn.pri{position:relative}
.spGo span[aria-hidden],.gcGo i,.whyGo i,.hxLink span[aria-hidden]{display:inline-block;transition:transform var(--m-card) var(--m-ease)}
.spGo:active,.hxBtn.pri:active{transform:translateY(0) scale(.975);box-shadow:0 2px 8px rgba(var(--m-gold),.18)}
@media(hover:hover) and (pointer:fine){
  .spGo:hover span[aria-hidden],.gc:hover .gcGo i,.whyC:hover .whyGo i,.hxLink:hover span[aria-hidden]{transform:translateX(4px)}
  .hxBtn.pri:hover{box-shadow:0 10px 26px rgba(var(--m-gold),.28)}
  /* game cards: lift + border already exist; add the restrained gold edge */
  #hxGames .gc:hover{box-shadow:0 10px 26px rgba(0,0,0,.35),inset 0 2px 0 rgba(var(--m-gold),.55)}
  .whyC:hover .whyIc{transform:translateY(-2px)}
}
.whyIc{transition:transform var(--m-card) var(--m-ease)}
:where(.spGo,.hxBtn,.gc,.whyC,.prGame,.prPl,.bkCard):focus-visible{outline:2px solid rgb(var(--m-gold));outline-offset:2px}


/* --- Props: matchup ring, trend bars, simulation bars. They show the real value; the motion only reveals it. --- */
.ppRg.s24go .fg{animation:s24Ring 900ms var(--m-ease) both}
.ppRg.s24go b{animation:s24Fade var(--m-chart) ease 250ms both}
@keyframes s24Ring{from{stroke-dashoffset:var(--s24c,188.5)}}
.s24go>.txBr .txBa i,.s24go>.txCb .txBa i{transform-origin:50% 100%;animation:s24Rise var(--m-chart) var(--m-ease) both;animation-delay:calc(var(--s24i,0)*18ms)}
.s24go>.txBr .txBa em{animation:s24Fade var(--m-chart) ease 320ms both}
@keyframes s24Rise{from{transform:scaleY(0)}}
.txBr.sel .txBa i{box-shadow:0 0 0 2px rgba(var(--m-gold),.75)}
.smBar.s24go{animation:s24Wipe 700ms var(--m-ease) both}
@keyframes s24Wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

/* --- reveal once on scroll (How It Works steps, home feature cards). Hidden state exists only while the runtime is managing the element. --- */
.s24r{opacity:0;transform:translateY(14px)}
.s24r.s24rin{opacity:1;transform:none;transition:opacity var(--m-feature) ease,transform var(--m-feature) var(--m-ease);transition-delay:calc(var(--s24i,0)*70ms)}
#pg-how .hwStep:not(:last-child)::after{border-top-style:solid;border-top-color:rgba(var(--m-gold),.55);transform-origin:0 50%}
#pg-how .hwStep.s24r:not(:last-child)::after{transform:scaleX(0)}
#pg-how .hwStep.s24r.s24rin:not(:last-child)::after{transform:none;transition:transform 500ms var(--m-ease) 380ms}
@media(max-width:1000px){#pg-how .hwStep:not(:last-child)::after{border-left-style:solid;border-left-color:rgba(var(--m-gold),.55);transform:none!important}}

/* --- quiet: no decorative motion --- */
@media(prefers-reduced-motion:reduce){
  .s24Pulse::after{display:none}
  .s24Boot #hxH span,.s24Boot #hxH em,.s24Boot .hxSub,.s24Boot .hxCta,.spot.s24go *,.ppRg.s24go *,.s24go>.txBr .txBa i,.s24go>.txCb .txBa i,.s24go>.txBr .txBa em,.smBar.s24go{animation:none!important}
  .s24r{opacity:1;transform:none}
  .spGo span[aria-hidden],.gcGo i,.whyGo i,.hxLink span[aria-hidden],.whyIc{transition:none}
}