*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{margin:0;background:#0a0d12;color:#e8e8ed;font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
h1{margin:0;font-size:19px;font-weight:600}
.wrap{max-width:760px;margin:0 auto;min-height:100vh;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 40px max(14px,env(safe-area-inset-left))}
.sub{font-size:12px;color:#aab0bd;margin-top:3px;text-align:center}
.hdr{text-align:center;margin:4px 0 2px}
.hdrlogo{width:100%;height:auto;display:block;margin:0 auto}
.search{width:100%;margin:11px 0 2px;padding:12px 14px;font-size:16px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:#161a22;color:#e8e8ed;font-family:inherit}
.search::placeholder{color:#8f96a5}
.search:focus{outline:none;border-color:#8ab4ff}
#noq{display:none;color:#aab0bd;font-size:13px;text-align:center;padding:16px 0}
.filt{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vtab{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.vtabs{display:flex;gap:5px;margin:12px 0 4px}
.vtabs label{flex:1;text-align:center;font-size:11px;font-weight:600;padding:10px 1px;border-radius:10px;background:rgba(255,255,255,.06);color:#aab0bd;cursor:pointer;white-space:nowrap}
#v-bat:checked~.vtabs label[for=v-bat],#v-pit:checked~.vtabs label[for=v-pit],#v-gms:checked~.vtabs label[for=v-gms],#v-res:checked~.vtabs label[for=v-res],#v-perf:checked~.vtabs label[for=v-perf],#v-trk:checked~.vtabs label[for=v-trk]{background:#e8e8ed;color:#0a0d12}
.sec{display:none}
#v-bat:checked~.sec-bat,#v-pit:checked~.sec-pit,#v-gms:checked~.sec-gms,#v-res:checked~.sec-res,#v-perf:checked~.sec-perf,#v-trk:checked~.sec-trk{display:block}
/* Tracked tab + the inline track button on every batter card */
/* HOMER highlight -- the HR Winner logo stamped on the card after he goes deep today.
   Placed inline after the Track button; vertically centered on the row and sized up. */
details.card.homered>summary .nm{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.hrlogo{height:20px;width:auto;vertical-align:middle;margin-left:6px;filter:drop-shadow(0 0 4px rgba(137,37,34,.5))}
.hrlogo-x{font-size:11px;font-weight:800;color:#892522;margin-left:2px;align-self:center}
/* Home / Away badge that lives next to the team abbr in the matchup line and inside the H/A box */
.haloc{font-size:9px;font-weight:700;padding:1px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.04em;vertical-align:1px;margin:0 4px}
.haloc.home{background:rgba(74,222,128,.18);color:#4ade80}
.haloc.away{background:rgba(96,165,250,.18);color:#60a5fa}
/* plain-language matchup summary, 3 labelled sections */
.bsum{font-size:12px;line-height:1.5;color:#d6dae2}
.bsum b{color:#e8e8ed}
.bsum-h{font-size:10px;font-weight:700;color:#8f96a5;text-transform:uppercase;letter-spacing:.06em;margin:10px 0 2px}
.bsum-h:first-child{margin-top:0}
.bsum-p{margin:0 0 2px}
.bsum-form{font-size:11.5px;line-height:1.5;color:#aab0bd;margin:5px 0 2px;padding:6px 9px;background:rgba(255,255,255,.03);border-left:2px solid rgba(255,255,255,.14);border-radius:0 6px 6px 0}
.bsum-form .mut{color:#7b8494}
.bsum-fl{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8f96a5;margin-right:5px}
.bsum-extra{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:5px}
.bsum-x{font-size:12px;color:#cdd2db}
.bsum-x b{color:#e8e8ed}
.bsum-x .mut{color:#7b8494;font-weight:400}
.aaa-tag{display:inline-block;font-size:8.5px;font-weight:700;letter-spacing:.06em;padding:1px 4px;border-radius:3px;background:rgba(167,139,250,.18);color:#a78bfa;vertical-align:middle;margin-right:4px}
.aaa-lift{font-size:9.5px;font-weight:700;color:#a78bfa;margin-left:6px}
.trk-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 13px;border-radius:8px;
         background:rgba(255,255,255,.06);color:#aab0bd;font-size:11px;font-weight:600;
         border:0;cursor:pointer;margin:8px 0;text-transform:uppercase;letter-spacing:.04em;
         font-family:inherit;text-align:center;line-height:1}
.trk-btn.on{background:rgba(251,191,36,.18);color:#fbbf24}
.trk-btn:hover{background:rgba(255,255,255,.10)}
.trk-btn.on:hover{background:rgba(251,191,36,.26)}
/* compact button that lives inline to the RIGHT of the player name */
.trk-mini{padding:3px 8px;margin:0 0 0 8px;font-size:10px;letter-spacing:.05em;width:auto;vertical-align:middle}
/* full-width button anchored at the bottom of the expanded card */
.trk-full{display:flex;width:100%;padding:12px 14px;margin:12px 0 4px;font-size:12px}
.sec-trk .psub{margin:8px 0 10px}
#trk-empty{color:#8f96a5;font-size:13px;padding:24px 12px;text-align:center;
           border:1px dashed rgba(255,255,255,.10);border-radius:10px;margin-top:8px}
/* Games tab: 3 across grid, compact tiles; expanded card spans the full row */
/* Games tab: single-column responsive stack, ordered by first-pitch time */
.sec-gms .list{display:flex;flex-direction:column;gap:8px}
.sec-gms details.card{margin-bottom:0}
.pfsel{display:flex;gap:10px;flex-wrap:wrap}
.pfsel label{flex:1;min-width:130px;font-size:10px;color:#b3b9c5;text-transform:uppercase;letter-spacing:.04em}
.pfsel select{display:block;width:100%;margin-top:5px;background:#0f131b;color:#e8e8ed;border:1px solid #2a313d;border-radius:9px;padding:10px;font-size:14px;-webkit-appearance:none;appearance:none}
.rk{color:#8f96a5;font-weight:700;margin-right:1px}
.psub{font-size:11.5px;color:#aab0bd;margin:8px 0 10px}
.pf-games{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}
.pf-gtab{font-size:11px;font-weight:600;padding:7px 11px;border-radius:8px;background:rgba(255,255,255,.06);color:#aab0bd;border:0;cursor:pointer;font-family:inherit;white-space:nowrap}
.pf-gtab.on{background:#e8e8ed;color:#0a0d12}
.pf-pick{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:6px 0 12px}
.pf-pick>label{display:flex;flex-direction:column;gap:5px;flex:1 1 150px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#8f96a5;font-weight:700}
.pf-pick select{background:#0f131b;color:#e8e8ed;border:1px solid #2a313d;border-radius:9px;padding:10px;font-size:13px;-webkit-appearance:none;appearance:none}
.pf-style{display:flex;gap:12px;align-items:center;font-size:12px;color:#c8cdd6;font-weight:400}
.pf-style label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.pf-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;align-items:start}
.pf-coltl{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8f96a5;margin-bottom:6px}
.pf-cards details.card{margin:0}
@media (max-width:760px){.pf-cards{grid-template-columns:1fr}}
.grow{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}
.grow:last-child{border-bottom:none}
a.grow.lk{text-decoration:none;color:#c8cdd6;align-items:center;cursor:pointer}
a.grow.lk:active{background:rgba(255,255,255,.04)}
a.grow.lk .grv{display:flex;align-items:center;gap:8px}
a.grow.lk .arr{color:#6b7280;font-size:14px;line-height:1;transition:transform .15s}
a.grow.lk.open .arr{transform:rotate(90deg)}
details.card.lu{background:#0f131b}
details.card.flat{border-left:0;background:#0f131b;margin:7px 0 2px}      /* embedded SP card: no colored left border -> stays aligned */
details.card.flat>summary{padding:11px 13px}
details.card.flat .box{margin-top:0}
.ludetail{padding:2px 4px 4px}
.ludetail .seg{margin:14px 2px 7px}
.ludetail details.card{margin-bottom:6px}
.lblmini{font-size:10px;color:#9aa1b0;text-transform:uppercase;letter-spacing:.04em;margin:0 2px 6px}
.lurow{padding:9px 12px;font-size:13px;background:#161a22;border-radius:9px;margin-bottom:6px;border-left:0;color:#c8cdd6}
.lurow.flat{border-left:0;background:#0f131b}
/* lineup section ("Current lineups & pitchers"): kill colored borders on every nested card so the list flows as one block */
.ludetail details.card{margin-bottom:7px}
.ludetail>details.card,.ludetail>div>details.card{border-left:0;background:#0f131b}
.lurow .nr{float:right;font-size:11px}
.lurow.lk{display:flex;align-items:center;gap:6px;text-decoration:none;color:#c8cdd6}
.lurow.lk:active{background:#1b212c}
.lurow.lk .nr{float:none;margin-left:auto;font-size:11px}
.lurow.lk .arr{color:#6b7280;font-size:15px;line-height:1}
.loadmore{height:1px}
.hstog{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.htabs{display:flex;gap:6px;margin:2px 0 11px}
.htabs label{font-size:11px;font-weight:600;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.06);color:#aab0bd;cursor:pointer}
.bset{display:none}
.hstog-all:checked~.box .bset-all,.hstog-l:checked~.box .bset-l,.hstog-r:checked~.box .bset-r{display:block}
.hstog-all:checked~.box label[for$="-all"],.hstog-l:checked~.box label[for$="-l"],.hstog-r:checked~.box label[for$="-r"]{background:#e8e8ed;color:#0a0d12}
.arz{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.aset{display:none}
/* sub-toggle inside the SP pset (Overall / vs LHP / vs RHP) -- arz radios sit OUTSIDE .box, the .aset / .arlab live INSIDE it */
.ddpane .arzo:checked~.box .aset.aset-all,.ddpane .arzl:checked~.box .aset.aset-l,.ddpane .arzr:checked~.box .aset.aset-r{display:block}
.ddpane .arzo:checked~.box .arlab-o,.ddpane .arzl:checked~.box .arlab-l,.ddpane .arzr:checked~.box .arlab-r{background:#e8e8ed;color:#0a0d12}
/* pitcher selector (vs Starter / vs RP-N) -- show one pset block at a time within its card */
.pz{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.pset{display:none}
/* psets are direct siblings of the pz radios (under .detail), stacked below the batter section */
.pz-sp:checked~.pset-sp,.pz-rp1:checked~.pset-rp1,.pz-rp2:checked~.pset-rp2,.pz-rp3:checked~.pset-rp3,.pz-rp4:checked~.pset-rp4,.pz-rp5:checked~.pset-rp5,.pz-rp6:checked~.pset-rp6,.pz-rp7:checked~.pset-rp7,.pz-rp8:checked~.pset-rp8,.pz-rp9:checked~.pset-rp9,.pz-rp10:checked~.pset-rp10,.pz-rp11:checked~.pset-rp11,.pz-rp12:checked~.pset-rp12,.pz-rp13:checked~.pset-rp13,.pz-rp14:checked~.pset-rp14,.pz-rp15:checked~.pset-rp15,.pz-rp16:checked~.pset-rp16,.pz-rp17:checked~.pset-rp17,.pz-rp18:checked~.pset-rp18,.pz-rp19:checked~.pset-rp19,.pz-rp20:checked~.pset-rp20{display:block}
.pz-sp:checked~.pickbox .parlab-sp,.pz-rp1:checked~.pickbox .parlab-rp1,.pz-rp2:checked~.pickbox .parlab-rp2,.pz-rp3:checked~.pickbox .parlab-rp3,.pz-rp4:checked~.pickbox .parlab-rp4,.pz-rp5:checked~.pickbox .parlab-rp5,.pz-rp6:checked~.pickbox .parlab-rp6,.pz-rp7:checked~.pickbox .parlab-rp7,.pz-rp8:checked~.pickbox .parlab-rp8,.pz-rp9:checked~.pickbox .parlab-rp9,.pz-rp10:checked~.pickbox .parlab-rp10,.pz-rp11:checked~.pickbox .parlab-rp11,.pz-rp12:checked~.pickbox .parlab-rp12,.pz-rp13:checked~.pickbox .parlab-rp13,.pz-rp14:checked~.pickbox .parlab-rp14,.pz-rp15:checked~.pickbox .parlab-rp15,.pz-rp16:checked~.pickbox .parlab-rp16,.pz-rp17:checked~.pickbox .parlab-rp17,.pz-rp18:checked~.pickbox .parlab-rp18,.pz-rp19:checked~.pickbox .parlab-rp19,.pz-rp20:checked~.pickbox .parlab-rp20{background:#e8e8ed;color:#0a0d12}
/* MATCHUP LAYOUT: batter col (Pitch-by-Pitch + Power) | pitcher col (collapsible picker + card); wraps on phone */.mrow{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0}.mcol{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:8px}.mcol-pit{align-self:flex-start}.pbp{display:none}.pbp>.box{margin-top:0}.pickwrap{background:#0f131b;border-radius:9px;padding:0;overflow:hidden}.pickwrap>summary{list-style:none;cursor:pointer;padding:10px 12px;font-size:11px;color:#b3b9c5;text-transform:uppercase;letter-spacing:.04em;position:relative}.pickwrap>summary::-webkit-details-marker{display:none}.pickwrap>summary::after{content:'▾';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#9aa1b0;font-size:12px;transition:transform .15s}.pickwrap:not([open])>summary::after{transform:translateY(-50%) rotate(-90deg)}.pickwrap .ptabs{padding:0 10px 10px}.collap{margin:0}.collap>summary{list-style:none;cursor:pointer;padding:8px 2px;font-size:11px;color:#b3b9c5;text-transform:uppercase;letter-spacing:.04em;position:relative;border-bottom:1px solid rgba(255,255,255,.07)}.collap>summary::-webkit-details-marker{display:none}.collap>summary::after{content:'▾';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#9aa1b0;font-size:11px;transition:transform .15s}.collap:not([open])>summary::after{transform:translateY(-50%) rotate(-90deg)}.collap[open]>summary{margin-bottom:8px}/* TARGETS cards: 3 score bars + collapsible why */.tcard{background:#161a22;border-radius:10px;margin-bottom:7px;overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 70px}.tcard>summary{list-style:none;cursor:pointer;padding:10px 12px;position:relative}.tcard>summary::-webkit-details-marker{display:none}.tcard>summary::after{content:'▾';position:absolute;right:13px;top:14px;color:#9aa1b0;font-size:12px;transition:transform .15s}.tcard:not([open])>summary::after{transform:rotate(-90deg)}.tsum{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-right:18px}.tsL{min-width:150px;flex:1}.tscores{display:flex;gap:10px;flex:1;min-width:230px;justify-content:flex-end}.tsc{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:62px}.tslab{font-size:8.5px;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.tstrack{width:100%;height:5px;border-radius:3px;background:#1e293b;overflow:hidden}.tsfill{display:block;height:100%}.tsval{font-size:13px;font-weight:700}.phr{color:#cbd5e1;font-weight:700}.tsc-hero{min-width:68px}.tsc-hero .tslab{color:#e5e7eb;font-weight:800}.tsc-hero .tstrack{height:7px}.tsc-hero .tsval{font-size:16px;font-weight:800}.tsc-hero+.tsc{border-left:1px solid rgba(255,255,255,.08);padding-left:10px}.tcard .detail{padding:2px 12px 12px}/* SCOREBOARD */.sbwrap{display:flex;flex-direction:column;gap:4px}.sbh{font-size:11px;color:#b3b9c5;text-transform:uppercase;letter-spacing:.05em;margin:12px 2px 3px;font-weight:700}.sbcards{display:flex;gap:8px;flex-wrap:wrap}.sbcard{flex:1 1 140px;background:#161a22;border-radius:10px;padding:11px 13px}.sbk{font-weight:800;font-size:14px}.sbsub{font-size:9.5px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin:2px 0 7px}.sbrate{font-size:28px;font-weight:800;line-height:1}.sbline{font-size:11px;color:#9aa6bb;margin-top:4px}.sbnote{font-size:11px;color:#8a93a5;margin:6px 2px;line-height:1.45}.sbtable{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:2px}.sbtable th{font-size:9.5px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;text-align:right;padding:4px 7px;font-weight:600}.sbtable th:first-child,.sbtable td:first-child{text-align:left}.sbtable td{padding:6px 7px;border-top:1px solid rgba(255,255,255,.06);text-align:right;color:#cbd5e1}.sbpit{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;border-top:1px solid rgba(255,255,255,.06)}.sbpit .pL{min-width:0}.sbpit .pn{font-weight:600;font-size:13px}.sbpit .pm{font-size:11px;color:#64748b;font-weight:400}.sbpit .pb{font-size:11.5px;color:#cbd5e1;margin-top:2px}.sbhr{background:#2a1518;color:#f87171;border-radius:7px;padding:3px 10px;font-weight:800;font-size:14px;white-space:nowrap}.sbday{background:#161a22;border-radius:10px;margin-bottom:7px;overflow:hidden}.sbday>summary{list-style:none;cursor:pointer;padding:11px 13px;position:relative}.sbday>summary::-webkit-details-marker{display:none}.sbday>summary::after{content:'▾';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#9aa1b0;font-size:12px;transition:transform .15s}.sbday:not([open])>summary::after{transform:translateY(-50%) rotate(-90deg)}.sbday .detail{padding:2px 13px 12px}.sbds{display:flex;flex-direction:column;gap:7px;padding-right:18px}.sbdtop{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sbdd{font-weight:800;font-size:15px}.sbdb{font-size:10.5px;color:#64748b;white-space:nowrap}.sbdc{display:flex;flex-wrap:wrap;gap:6px}.sbchip{font-size:11.5px;color:#9aa6bb;background:#0f131b;border-radius:6px;padding:2px 9px}.sblive{box-shadow:inset 0 0 0 1px rgba(248,113,113,.4)}.sblbl{background:#f87171;color:#0a0d12;border-radius:5px;padding:1px 6px;font-size:9px;font-weight:800;letter-spacing:.5px}.sbrow{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid rgba(255,255,255,.06);font-size:12.5px}.sbrk{white-space:nowrap;color:#b3b9c5}.sbrn{text-align:right;color:#cbd5e1}/* matchup two-card: hide the single summary when open (both headers now live in the columns) */.mtwo[open]>summary{display:none}.mh-bat{margin:0 0 2px}.mh-bat .sline{padding:0}.mh-pit-wrap>.pset>.card{margin:0}.mh-pit-wrap>.card>summary{position:relative;padding-right:18px;cursor:pointer}.mh-pit-wrap>.card>summary::after{content:'▾';position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#9aa1b0;font-size:12px;transition:transform .15s}.mh-pit-wrap>.card:not([open])>summary::after{transform:translateY(-50%) rotate(-90deg)}.pitcol:not([open]) .pitwrap{display:none!important}/* DETAILED DATA accordion (ESPN-style pitcher splits) */.pdd{margin-top:7px;border-top:1px solid rgba(255,255,255,.08)}.pdd>summary{font-weight:700;color:#e5e7eb}.pdd:not([open]) .ddwrap{display:none!important}.ddwrap{padding:5px 0 2px}.ddwrap2{padding:2px 0 2px}.dd2>summary{font-size:10.5px;padding:7px 2px}.dd2:not([open]) .ddtw{display:none!important}.dd2:not([open]) .ddwrap2{display:none!important}.dd3{margin-left:9px}.dd3>summary{font-size:10px;color:#9aa1b0;padding:6px 2px;border-bottom-color:rgba(255,255,255,.04)}.dd3:not([open]) .ddtw{display:none!important}.ddtag{font-size:8px;color:#64748b;text-transform:none;letter-spacing:0;background:#0f131b;border-radius:4px;padding:1px 5px;margin-left:5px;vertical-align:middle}.ddtw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:2px 0 7px;border-radius:7px}.ddt{border-collapse:collapse;font-size:11px;white-space:nowrap;min-width:100%}.ddt th{font-size:8.5px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;text-align:right;padding:4px 7px;font-weight:600}.ddt td{padding:4px 7px;border-top:1px solid rgba(255,255,255,.06);text-align:right;color:#cbd5e1}.ddt .ddl{text-align:left;color:#e5e7eb;position:sticky;left:0;background:#161a22;font-weight:600;z-index:1}.card.flat .ddt .ddl{background:#0f131b}.ddt th.ddl{background:transparent}.psetb{display:none}.pz-sp:checked~.mrow .psetb-sp,.pz-rp1:checked~.mrow .psetb-rp1,.pz-rp2:checked~.mrow .psetb-rp2,.pz-rp3:checked~.mrow .psetb-rp3,.pz-rp4:checked~.mrow .psetb-rp4,.pz-rp5:checked~.mrow .psetb-rp5,.pz-rp6:checked~.mrow .psetb-rp6,.pz-rp7:checked~.mrow .psetb-rp7,.pz-rp8:checked~.mrow .psetb-rp8,.pz-rp9:checked~.mrow .psetb-rp9,.pz-rp10:checked~.mrow .psetb-rp10,.pz-rp11:checked~.mrow .psetb-rp11,.pz-rp12:checked~.mrow .psetb-rp12,.pz-rp13:checked~.mrow .psetb-rp13,.pz-rp14:checked~.mrow .psetb-rp14,.pz-rp15:checked~.mrow .psetb-rp15,.pz-rp16:checked~.mrow .psetb-rp16,.pz-rp17:checked~.mrow .psetb-rp17,.pz-rp18:checked~.mrow .psetb-rp18,.pz-rp19:checked~.mrow .psetb-rp19,.pz-rp20:checked~.mrow .psetb-rp20{display:block}.pz-sp:checked~.mrow .pbp-sp,.pz-rp1:checked~.mrow .pbp-rp1,.pz-rp2:checked~.mrow .pbp-rp2,.pz-rp3:checked~.mrow .pbp-rp3,.pz-rp4:checked~.mrow .pbp-rp4,.pz-rp5:checked~.mrow .pbp-rp5,.pz-rp6:checked~.mrow .pbp-rp6,.pz-rp7:checked~.mrow .pbp-rp7,.pz-rp8:checked~.mrow .pbp-rp8,.pz-rp9:checked~.mrow .pbp-rp9,.pz-rp10:checked~.mrow .pbp-rp10,.pz-rp11:checked~.mrow .pbp-rp11,.pz-rp12:checked~.mrow .pbp-rp12,.pz-rp13:checked~.mrow .pbp-rp13,.pz-rp14:checked~.mrow .pbp-rp14,.pz-rp15:checked~.mrow .pbp-rp15,.pz-rp16:checked~.mrow .pbp-rp16,.pz-rp17:checked~.mrow .pbp-rp17,.pz-rp18:checked~.mrow .pbp-rp18,.pz-rp19:checked~.mrow .pbp-rp19,.pz-rp20:checked~.mrow .pbp-rp20{display:block}.ptgt{display:none}.ptgtwrap{margin-top:2px}.pz-sp:checked~.mrow .ptgt-sp,.pz-rp1:checked~.mrow .ptgt-rp1,.pz-rp2:checked~.mrow .ptgt-rp2,.pz-rp3:checked~.mrow .ptgt-rp3,.pz-rp4:checked~.mrow .ptgt-rp4,.pz-rp5:checked~.mrow .ptgt-rp5,.pz-rp6:checked~.mrow .ptgt-rp6,.pz-rp7:checked~.mrow .ptgt-rp7,.pz-rp8:checked~.mrow .ptgt-rp8,.pz-rp9:checked~.mrow .ptgt-rp9,.pz-rp10:checked~.mrow .ptgt-rp10,.pz-rp11:checked~.mrow .ptgt-rp11,.pz-rp12:checked~.mrow .ptgt-rp12,.pz-rp13:checked~.mrow .ptgt-rp13,.pz-rp14:checked~.mrow .ptgt-rp14,.pz-rp15:checked~.mrow .ptgt-rp15,.pz-rp16:checked~.mrow .ptgt-rp16,.pz-rp17:checked~.mrow .ptgt-rp17,.pz-rp18:checked~.mrow .ptgt-rp18,.pz-rp19:checked~.mrow .ptgt-rp19,.pz-rp20:checked~.mrow .ptgt-rp20{display:block}.ptbar{display:flex;align-items:center;gap:8px;margin:2px 0 5px}.ptlab{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;min-width:80px}.pttrack{flex:1;height:6px;border-radius:3px;background:#1e293b;overflow:hidden}.ptfill{display:block;height:100%}.ptval{font-size:14px;font-weight:800;min-width:22px;text-align:right}.pz-sp:checked~.mrow .pset-sp,.pz-rp1:checked~.mrow .pset-rp1,.pz-rp2:checked~.mrow .pset-rp2,.pz-rp3:checked~.mrow .pset-rp3,.pz-rp4:checked~.mrow .pset-rp4,.pz-rp5:checked~.mrow .pset-rp5,.pz-rp6:checked~.mrow .pset-rp6,.pz-rp7:checked~.mrow .pset-rp7,.pz-rp8:checked~.mrow .pset-rp8,.pz-rp9:checked~.mrow .pset-rp9,.pz-rp10:checked~.mrow .pset-rp10,.pz-rp11:checked~.mrow .pset-rp11,.pz-rp12:checked~.mrow .pset-rp12,.pz-rp13:checked~.mrow .pset-rp13,.pz-rp14:checked~.mrow .pset-rp14,.pz-rp15:checked~.mrow .pset-rp15,.pz-rp16:checked~.mrow .pset-rp16,.pz-rp17:checked~.mrow .pset-rp17,.pz-rp18:checked~.mrow .pset-rp18,.pz-rp19:checked~.mrow .pset-rp19,.pz-rp20:checked~.mrow .pset-rp20{display:block}.pz-sp:checked~.mrow .parlab-sp,.pz-rp1:checked~.mrow .parlab-rp1,.pz-rp2:checked~.mrow .parlab-rp2,.pz-rp3:checked~.mrow .parlab-rp3,.pz-rp4:checked~.mrow .parlab-rp4,.pz-rp5:checked~.mrow .parlab-rp5,.pz-rp6:checked~.mrow .parlab-rp6,.pz-rp7:checked~.mrow .parlab-rp7,.pz-rp8:checked~.mrow .parlab-rp8,.pz-rp9:checked~.mrow .parlab-rp9,.pz-rp10:checked~.mrow .parlab-rp10,.pz-rp11:checked~.mrow .parlab-rp11,.pz-rp12:checked~.mrow .parlab-rp12,.pz-rp13:checked~.mrow .parlab-rp13,.pz-rp14:checked~.mrow .parlab-rp14,.pz-rp15:checked~.mrow .parlab-rp15,.pz-rp16:checked~.mrow .parlab-rp16,.pz-rp17:checked~.mrow .parlab-rp17,.pz-rp18:checked~.mrow .parlab-rp18,.pz-rp19:checked~.mrow .parlab-rp19,.pz-rp20:checked~.mrow .parlab-rp20{background:#e8e8ed;color:#0a0d12}
.ptabs{flex-wrap:wrap;gap:4px}
.ptabs label{font-size:10px;padding:5px 9px;display:inline-flex;align-items:center;gap:5px}
.gchip{font-size:9px;padding:0 5px;line-height:14px;border-radius:4px}
.htabs-sub{margin-top:6px}
/* BATTER section (top): vertical stack -- Matchup Strength then Batter Power & Contact */
.bat-row{display:flex;flex-direction:column;gap:8px;margin:4px 0 6px}
.bat-row>*{margin-bottom:0}
@media (max-width:760px){.bat-row{gap:6px}}
.pickbox{margin-top:8px}
.dd{margin:6px 0}
.ddr{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.ddtabs{display:flex;gap:5px;margin:0 0 9px;flex-wrap:wrap}
.ddtabs label{flex:1 1 0;text-align:center;font-size:11px;font-weight:600;padding:8px 6px;border-radius:8px;background:rgba(255,255,255,.06);color:#aab0bd;cursor:pointer;white-space:nowrap}
.ddpane{display:none}
.ddpane>.box.ddbox{margin-top:0}.sptab{width:100%;border-collapse:collapse;font-size:12px;margin-top:4px}.sptab th{font-size:9px;color:#64748b;text-transform:uppercase;letter-spacing:.2px;font-weight:600;text-align:right;padding:3px 4px}.sptab th:first-child,.sptab td:first-child{text-align:left;color:#b3b9c5;font-weight:600;white-space:nowrap}.sptab td{text-align:right;padding:5px 4px;border-top:1px solid rgba(255,255,255,.06);color:#e5e7eb;white-space:nowrap}.sptab td.sx{color:#49505e}
.ddr1:checked~.ddp1,.ddr2:checked~.ddp2,.ddr3:checked~.ddp3,.ddr4:checked~.ddp4,.ddr5:checked~.ddp5{display:block}
.ddr1:checked~.ddtabs label:nth-child(1),.ddr2:checked~.ddtabs label:nth-child(2),.ddr3:checked~.ddtabs label:nth-child(3),.ddr4:checked~.ddtabs label:nth-child(4),.ddr5:checked~.ddtabs label:nth-child(5){background:#e8e8ed;color:#0a0d12}
.hstog-all:checked~.ddpane .bset-all,.hstog-l:checked~.ddpane .bset-l,.hstog-r:checked~.ddpane .bset-r{display:block}
.hstog-all:checked~.ddpane label[for$="-all"],.hstog-l:checked~.ddpane label[for$="-l"],.hstog-r:checked~.ddpane label[for$="-r"]{background:#e8e8ed;color:#0a0d12}
.pgrade{display:flex;justify-content:space-between;align-items:center;padding:6px 4px 8px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:6px}
.pgrade .mut{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.wbar{display:flex;align-items:center;gap:10px;margin:-4px 0 4px}
.wbar .wlab{flex:0 0 104px;font-size:9.5px;color:#9aa1b0}
.wtrack{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.wfill{height:100%;border-radius:999px;background:#f0883e}
.wbar .wval{flex:0 0 50px;text-align:right;font-size:9.5px;color:#f0883e}
.pmpitch{border-top:1px solid rgba(255,255,255,.07)}
.pmpitch:first-child{border-top:0}
.pmpitch>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0 5px}
.pmpitch>summary::-webkit-details-marker{display:none}
.pmpitch>summary>.sbar{flex:1;margin:0}
.pmdet{padding:3px 0 9px}
/* zone-contact bar -- mirrors swing-and-miss styling, sits directly below it for visual ranking */
.zbar{display:flex;align-items:center;gap:10px;margin:0 0 9px}
.zbar .zlab{flex:0 0 104px;font-size:9.5px;color:#9aa1b0}
.ztrack{flex:1;height:4px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.zfill{height:100%;border-radius:999px}
.zbar .zval{flex:0 0 50px;text-align:right;font-size:9.5px}
/* BBE / HR line: same row, right-aligned, just above the swing-and-miss bar */
.bbehr{font-size:10px;margin:-5px 0 3px;color:#9aa1b0;text-align:right;letter-spacing:.02em}
/* --- pitcher-card classes (these were only in the desktop block; mirrored here for the phone board) --- */
.pmblock{padding:8px 0 4px;border-top:1px solid rgba(255,255,255,.07)}
.pmblock:first-child{padding-top:2px;border-top:0}
.pmblock .sbar .lab small + small{margin-top:1px}
.stuffline{font-size:10px;color:#93c5fd;letter-spacing:.02em;margin:-2px 0 5px;font-weight:600}
.trend{font-size:9.5px;font-weight:700;padding:1px 7px;border-radius:5px;letter-spacing:.03em;text-transform:none}
.trend.up{background:rgba(74,222,128,.18);color:#4ade80}
.trend.dn{background:rgba(248,113,113,.18);color:#f87171}
.trend.st{background:rgba(148,163,184,.18);color:#9aa1b0}
.trow{display:flex;gap:8px;align-items:baseline;font-size:11px;color:#d6dae2;margin:4px 0;line-height:1.45}
.trow .ti{flex:none;padding:0 5px;font-size:9px}
.trend-line{margin-top:6px}
.fst{font-size:10px;font-weight:700;padding:1px 8px;border-radius:5px;letter-spacing:.02em;text-transform:none;margin-left:6px}
.fst.hot{background:rgba(248,113,113,.20);color:#fb7185}
.fst.up{background:rgba(74,222,128,.18);color:#4ade80}
.fst.steady{background:rgba(148,163,184,.16);color:#9aa1b0}
.fst.cool{background:rgba(96,165,250,.16);color:#93c5fd}
.fst.cold{background:rgba(96,165,250,.22);color:#60a5fa}
.fst-tap{cursor:pointer;-webkit-user-select:none;user-select:none}
.fst-i{opacity:.7;font-weight:400}
.fst-tap.open .fst-i{opacity:1}
.fst-why{font-size:11px;line-height:1.45;color:#c8cdd6;background:rgba(255,255,255,.05);border-radius:8px;padding:7px 10px;margin:5px 0 2px}
.card-closebar{display:flex;align-items:center;justify-content:center;height:34px;margin:-13px 0 4px;cursor:pointer}
.card-close{display:block;width:19px;height:19px;padding:0;border:0;background:url(close.svg) center/contain no-repeat;cursor:pointer;-webkit-appearance:none;font-size:0;line-height:0}
.card-closebar:active .card-close{opacity:.5}
/* Matchup rank chip next to the % in the summary */
.mrk{display:flex;align-items:center;gap:5px;justify-content:flex-end;margin:2px 0 0}
.mrk .mrlab{font-size:8.5px;color:#9aa1b0;text-transform:uppercase;letter-spacing:.05em}
/* Expanded card on Batters/Pitchers/Games tabs drops its colored left border for a cleaner panel */
.sec-bat>.list>details.card[open],
.sec-pit>.list>details.card[open],
.sec-gms .list>details.card[open]{border-left-color:transparent}
.eb{font-size:9px;font-weight:700;padding:1px 6px;border-radius:5px;text-transform:uppercase;letter-spacing:.03em;margin-left:6px;vertical-align:1px}
.eb.hi{background:#4ade8022;color:#86efac}.eb.lo{background:#f8717122;color:#fca5a5}.eb.mid{background:rgba(255,255,255,.08);color:#aab0bd}
.livebadge{background:#ef444422;color:#fca5a5;font-size:9px;font-weight:700;padding:1px 7px;border-radius:5px;letter-spacing:.04em;vertical-align:1px;margin-left:6px}
.tgt{width:19px;height:19px;vertical-align:-5px;margin-left:4px}
.wxic{width:40px;height:40px;display:block;margin:0 auto}.wxic-lg{width:56px;height:56px;flex:none}
.windic{width:15px;height:15px;vertical-align:-3px;display:inline-block}.windic-lg{width:26px;height:26px;vertical-align:-7px}
.wxrow{display:flex;align-items:center;gap:12px}
.logo{width:26px;height:26px;vertical-align:-6px;margin-right:7px}
.tlogo{width:22px;height:22px;vertical-align:-5px;margin-right:4px;flex:none}
.tvs{color:#6b7280;font-weight:400;margin:0 3px}
.chips{display:flex;gap:7px;flex-wrap:wrap;position:sticky;top:0;z-index:5;background:#0a0d12;padding:9px 0;margin:8px 0}
.chips label{font-size:12.5px;padding:0 16px;min-height:40px;display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.08);color:#c8cdd6;cursor:pointer}
#f-all:checked~.chips label[for=f-all],#f-a:checked~.chips label[for=f-a],#f-b:checked~.chips label[for=f-b],#f-c:checked~.chips label[for=f-c]{background:#e8e8ed;color:#0a0d12;font-weight:600}
#f-a:checked~.list>details:not(.A){display:none}
#f-b:checked~.list>details:not(.B){display:none}
#f-c:checked~.list>details:not(.C){display:none}
details.card{background:#161a22;border-radius:10px;margin-bottom:8px;border-left:0;overflow:hidden;content-visibility:auto;contain-intrinsic-size:0 110px}
summary{list-style:none;cursor:pointer;padding:11px 13px;outline:none}
summary::-webkit-details-marker{display:none}
summary:focus-visible{outline:2px solid #8ab4ff;outline-offset:-2px}
.sline{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sL{display:flex;gap:10px;align-items:flex-start;min-width:0}
.sL>div{min-width:0}
.av{width:42px;height:42px;border-radius:50%;flex:none;background:#222a36 center top/cover no-repeat;border:1px solid rgba(255,255,255,.1)}
.nm{font-size:14px;font-weight:600}.hand{color:#969db0;font-weight:400}
.tb{font-size:10px;font-weight:700;padding:0 6px;border-radius:5px;margin-left:2px}
.tb.A{background:#4ade8022;color:#86efac}.tb.B{background:#fbbf2422;color:#fcd34d}.tb.C{background:#60a5fa22;color:#93c5fd}
.mt{font-size:11px;color:#a8afbc;margin-top:2px}
.fac{display:flex;gap:9px;flex-wrap:wrap;font-size:11px;color:#aab0bd;margin-top:6px}.pseason{font-size:11px;color:#aab0bd;margin-top:3px;line-height:1.55}.pseason b,.fac b{color:#e5e7eb;font-weight:700}
.proj{color:#fcd34d;font-size:9px;border:1px solid rgba(251,191,36,.5);border-radius:3px;padding:0 3px}
.hot{color:#fdba74;font-size:9px;font-weight:700;border:1px solid rgba(251,146,60,.6);border-radius:3px;padding:0 3px}
.unk{color:#cbd5e1;font-size:9px;font-weight:600;border:1px solid rgba(148,163,184,.55);border-radius:3px;padding:0 4px;text-transform:uppercase}
.sR{text-align:right;flex:none}.big{font-size:21px;font-weight:600;line-height:1}.od{font-size:11px;margin-top:3px}
.grn{color:#4ade80}.yel{color:#fbbf24}.blu{color:#60a5fa}.mut{color:#969db0}
.detail{padding:2px 13px 13px}
.box{background:#0f131b;border-radius:9px;padding:11px 12px;margin-top:9px}
.lbl{font-size:11px;color:#b3b9c5;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}
/* Collapsible <details class="box"> -- 2px white-bordered title bar, chevron on the right, no
   default disclosure triangle. Mirrors the desktop styling so the mobile app (hrapp/index.html)
   shows the same collapsible tab look. */
details.box{overflow:hidden;border-left:3px solid transparent;transition:border-color .15s}
/* (no border-left tint on open -- left edge stays neutral) */
details.box>summary{cursor:pointer;list-style:none;position:relative;text-align:left;
                    padding:11px 36px 11px 13px;margin:0 0 11px 0;
                    border:2px solid rgba(255,255,255,.35);border-radius:8px;background:transparent;
                    font-size:11px;color:#e8e8ed;font-weight:600;
                    text-transform:uppercase;letter-spacing:.05em}
details.box:not([open])>summary{margin-bottom:0}
details.box>summary::-webkit-details-marker,details.box>summary::marker{display:none}
details.box>summary::after{content:'▾';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9aa1b0;font-size:12px;transition:transform .15s}
details.box:not([open])>summary::after{transform:translateY(-50%) rotate(-90deg)}
.seg{display:flex;align-items:center;gap:10px;font-size:10px;color:#aeb4c0;text-transform:uppercase;letter-spacing:.05em;margin:13px 0 5px;font-weight:800}
.seg::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.75)}
.seg:first-child{margin-top:2px}
.row2{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.sbar{display:flex;align-items:center;gap:10px;margin:8px 0}
.sbar .lab{flex:0 0 104px;font-size:11.5px;color:#d6dae2;line-height:1.18}
.sbar .lab small{display:block;font-size:10px;color:#9aa1b0;font-weight:400}
.track{flex:1;height:10px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.fill{height:100%;border-radius:999px}
.sbar .val{flex:0 0 50px;text-align:right;font-size:11.5px;font-weight:600}
.foot{font-size:11px;color:#8f96a5;text-align:center;margin-top:14px;line-height:1.5}
/* ===== MATCHUP LAB (ported from hrapp/matchup_lab.html; every class ml- prefixed + scoped under .ml-root to avoid collisions with the app's card/lbl/seg/flag/note/big/hot/cold/read/stat/thin/sub) ===== */
.ml-root{font:14px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;color:#e5e7eb;margin-top:2px}
.ml-root *{box-sizing:border-box}
.ml-root .ml-sub{color:#9aa6bb;margin:0 0 14px;font-size:12.5px}.ml-root .ml-sub span{color:#64748b}
.ml-root .ml-sec{margin-top:16px}
.ml-root .ml-sec>summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.1);padding:0 18px 6px 0;position:relative}
.ml-root .ml-sec>summary::-webkit-details-marker{display:none}
.ml-root .ml-sec>summary::after{content:'▾';position:absolute;right:0;top:0;color:#9aa1b0;font-size:12px;transition:transform .15s}
.ml-root .ml-sec:not([open])>summary::after{transform:rotate(-90deg)}
.ml-root .ml-sec[open]>summary{margin-bottom:10px}.ml-root .ml-sec:not([open])>*:not(summary){display:none!important}
.ml-root .ml-note{font-size:11px;color:#64748b;margin:-2px 0 12px}
.ml-root .ml-row{display:flex;gap:12px;flex-wrap:wrap}.ml-root .ml-card{background:#161a22;border-radius:12px;padding:13px 15px;flex:1 1 280px;min-width:0}
.ml-root .ml-cn{font-weight:800;font-size:15px}.ml-root .ml-cm{font-size:11px;color:#9aa6bb;margin-bottom:10px}
.ml-root .ml-lbl{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin:12px 0 6px;font-weight:700}
.ml-root .ml-big{font-size:22px;font-weight:800;line-height:1}.ml-root .ml-bu{font-size:11px;color:#64748b}
.ml-root .ml-statrow{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.ml-root .ml-stat{display:flex;flex-direction:column;gap:1px}
.ml-root .ml-segb{display:flex;height:20px;border-radius:6px;overflow:hidden;font-size:10px;font-weight:700}.ml-root .ml-segb>div{display:flex;align-items:center;justify-content:center;color:#0a0d12;min-width:0}
.ml-root .ml-mini{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#cbd5e1;margin-top:6px}.ml-root .ml-mini b{color:#fff}
.ml-root .ml-toggle{display:inline-flex;background:#0f131b;border-radius:9px;padding:4px;gap:4px;margin:2px 0 10px}
.ml-root .ml-toggle button{background:none;border:0;color:#9aa6bb;font:600 12px/1 inherit;padding:8px 13px;border-radius:7px;cursor:pointer}.ml-root .ml-toggle button.ml-on{background:#2563eb;color:#fff}
.ml-root .ml-flag{background:#1e293b;border-radius:8px;padding:9px 12px;font-size:12px;color:#cbd5e1;margin:0 0 12px}
.ml-root .ml-pc{background:#161a22;border-radius:11px;margin-bottom:8px;overflow:hidden}
.ml-root .ml-pc>summary{list-style:none;cursor:pointer;padding:12px 38px 12px 14px;display:flex;align-items:center;gap:10px;position:relative;min-height:58px}
.ml-root .ml-pc>summary::-webkit-details-marker{display:none}
.ml-root .ml-pc>summary::after{content:'▾';margin-left:auto;color:#9aa1b0;font-size:12px;transition:transform .15s}.ml-root .ml-pc:not([open])>summary::after{transform:rotate(-90deg)}
.ml-root .ml-pcn{font-weight:800;font-size:15px}.ml-root .ml-pcu{font-size:11px;color:#64748b}
.ml-root .ml-pcchip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center}.ml-root .ml-pcchip .ml-ba{font-weight:800;border-radius:7px;padding:3px 12px;color:#0a0d12;font-size:14px;min-width:48px}.ml-root .ml-pcchip .ml-use{font-size:10px;color:#9aa6bb;font-weight:700;letter-spacing:.2px}
.ml-root .ml-pcbody{padding:2px 14px 14px}
.ml-root .ml-prow{font-size:13px;color:#cbd5e1;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.ml-root .ml-prow:first-child{border-top:0}.ml-root .ml-who{display:inline-block;min-width:118px;color:#9aa6bb;font-weight:700}.ml-root .ml-prow b{color:#fff}.ml-root .ml-nspan{color:#94a3b8;font-size:12px}
.ml-root .ml-thin{color:#fbbf24;font-size:9px;font-weight:700}
.ml-root .ml-grids{display:flex;gap:12px;flex-wrap:wrap}.ml-root .ml-gwrap{flex:1 1 150px}.ml-root .ml-gt{font-size:11px;font-weight:700;margin-bottom:5px;color:#cbd5e1}.ml-root .ml-gt span{color:#64748b;font-weight:400}
.ml-root .ml-zg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;aspect-ratio:1.05}.ml-root .ml-zc{border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#0a0d12;min-height:48px;line-height:1.05}.ml-root .ml-zc small{font-size:8.5px;font-weight:700;opacity:.78;margin-top:2px}.ml-root .ml-zempty{background:#11151d;color:#475569}
.ml-root .ml-axis{display:flex;justify-content:space-between;font-size:9px;color:#64748b;margin-top:4px}
.ml-root .ml-thinbox{background:#11151d;border-radius:8px;padding:18px 10px;text-align:center;color:#64748b;font-size:11px}
.ml-root .ml-read{background:#161a22;border-radius:12px;padding:13px 15px;font-size:13.5px;line-height:1.6}.ml-root .ml-read b{color:#fff}.ml-root .ml-hot{color:#fca5a5;font-weight:800}.ml-root .ml-cold{color:#86efac;font-weight:800}

/* ===== multi-page overrides ===== */
.nav{display:flex;gap:5px;margin:12px 0 8px;flex-wrap:wrap}.nav a{flex:1 1 auto;text-align:center;font-size:11px;font-weight:600;padding:10px 6px;border-radius:10px;background:rgba(255,255,255,.06);color:#aab0bd;text-decoration:none;white-space:nowrap}.nav a.on{background:#e8e8ed;color:#0a0d12}.sec{display:block}.hero{padding:6px 0 2px}.hmt{font-size:16px;font-weight:700}.hsub{font-size:12px;color:#aab0bd;margin-top:5px}.navcards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.navcard{display:block;padding:15px;border-radius:14px;background:rgba(255,255,255,.06);text-decoration:none;color:#e8e8ed}.navcard b{display:block;font-size:15px;margin-bottom:3px}.navcard span{font-size:11px;color:#aab0bd}.lblh{font-size:12px;font-weight:700;color:#aab0bd;margin:14px 0 8px}.toprow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05);margin-bottom:6px;text-decoration:none;color:#e8e8ed}.toprow .pn{font-weight:600;font-size:13px}.toprow .pm{font-size:11px;color:#aab0bd;margin-top:2px}.toprow .pp{font-weight:700;font-size:16px;color:#5fd07a;white-space:nowrap}.toprow .hrok{color:#5fd07a;font-size:11px;font-weight:700}.lucard{margin:0 0 6px}.lucard>details.card{margin:0}.lurow.lk .arr{transition:transform .15s}.lurow.lk.open .arr{transform:rotate(90deg)}