.lstrip{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;margin:14px -18px 0;padding:0 18px}.lstrip::-webkit-scrollbar{display:none}
.lc{flex:none;width:168px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:9px 11px;text-align:left;color:#fff}
.lc .tl{font-size:10px;font-weight:800;letter-spacing:.6px;opacity:.85;margin-bottom:4px;display:flex;gap:6px;align-items:center}.lc .tl:before{content:"";width:6px;height:6px;border-radius:3px;background:#FF4D5E}
.lc .ln{display:flex;justify-content:space-between;font-weight:800;font-size:13px}
.seg{display:flex;background:#EEF2F7;border-radius:14px;padding:3px}.seg button{flex:1;padding:8px;border-radius:11px;font-weight:800;font-size:12.5px;color:var(--mut)}.seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.g{padding:12px 14px;border-top:1px solid var(--hair);cursor:pointer;text-align:left;width:100%;display:block}.g:first-child{border-top:0}
.g .h{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:800;letter-spacing:.6px;color:var(--mut);text-transform:uppercase;margin-bottom:6px}
.g .t{display:flex;align-items:center;gap:9px;padding:3px 0}.g .t .mono{width:24px;height:24px;font-size:9px}.g .t .n{flex:1;font-weight:800;font-size:14.5px}.g .t .s{font-weight:900;font-size:19px;letter-spacing:-.6px;min-width:26px;text-align:right}.g .t.lose .n,.g .t.lose .s{color:#94A3B8}
.src{font-size:10.5px;font-weight:700;color:var(--mut);margin-top:4px}
.gh{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.gh .side{text-align:center;width:90px}.gh .side .mono{width:58px;height:58px;font-size:18px;margin:0 auto 6px;border:3px solid rgba(255,255,255,.25)}
.gh .side b{display:block;font-size:14px}.gh .side span{font-size:11px;opacity:.6}.gh .sc{font-size:60px;font-weight:900;letter-spacing:-3px;line-height:1}.gh .sc em{font-style:normal;opacity:.4;margin:0 4px}
.stline{text-align:center;margin-top:10px;font-size:12px;opacity:.8}
.ls{width:100%;border-collapse:collapse;font-size:13px}.ls th{font-size:10.5px;color:var(--mut);font-weight:800;padding:8px 6px;text-align:center}.ls th:first-child,.ls td:first-child{text-align:left;padding-left:14px}.ls td{padding:8px 6px;text-align:center;border-top:1px solid var(--hair);font-weight:700}.ls td:last-child{font-weight:900}
.sp{display:flex;gap:10px;align-items:center}.sp .x{flex:1;font-weight:700;font-size:13px}.sp .x small{display:block;color:var(--mut);font-weight:600;font-size:11px}.sp .r{font-weight:900;font-size:13px}
.pl .x b{font-weight:800}.pl .st{font-size:12px;color:#334155;font-weight:600}
.demo-ctl{background:#FFFBEA;border:1px solid #F5DE8A;border-radius:18px;padding:12px;margin:12px 0}.demo-ctl summary{cursor:pointer;font-size:13px;list-style:none;display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.demo-ctl summary::-webkit-details-marker{display:none}.demo-ctl summary:before{content:"▸";font-weight:900}.demo-ctl[open] summary:before{content:"▾"}.demo-ctl[open] summary{margin-bottom:6px}
.chip .spi{width:15px;height:15px;flex:none;vertical-align:-3px;margin-right:6px;display:inline-block}
.demo-ctl h4{font-size:13px;font-weight:900;margin-bottom:4px}.demo-ctl .bt{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.demo-ctl .btn{padding:8px 11px;font-size:12px;border-radius:11px}
.stepper{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.stepper button{width:34px;height:34px;border-radius:17px;background:#fff;border:1px solid #E2E8F0;font-weight:900;font-size:18px}.stepper button.pl{background:var(--ink);color:#fff}.stepper b{font-size:30px;font-weight:900;min-width:44px;text-align:center}
.rep{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.rep .card{padding:12px;text-align:center;margin:0}
.srch{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E8F0;border-radius:14px;padding:10px 12px;margin-bottom:12px}.srch input{border:0;outline:0;font:inherit;flex:1;background:none}
.tg{width:44px;height:26px;border-radius:13px;background:#CBD5E1;position:relative;flex:none}.tg:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:10px;background:#fff;transition:.2s}.tg.on{background:var(--red)}.tg.on:after{left:21px}
.doc p{margin:8px 0;font-size:13px;color:#334155}
@media(min-width:1000px){.col{margin-top:24px;border-radius:30px;overflow:hidden;min-height:calc(100vh - 48px)}}
.chips.lg{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;margin:0 0 4px;padding-bottom:2px}.chips.lg .chip{flex:none}
.coachbtn{margin:0 0 12px}
.recap{padding:16px}.recap .rtag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.4px;color:#fff;background:#0A2540;border-radius:999px;padding:4px 9px;margin-bottom:8px}.recap h3{font-size:22px;font-weight:900;letter-spacing:-.5px;margin:0 0 6px}.recap p{font-size:13.5px;color:#334155;margin:0 0 10px;line-height:1.45}
.rhero{display:block;width:100%;text-align:left;background:linear-gradient(160deg,#0A2540,#0F172A);color:#fff}.rhero h3{color:#fff}.rhero p{color:rgba(255,255,255,.8)}.rhero .rtag{background:rgba(255,255,255,.14)}
.cgh{display:flex;align-items:flex-end;justify-content:space-between;margin-top:8px}.cgh small{display:block;font-size:12px;font-weight:800;opacity:.75;text-transform:uppercase}.cgh b{font-size:56px;font-weight:900;letter-spacing:-2px;line-height:1}.cper{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:8px 12px;font-weight:900;font-size:20px}
.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.pk{background:#fff;border-radius:18px;padding:16px 6px;text-align:center;box-shadow:0 1px 3px rgba(15,23,42,.08)}.pk b{display:block;font-size:30px;font-weight:900;letter-spacing:-1px}.pk span{font-size:11px;font-weight:700;color:var(--mut)}.pk.hot{background:var(--red);color:#fff}.pk.hot span{color:rgba(255,255,255,.85)}.pk:disabled{opacity:.4}
.pad2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
.scard{position:relative;overflow:hidden;border-radius:22px;padding:20px;color:#fff;background:repeating-linear-gradient(115deg,rgba(255,255,255,.035) 0 2px,transparent 2px 14px),linear-gradient(170deg,#0A2540,#0F172A);margin-bottom:12px;aspect-ratio:4/5;display:flex;flex-direction:column;max-width:420px;margin-left:auto;margin-right:auto}
.scard .wm{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%) rotate(-28deg);font-size:96px;font-weight:900;color:rgba(255,255,255,.07);pointer-events:none}
.sct{display:flex;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.6px;opacity:.8}
.scr{display:flex;align-items:center;gap:12px;margin-top:34px}.scr span{flex:1;font-size:24px;font-weight:800}.scr b{font-size:72px;font-weight:900;letter-spacing:-3px;line-height:1}.scr.lo span,.scr.lo b{color:#94A3B8}
.scb{margin-top:auto;display:flex;align-items:center;gap:10px;border-top:3px solid var(--red);padding-top:12px}.scb small{font-size:10.5px;opacity:.65}.scb>span{margin-left:auto;font-size:10px;font-weight:800;opacity:.6}
.pngimg{width:100%;max-width:300px;display:block;margin:8px auto;border-radius:14px}
.shd{display:flex;align-items:center;gap:12px;margin-top:14px}.shd h1{margin:0}

.dseg{margin:0 0 10px}.dseg button{padding:10px;font-size:14px}.chips.sp{margin-bottom:8px}.pad.few{grid-template-columns:repeat(3,1fr)}.doc p{margin:0 0 10px;line-height:1.45}.doc p:first-child{font-weight:800;color:#B91C1C}

.cper{text-align:center;line-height:1.1}.cclk{display:block;margin:4px auto 0;background:none;border:0;color:#fff;opacity:.8;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:8px}.cclk.run{opacity:1;color:#FFD3D9}
.cset{display:inline-block;margin:2px auto 0;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;font-family:inherit;font-weight:700;font-size:11px;line-height:1;padding:4px 9px;border-radius:10px;cursor:pointer}.cot{display:block;font-size:11px;opacity:.8;margin-top:4px}
/* Coach pad polish vs SC-scores 03 (DEMO, overnight) */
.coachh{position:relative}
.pill-demo.ctr{position:absolute;top:8px;left:50%;transform:translateX(-50%);z-index:3}
.coachh .top{padding-top:22px}
.ceb{display:flex;justify-content:space-between;align-items:center;margin-top:14px}
.ceb .eb{margin:0}
.clive,.cfin{font-size:12px;font-weight:800;letter-spacing:.4px;padding:5px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}
.clive{background:var(--red);color:#fff}.clive:before{content:"";width:7px;height:7px;border-radius:4px;background:#fff}
.cfin{background:rgba(255,255,255,.16);color:#fff}
.cgh .cdim b{color:rgba(255,255,255,.72)}
.cgh .cact b{color:#fff}
.cgh b{font-size:64px;letter-spacing:-2.5px}
.cper{text-align:center;min-width:86px;border-radius:18px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pad{gap:11px}
.pk{padding:20px 6px 16px;border-radius:20px;box-shadow:0 1px 1px rgba(10,26,51,.04),0 8px 24px rgba(10,26,51,.07)}
.pk b{font-size:38px;letter-spacing:-1.5px;line-height:1.05}
.pk span{font-size:12.5px;color:#3D4C66}
.pk.hot{background:linear-gradient(180deg,#EC2A42,#C80F27);box-shadow:0 6px 16px rgba(208,20,44,.35)}
.pk:active{transform:scale(.97)}
.pad2 .btn{height:54px;border-radius:16px;font-size:15.5px;font-weight:800;background:#fff;box-shadow:inset 0 0 0 1.5px #DCE2EC}
.cfinal{height:58px;font-size:17px;border-radius:18px;box-shadow:0 6px 16px rgba(208,20,44,.35)}
.cfoot{text-align:center;font-size:13px;color:#68748A;margin:12px 6px 6px}
.cnote{font-size:11px;margin:4px 6px 8px;text-align:center}
.cdet{margin:0 4px 10px;font-size:12px}.cdet summary{cursor:pointer;color:#68748A;font-weight:700}
/* Home header: search + alerts, school pills (SC-scores 01) */
.hbs{display:flex;gap:8px;margin-left:6px}
.hb{position:relative}
.adot{position:absolute;top:7px;right:8px;width:8px;height:8px;border-radius:4px;background:var(--red);border:1.5px solid #fff}
.spills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:12px -18px 0;padding:0 18px}
.spill{flex:none;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:999px;padding:5px 12px 5px 5px;font-weight:700;font-size:13.5px;font-family:inherit;cursor:pointer}
.spill .mono{font-size:10px}
.spill.add{padding:8px 14px}
/* toast moved to top so it never covers the firewall note / legal links / nav */
.toast{top:calc(14px + env(safe-area-inset-top,0px));bottom:auto}
/* sport chip icon row polish */
.chips.sp .chip svg{width:15px;height:15px;flex:none}
.chips.sp .chip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.cgh>div:not(.cper){flex:1;min-width:0}
.cper{flex:none;position:relative;z-index:2;margin:0 6px}
.coachh .top{position:relative;z-index:4}
.pill-demo{white-space:nowrap}.hbs .hb svg{width:20px;height:20px}

.shb{display:flex;gap:10px;margin-top:14px}.shb .ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
.stabs,.ssp{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 12px}.stabs .chip,.ssp .chip{white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.ssp .spi{width:15px;height:15px}
.sgrp h2{display:flex;align-items:center;gap:8px}.sgrp .spi{width:18px;height:18px}
.rcard{padding:0;overflow:hidden;display:block;width:100%;text-align:left}
.rcard .rh{background:linear-gradient(135deg,#1E4CA0,#0A1A33);color:#fff;padding:16px}.rcard .rtag{background:rgba(255,255,255,.16);display:inline-flex;align-items:center;gap:6px}.rcard .rtag .dot{width:6px;height:6px;border-radius:50%;background:#fff}
.rsc{font-size:28px;font-weight:900;letter-spacing:-.6px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.rsc span{opacity:.7}.rsc span.w{opacity:1}.rsc i{font-style:normal;opacity:.5}.rsp{font-size:11px;font-weight:800;letter-spacing:.6px;opacity:.75;margin-top:4px}
.rcard .rb{padding:14px 16px 16px}.rcard .rls{margin:4px 0 10px;border:1px solid var(--hair);border-radius:10px}
.rtot{display:grid;gap:4px;margin:0 0 10px}.rtot div{display:grid;grid-template-columns:1fr 2fr 1fr;font-size:13px;text-align:center}.rtot span{color:var(--mut);font-size:11.5px;font-weight:700}
.rpl{font-size:13px;margin:0 0 10px}.rsrc{font-size:11px;color:var(--mut);font-weight:700;margin-bottom:8px}
.empty{padding:28px 20px;text-align:center}.empty .eico{width:56px;height:56px;border-radius:50%;background:#EEF2F7;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#0A2540}.empty h2{font-size:19px;margin:0 0 8px}.empty p{font-size:14px;color:#334155;line-height:1.45;margin:0 0 8px}
.rcard{background:#fff;color:#0A1A33}.rcard .rb h3{color:#0A1A33}.rcard .rb p{color:#334155}.rcard .rb td{color:#0A1A33}

.slist .srow{display:flex;align-items:center;gap:12px;padding:10px 14px;width:100%;text-align:left;border-top:1px solid var(--hair)}.slist .srow:first-child{border-top:0}
.sday{width:44px;height:44px;flex:none;border-radius:50%;background:#EEF2F7;color:#0A1A33;font-weight:900;font-size:12px;display:flex;align-items:center;justify-content:center}.sday.live{background:#FDE8EB;color:#C80F27}
.sm{flex:1;min-width:0}.sm b{display:block;font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sm span{display:block;font-size:12.5px;color:var(--mut);margin-top:2px}
.spill2{flex:none;font-size:12.5px;font-weight:800;background:#EEF2F7;color:#334155;border-radius:999px;padding:5px 10px}.spill2.w{background:#E7F6EC;color:#15803D}.spill2.l{background:#FDE8EB;color:#C80F27}.spill2.live{background:#C80F27;color:#fff}
.etab{padding:22px 18px}.etab h2{font-size:17px}

.g.glive{box-shadow:inset 3px 0 0 var(--red,#C80F27)}.g .tag{font-size:10px;padding:2px 7px;letter-spacing:.4px}
.tag.fin{background:#E2E8F0;color:#0A1A33}.tag.fin:before,.tag.sch:before{content:"";width:5px;height:5px;border-radius:3px;background:currentColor;opacity:.7}
.g.gfin .t .s{color:#0A1A33}.g.gfin .t.lose .s{color:#94A3B8}.g .h span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}
.g.gsch .t .s{color:#CBD5E1}.efeed{padding:22px 18px}.efeed h2{font-size:17px}

.tag.fin{background:#CBD5E1;color:#0A1A33}.tag.fin:before{opacity:1;width:6px;height:6px;background:#0A1A33}
.gh .sc{font-size:72px;letter-spacing:-3.5px;display:flex;align-items:center}.gh .sc .lo{opacity:.55}.gh .sc em{font-size:.6em}
@media(min-width:500px){.gh .sc{font-size:84px}}
.gpill{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:900;letter-spacing:.5px;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff}
.gpill i{width:8px;height:8px;border-radius:50%;background:currentColor}
.gpill.live{background:#C80F27;box-shadow:0 4px 14px rgba(200,15,39,.45)}.gpill.live i{background:#fff;animation:gp 1.4s infinite}
.gpill.final{background:#fff;color:#0A1A33}@keyframes gp{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.gpill.live i{animation:none}}

.scr b{font-size:84px;letter-spacing:-3.5px}.scr.win b{color:#fff}.scr.lo b{color:#94A3B8}
.wl{font-style:normal;display:inline-block;font-size:11px;font-weight:900;padding:2px 7px;border-radius:999px;vertical-align:middle;letter-spacing:.4px}.wl.w{background:#16A34A;color:#fff}.wl.l{background:rgba(148,163,184,.3);color:#CBD5E1}
.sstripe{height:4px;border-radius:2px;margin:10px 0 12px;background:linear-gradient(90deg,#C80F27 0 33%,#E2E8F0 33% 66%,#C80F27 66%)}
.rsc .big{font-size:38px;font-weight:900;letter-spacing:-1px}.rsc{align-items:center;font-size:20px}
@media(min-width:500px){.scr b{font-size:96px}.rsc .big{font-size:44px}}
/* coach pad declutter (mockup 03) */
.pk{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center}.pk b{font-size:44px}
@media(min-width:500px){.pk{min-height:116px}.pk b{font-size:48px}}
.cgh .cdim{opacity:.42;transition:opacity .15s}.cgh .cact{opacity:1}
.cgh .cact b{text-shadow:0 0 18px rgba(255,255,255,.25)}
.cfoot{font-size:12px;margin:10px 6px 2px}.cnote{font-size:10.5px;color:#7A8599;background:#EEF2F7;border-radius:10px;padding:8px 10px;margin:6px 4px 8px}
/* share page: .pad2 coach style was whitening the red Make PNG button */
.pad2 .btn.red{background:linear-gradient(180deg,#EC2A42,#C80F27);color:#fff;box-shadow:0 6px 16px rgba(208,20,44,.3)}
/* school header (mockup 05) */
.shd .mono{border-radius:50%;border:3px solid rgba(255,255,255,.3);font-size:22px}.shd h1{font-size:30px;letter-spacing:-.8px}.shd .bs{opacity:.75}
.shb .btn{height:50px;border-radius:16px;font-size:16px;font-weight:800}.shb .btn.red{background:linear-gradient(180deg,#EC2A42,#C80F27);box-shadow:0 6px 16px rgba(208,20,44,.35)}
#pubOff{padding:32px 22px}#pubOff .eico{width:64px;height:64px;background:#0A2540;color:#fff}#pubOff h2{font-size:21px}#pubOff .ptag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.5px;background:#EEF2F7;color:#334155;border-radius:999px;padding:4px 10px;margin-bottom:10px}

.srch{border:1.5px solid #CBD5E1;border-radius:16px;padding:12px 14px;box-shadow:0 2px 8px rgba(10,26,51,.05);color:#68748A}.srch:focus-within{border-color:#0A2540;box-shadow:0 0 0 3px rgba(10,37,64,.12)}.srch input{font-size:16px;color:#0A1A33}.srch input::placeholder{color:#8A94A6}
#hSearch,#hAlerts{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22)}
#alertsEmpty{margin-bottom:12px}#alertsEmpty .btn{margin-top:6px}

.ofl{width:40px;height:40px;border-radius:50%;flex:none;border:1.5px solid #CBD5E1;background:#fff;font-size:20px;font-weight:800;color:#0A1A33;display:flex;align-items:center;justify-content:center}.ofl.on{background:#C80F27;border-color:#C80F27;color:#fff}
.sheet .card .row .mono{border-radius:50%}
.osug{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.osug .chip{background:#fff;border:1.5px solid #E2E8F0}
.odone{height:56px;border-radius:18px;font-size:17px;background:linear-gradient(180deg,#EC2A42,#C80F27)}
/* denser league chips (secondary to sport chips) + tighter Tonight title */
.chips.lg:not(.sp) .chip{padding:6px 12px;font-size:12.5px;min-height:0}.chips.lg:not(.sp){gap:6px;margin-top:-2px}
.hero h1{line-height:1.05}

/* fan report sheet polish (mockup 04) */
.rhd{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.rhd h3{margin:0}.rsub{margin:4px 0 2px;line-height:1.4}
.rep{margin:12px 0 10px}.rep .card{padding:12px 10px}
.rlab{font-size:10.5px;font-weight:800;letter-spacing:.6px;color:var(--mut);margin:2px 2px 6px}
.rper{overflow-x:auto;scrollbar-width:none;margin-bottom:10px}.rper button{flex:1 0 auto;padding:8px 10px;white-space:nowrap}
.fok{background:#ECFDF3;border:1px solid #BBF7D0;color:#166534;border-radius:14px;padding:10px 12px;margin:0 0 8px;font-size:12.5px}.fok b{display:block;font-size:13.5px;font-weight:900}
.rdis{margin:0 2px 12px;line-height:1.4}
.rep .mono{margin:0 auto}

.yrow{width:100%;text-align:left;background:none;border:0;font:inherit;color:inherit;cursor:pointer}.yrow:hover{background:#F8FAFC}.ychev{color:#94A3B8;font-size:20px;padding-left:8px}
.tlist .trow .spi{width:22px;height:22px;flex:none}
.nsec .nlink,.nmore .nlink{background:none;border:0;padding:0;color:#E11D2E;font-weight:700;font-size:13px;cursor:pointer}
.nmore{text-align:right;margin:6px 2px 0}

.shb>.btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0}.shb .btn svg{width:18px;height:18px;flex:none}.shb .btn.red.on svg{fill:currentColor}.shb .ghost{background:rgba(20,24,36,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.shb .ghost:not(.on){color:rgba(255,255,255,.8)}.shb .ghost.on svg{fill:currentColor}

.shd .bs2{font-size:11px;opacity:.5;margin-top:2px}