/* ============ NBA League Hub — cinematic, matches the homepage theme ============ */
#bxproto .hubwrap{max-width:1180px;margin:0 auto;padding:0 22px 60px}
#bxproto .band{padding:34px 0}
#bxproto .band.tight{padding:22px 0}
#bxproto .wrap{max-width:1180px;margin:0 auto;padding:0 22px}
#bxproto .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
#bxproto .stitle{font-size:1.35rem;font-weight:600;letter-spacing:-.01em}
#bxproto .shead p{margin:4px 0 0;color:var(--bx-tx2);font-size:.9rem;max-width:60ch}
#bxproto .see{font-size:.83rem;font-weight:700;color:var(--bx-cy);text-decoration:none;white-space:nowrap}
#bxproto .see:hover{text-decoration:underline}
#bxproto .liveago{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bx-cy);vertical-align:middle;margin-left:8px}
#bxproto .liveago .d{width:6px;height:6px;border-radius:50%;background:var(--bx-cy);box-shadow:0 0 8px var(--bx-cy);animation:hbpulse 1.8s ease-in-out infinite}
@keyframes hbpulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Hero */
#bxproto .nbahero{position:relative;overflow:hidden;border-bottom:1px solid var(--bx-line);padding:clamp(28px,5vw,60px) 0 30px}
#bxproto .nbahero .glow{position:absolute;inset:0;background:radial-gradient(60% 80% at 18% 0%,color-mix(in srgb,var(--bx-vi) 22%,transparent),transparent 60%),radial-gradient(50% 70% at 85% 10%,color-mix(in srgb,var(--bx-cy) 16%,transparent),transparent 60%);pointer-events:none}
#bxproto .nbacrumbs{font-size:12.5px;color:var(--bx-tx2);position:relative}
#bxproto .nbacrumbs a{color:var(--bx-tx1);text-decoration:none}#bxproto .nbacrumbs a:hover{color:var(--bx-cy)}
#bxproto .nbaeyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bx-cy);margin:14px 0 6px;position:relative}
#bxproto .nbaeyebrow i{width:7px;height:7px;border-radius:50%;background:var(--bx-cy);box-shadow:0 0 10px var(--bx-cy);display:inline-block;animation:hbpulse 1.8s ease-in-out infinite}
#bxproto .nbah1{font-family:var(--serif);font-size:clamp(2.4rem,6vw,4rem);line-height:.98;font-weight:600;letter-spacing:-.02em;margin:0;position:relative}
#bxproto .nbah1 .grad{background:linear-gradient(115deg,var(--bx-cy),var(--bx-vi));-webkit-background-clip:text;background-clip:text;color:transparent}
#bxproto .nbasub{color:var(--bx-tx1);font-size:1.02rem;margin:12px 0 0;max-width:56ch;position:relative}
#bxproto .pulse{display:flex;flex-wrap:wrap;gap:26px;margin-top:20px;position:relative}
#bxproto .pulse .pit b{display:block;font-family:var(--serif);font-size:1.7rem;font-weight:600;color:var(--bx-tx);line-height:1;font-variant-numeric:tabular-nums}
#bxproto .pulse .pit span{font-size:.74rem;color:var(--bx-tx2);letter-spacing:.05em;text-transform:uppercase;margin-top:5px;display:block}

/* MVP ladder */
#bxproto .ladder{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
#bxproto .mvprow{display:grid;grid-template-columns:26px 46px 1fr auto;align-items:center;gap:13px;padding:12px 15px;border:1px solid var(--bx-line2);border-radius:14px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);transition:transform .16s,border-color .16s,background .16s}
#bxproto .mvprow:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bx-cy) 45%,var(--bx-line2));background:color-mix(in srgb,var(--bx-cy) 4%,var(--bx-2))}
#bxproto .mvprow.lead{background:linear-gradient(120deg,color-mix(in srgb,var(--bx-vi) 12%,var(--bx-2)),var(--bx-2));border-color:color-mix(in srgb,var(--bx-vi) 35%,var(--bx-line2))}
#bxproto .mvprk{font-family:var(--serif);font-size:1.15rem;font-weight:600;color:var(--bx-tx2);text-align:center}
#bxproto .mvprow.lead .mvprk{color:var(--bx-cy)}
#bxproto .mvpav{width:46px;height:46px;border-radius:11px;overflow:hidden;flex:none}
#bxproto .mvpnm{font-weight:600;font-size:.98rem;line-height:1.15;display:flex;align-items:center;gap:7px}
#bxproto .mvpnm img{width:17px;height:17px;object-fit:contain}
#bxproto .mvpline{font-size:.76rem;color:var(--bx-tx2);margin-top:3px}
#bxproto .mvpodds{text-align:right}
#bxproto .mvpodds b{font-family:var(--serif);font-size:1.25rem;font-weight:600;color:var(--bx-cy);display:block;line-height:1}
#bxproto .mvpodds span{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-tx2)}

/* Stat leaders */
#bxproto .leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#bxproto .lcard{border:1px solid var(--bx-line2);border-radius:16px;background:var(--bx-2);padding:15px 16px}
#bxproto .lcard h3{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bx-tx2);margin:0 0 12px;display:flex;align-items:center;gap:8px}
#bxproto .lcard h3 em{font-style:normal;color:var(--bx-cy)}
#bxproto .lrow{display:grid;grid-template-columns:16px 34px 1fr auto;align-items:center;gap:11px;padding:7px 0;text-decoration:none;color:var(--bx-tx);border-top:1px solid color-mix(in srgb,var(--bx-line) 60%,transparent)}
#bxproto .lrow:first-of-type{border-top:0}
#bxproto .lrow:hover .lnm{color:var(--bx-cy)}
#bxproto .lrk{font-size:.8rem;font-weight:700;color:var(--bx-tx2);text-align:center}
#bxproto .lav{width:34px;height:34px;border-radius:9px;overflow:hidden}
#bxproto .lnm{font-size:.9rem;font-weight:600;line-height:1.1;transition:color .14s}
#bxproto .lteam{font-size:.72rem;color:var(--bx-tx2)}
#bxproto .lval{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--bx-tx);font-variant-numeric:tabular-nums}
#bxproto .lval small{font-size:.62rem;color:var(--bx-tx2);font-family:"Space Grotesk",sans-serif;margin-left:2px}

/* Standings */
#bxproto .stcols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
#bxproto .stcols h3{font-size:.9rem;font-weight:700;margin:0 0 10px;color:var(--bx-tx1)}
#bxproto .strow{display:grid;grid-template-columns:20px 26px 1fr auto auto;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--bx-line2);border-radius:11px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);margin-bottom:7px;transition:border-color .15s,transform .15s}
#bxproto .strow:hover{border-color:color-mix(in srgb,var(--bx-cy) 45%,var(--bx-line2));transform:translateX(2px)}
#bxproto .strk{font-size:.78rem;font-weight:700;color:var(--bx-tx2);text-align:center}
#bxproto .strow img{width:26px;height:26px;object-fit:contain}
#bxproto .stnm{font-weight:600;font-size:.9rem}
#bxproto .stnm .rec{color:var(--bx-tx2);font-weight:500;margin-left:7px;font-size:.82rem}
#bxproto .stnet{font-size:.78rem;color:var(--bx-tx1);font-variant-numeric:tabular-nums;text-align:right;min-width:52px}
#bxproto .stgr{font-family:var(--serif);font-weight:600;font-size:.95rem;min-width:30px;text-align:right}

/* Teams grid */
#bxproto .teamgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
#bxproto .tcard{display:flex;align-items:center;gap:13px;padding:13px 15px;border:1px solid var(--bx-line2);border-radius:14px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);position:relative;overflow:hidden;transition:transform .16s,border-color .16s}
#bxproto .tcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc,var(--bx-cy))}
#bxproto .tcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tc,var(--bx-cy)) 55%,var(--bx-line2))}
#bxproto .tcard img{width:38px;height:38px;object-fit:contain;flex:none}
#bxproto .tcard .tnm{font-weight:600;font-size:.94rem;line-height:1.15}
#bxproto .tcard .tmt{font-size:.74rem;color:var(--bx-tx2);margin-top:2px}
#bxproto .tcard .tmt b{color:var(--bx-tx1);font-weight:700}

/* Positions */
#bxproto .posrow{display:flex;flex-wrap:wrap;gap:11px}
#bxproto .poschip{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid var(--bx-line2);border-radius:13px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);transition:border-color .15s,transform .15s}
#bxproto .poschip:hover{border-color:var(--bx-cy);transform:translateY(-2px)}
#bxproto .poschip b{font-weight:600;font-size:.95rem}
#bxproto .poschip span{font-size:.76rem;color:var(--bx-tx2)}

/* Players browse */
#bxproto .pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:10px}
#bxproto .pcell{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--bx-line2);border-radius:12px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);transition:border-color .15s,transform .15s}
#bxproto .pcell:hover{border-color:color-mix(in srgb,var(--bx-cy) 45%,var(--bx-line2));transform:translateY(-1px)}
#bxproto .pcell .pav{width:38px;height:38px;border-radius:10px;overflow:hidden;flex:none}
#bxproto .pcell .pnm{font-weight:600;font-size:.9rem;line-height:1.1}
#bxproto .pcell .pmt{font-size:.73rem;color:var(--bx-tx2);margin-top:2px}
#bxproto .hubfoot{margin-top:40px;padding-top:20px;border-top:1px solid var(--bx-line);color:var(--bx-tx2);font-size:.85rem}
#bxproto .hubfoot b{color:var(--bx-tx1)}

@media(max-width:820px){
  #bxproto .ladder{grid-template-columns:1fr}
  #bxproto .leaders{grid-template-columns:1fr}
  #bxproto .stcols{grid-template-columns:1fr}
}

/* ---- Power Rankings (all 30) ---- */
#bxproto .tier{margin:20px 0 10px;display:flex;align-items:center;gap:13px}
#bxproto .tier .tl{font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--bx-tx1);white-space:nowrap}
#bxproto .tier .tl em{font-style:normal;color:var(--bx-tx2);font-weight:600;margin-left:6px}
#bxproto .tier .tbar{flex:1;height:1px;background:linear-gradient(90deg,var(--bx-line2),transparent)}
#bxproto .prow{display:grid;grid-template-columns:34px 34px 1fr auto 30px 58px;align-items:center;gap:13px;padding:11px 14px 11px 15px;border:1px solid var(--bx-line2);border-radius:13px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);margin-bottom:8px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s,background .15s}
#bxproto .prow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc,var(--bx-cy))}
#bxproto .prow:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--tc,var(--bx-cy)) 55%,var(--bx-line2));background:color-mix(in srgb,var(--tc,var(--bx-cy)) 6%,var(--bx-2))}
#bxproto .prk{font-family:var(--serif);font-size:1.3rem;font-weight:600;color:var(--bx-tx2);text-align:center}
#bxproto .prow img{width:32px;height:32px;object-fit:contain}
#bxproto .pnm{font-weight:600;font-size:.96rem;line-height:1.1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#bxproto .pconf{font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-tx2);border:1px solid var(--bx-line2);border-radius:5px;padding:1px 5px}
#bxproto .pmeta{font-size:.74rem;color:var(--bx-tx2);margin-top:3px;font-variant-numeric:tabular-nums}
#bxproto .pmeta b{color:var(--bx-tx1);font-weight:700}
#bxproto .pnet{text-align:right;font-variant-numeric:tabular-nums}
#bxproto .pnet b{font-family:var(--serif);font-size:1.02rem;font-weight:600;color:var(--bx-tx);display:block;line-height:1}
#bxproto .pnet span{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-tx2)}
#bxproto .pgr{font-family:var(--serif);font-weight:600;font-size:1.05rem;text-align:center}
#bxproto .ptitle{text-align:right}
#bxproto .ptitle b{font-family:var(--serif);font-size:1.02rem;font-weight:600;color:var(--bx-cy);display:block;line-height:1}
#bxproto .ptitle span{font-size:.55rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-tx2)}
@media(max-width:720px){
  #bxproto .prow{grid-template-columns:26px 28px 1fr auto 26px;gap:10px}
  #bxproto .prow .ptitle{display:none}
}

/* keep hub content above the fixed cosmic starfield */
#bxproto{position:relative}
#bxproto > section{position:relative;z-index:1}

/* ================= Team page (cinematic) ================= */
#bxproto .thero{position:relative;overflow:hidden;border-bottom:1px solid var(--bx-line);padding:clamp(26px,5vw,54px) 0 26px}
#bxproto .thero .tglow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 90% at 16% 0%,color-mix(in srgb,var(--tc,var(--bx-cy)) 26%,transparent),transparent 60%),radial-gradient(46% 70% at 88% 8%,color-mix(in srgb,var(--bx-vi) 16%,transparent),transparent 60%)}
#bxproto .thero .twm{position:absolute;right:-2vw;top:50%;transform:translateY(-50%);width:min(40vw,360px);opacity:.10;pointer-events:none;filter:saturate(1.1)}
#bxproto .theadrow{display:flex;align-items:center;gap:16px;position:relative}
#bxproto .theadrow .tlogo{width:64px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 6px 18px color-mix(in srgb,var(--tc,var(--bx-cy)) 55%,transparent))}
#bxproto .th1{font-family:var(--serif);font-size:clamp(2rem,5vw,3.2rem);font-weight:600;letter-spacing:-.02em;line-height:1;margin:0}
#bxproto .tsub{color:var(--bx-tx1);font-size:.98rem;margin:10px 0 0;position:relative}
#bxproto .tstats{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;position:relative}
#bxproto .tstat{border:1px solid var(--bx-line2);border-radius:13px;background:color-mix(in srgb,var(--tc,var(--bx-cy)) 6%,var(--bx-2));padding:11px 15px;min-width:96px}
#bxproto .tstat b{display:block;font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--bx-tx);line-height:1;font-variant-numeric:tabular-nums}
#bxproto .tstat.accent b{color:var(--tc,var(--bx-cy))}
#bxproto .tstat span{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-tx2);margin-top:6px;display:block}

/* roster (model-ranked) */
#bxproto .rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:11px}
#bxproto .rcard{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:11px 14px;border:1px solid var(--bx-line2);border-radius:14px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);position:relative;overflow:hidden;transition:transform .15s,border-color .15s,background .15s}
#bxproto .rcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc,var(--bx-cy));opacity:.7}
#bxproto .rcard:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tc,var(--bx-cy)) 50%,var(--bx-line2));background:color-mix(in srgb,var(--tc,var(--bx-cy)) 5%,var(--bx-2))}
#bxproto .rav{width:48px;height:48px;border-radius:11px;overflow:hidden;flex:none}
#bxproto .rnm{font-weight:600;font-size:.96rem;line-height:1.1}
#bxproto .rmeta{font-size:.75rem;color:var(--bx-tx2);margin-top:3px;font-variant-numeric:tabular-nums}
#bxproto .rodds{text-align:right}
#bxproto .rodds b{font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--tc,var(--bx-cy));display:block;line-height:1}
#bxproto .rodds span{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-tx2)}

/* upcoming games */
#bxproto .ugames{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
#bxproto .ugame{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--bx-line2);border-radius:12px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);transition:border-color .15s,transform .15s}
#bxproto .ugame:hover{border-color:color-mix(in srgb,var(--bx-cy) 45%,var(--bx-line2));transform:translateY(-2px)}
#bxproto .ugame img{width:30px;height:30px;object-fit:contain;flex:none}
#bxproto .ugd{font-size:.72rem;color:var(--bx-tx2)}
#bxproto .ugm{font-weight:600;font-size:.9rem}
#bxproto .ugm .va{color:var(--bx-tx2);font-weight:500;font-size:.8rem;margin:0 5px}

/* wrap the legacy detail sections so they read on the dark theme */
#bxproto .legacy{background:transparent}
#bxproto .legacy .panel{background:var(--bx-2);border:1px solid var(--bx-line2);border-radius:14px}
@media(max-width:820px){#bxproto .rgrid{grid-template-columns:1fr}}

/* ================= Dedicated MVP page ================= */
#bxproto .mvplist{display:flex;flex-direction:column;gap:10px}
#bxproto .mvpbig{display:grid;grid-template-columns:32px 52px 1fr 82px;align-items:center;gap:14px;padding:13px 16px;border:1px solid var(--bx-line2);border-radius:14px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);transition:transform .15s,border-color .15s,background .15s}
#bxproto .mvpbig:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--bx-cy) 45%,var(--bx-line2));background:color-mix(in srgb,var(--bx-cy) 4%,var(--bx-2))}
#bxproto .mvpbig.lead{background:linear-gradient(120deg,color-mix(in srgb,var(--bx-vi) 13%,var(--bx-2)),var(--bx-2));border-color:color-mix(in srgb,var(--bx-vi) 38%,var(--bx-line2))}
#bxproto .mbrk{font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--bx-tx2);text-align:center}
#bxproto .mvpbig.lead .mbrk{color:var(--bx-cy)}
#bxproto .mbav{width:52px;height:52px;border-radius:12px;overflow:hidden}
#bxproto .mbnm{font-weight:600;font-size:1rem;display:flex;align-items:center;gap:8px}
#bxproto .mbnm img{width:18px;height:18px;object-fit:contain}
#bxproto .mbtag{font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bx-tx2);border:1px solid var(--bx-line2);border-radius:5px;padding:1px 6px}
#bxproto .mbline{font-size:.76rem;color:var(--bx-tx2);margin:3px 0 9px;font-variant-numeric:tabular-nums}
#bxproto .facs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;max-width:560px}
#bxproto .fac{font-size:.58rem;letter-spacing:.02em;text-transform:uppercase;color:var(--bx-tx2)}
#bxproto .fac .ft{display:block;height:4px;border-radius:3px;background:var(--bx-3);margin-top:4px;overflow:hidden}
#bxproto .fac .ft i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--bx-cy),var(--bx-vi))}
#bxproto .mbodds{text-align:right}
#bxproto .mbodds b{font-family:var(--serif);font-size:1.55rem;font-weight:600;color:var(--bx-cy);display:block;line-height:1}
#bxproto .mbodds span{font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bx-tx2)}
@media(max-width:720px){#bxproto .mvpbig{grid-template-columns:26px 44px 1fr auto}#bxproto .facs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ================= Dedicated Power page ================= */
#bxproto .pbig{display:grid;grid-template-columns:36px 40px 1fr 148px auto;align-items:center;gap:15px;padding:13px 16px;border:1px solid var(--bx-line2);border-radius:14px;background:var(--bx-2);text-decoration:none;color:var(--bx-tx);margin-bottom:9px;position:relative;overflow:hidden;transition:transform .15s,border-color .15s}
#bxproto .pbig::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tc,var(--bx-cy))}
#bxproto .pbig:hover{transform:translateX(2px);border-color:color-mix(in srgb,var(--tc,var(--bx-cy)) 52%,var(--bx-line2))}
#bxproto .pbrk{font-family:var(--serif);font-size:1.4rem;font-weight:600;color:var(--bx-tx2);text-align:center}
#bxproto .pbig img.pblogo{width:38px;height:38px;object-fit:contain}
#bxproto .pbnm{font-weight:600;font-size:1rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#bxproto .pbsum{font-size:.77rem;color:var(--bx-tx2);margin-top:4px;max-width:56ch;line-height:1.45}
#bxproto .pbmet{font-size:.7rem;color:var(--bx-tx2)}
#bxproto .pbmet .mrow{display:flex;justify-content:space-between;gap:10px;margin:2px 0;font-variant-numeric:tabular-nums}
#bxproto .pbmet .mrow b{color:var(--bx-tx1);font-weight:700}
#bxproto .pbright{text-align:right}
#bxproto .pbright .g{font-family:var(--serif);font-size:1.35rem;font-weight:600;line-height:1}
#bxproto .pbright .o{font-size:.82rem;color:var(--bx-cy);font-weight:700;margin-top:3px}
@media(max-width:720px){#bxproto .pbig{grid-template-columns:26px 32px 1fr auto}#bxproto .pbmet{display:none}}

/* stacking fixes: name / meta lines must be block so they don't run inline */
#bxproto .rnm,#bxproto .rmeta,#bxproto .mbline,#bxproto .pbsum,#bxproto .ugm,#bxproto .ugd,#bxproto .tcard .tnm,#bxproto .tcard .tmt{display:block}

/* perf: skip rendering off-screen cells in long grids (paint/layout win) */
#bxproto .pgrid .pcell{content-visibility:auto;contain-intrinsic-size:auto 58px}
#bxproto .rgrid .rcard{content-visibility:auto;contain-intrinsic-size:auto 72px}
#bxproto .mvplist .mvpbig{content-visibility:auto;contain-intrinsic-size:auto 84px}

/* ---- live schedule (cosmic) ---- */
#bxproto .schdate{font-family:var(--serif);font-size:1.02rem;font-weight:600;color:var(--bx-tx1);margin:24px 0 11px;padding-bottom:8px;border-bottom:1px solid var(--bx-line2)}
#bxproto .schwrap > div:first-child .schdate{margin-top:0}
#bxproto .schday{display:flex;flex-direction:column;gap:7px}
#bxproto .sgrow{display:grid;grid-template-columns:82px 1fr auto;align-items:center;gap:14px;padding:11px 15px;border:1px solid var(--bx-line2);border-radius:12px;background:var(--bx-2);transition:border-color .15s,transform .15s}
#bxproto .sgrow:hover{border-color:color-mix(in srgb,var(--bx-cy) 45%,var(--bx-line2));transform:translateX(2px)}
#bxproto .sgtime{font-family:var(--serif);font-size:.9rem;font-weight:600;color:var(--bx-cy);font-variant-numeric:tabular-nums;white-space:nowrap}
#bxproto .sgtime.live{color:#ff5a5a}
#bxproto .sgmatch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:500;color:var(--bx-tx);font-size:.95rem}
#bxproto .sgmatch img{width:22px;height:22px;object-fit:contain;vertical-align:middle}
#bxproto .sgmatch a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
#bxproto .sgmatch a:hover{color:var(--bx-cy)}
#bxproto .sgat{color:var(--bx-tx2);font-size:.8rem;margin:0 3px;font-weight:400}
#bxproto .sgsub{font-size:.72rem;color:var(--bx-tx2);margin-top:3px;display:block}
#bxproto .sgscore{font-family:var(--serif);font-weight:700;color:var(--bx-tx);font-variant-numeric:tabular-nums;font-size:1rem}