:root{--bg:#0b0b14;--bg2:#0a0a14;--bg3:#111120;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);--t1:rgba(255,255,255,0.9);--t2:rgba(255,255,255,0.5);--t3:rgba(255,255,255,0.25);--purple:#7F77DD;--pl:#AFA9EC;--pbg:rgba(127,119,221,0.12);--teal:#1D9E75;--tl:#5DCAA5;--tbg:rgba(29,158,117,0.12);--green:#4ade80;--red:#f87171;--amber:#EF9F27;--abg:rgba(239,159,39,0.12);--star:#EF9F27;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:"SF Mono","Cascadia Code","Fira Code",monospace}
*{box-sizing:border-box;margin:0;padding:0}body{background:#0b0b14;background-image:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");color:var(--t1);font-family:var(--font);font-size:13px;min-height:100vh}
.container{max-width:1440px;margin:0 auto;padding:20px 16px}
#scheduleView{max-width:720px;margin:0 auto}
.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.app-title{font-size:20px;font-weight:600;color:#fff;letter-spacing:-0.5px}.app-title span{color:var(--pl)}.app-date{font-size:12px;color:var(--t3)}
.custom-btn{font-size:12px;padding:7px 18px;border-radius:8px;background:var(--pbg);color:var(--pl);border:0.5px solid rgba(127,119,221,0.25);cursor:pointer;font-family:var(--font);transition:background .15s}.custom-btn:hover{background:rgba(127,119,221,0.25)}
.sort-bar{display:flex;gap:4px;margin-bottom:18px;background:rgba(255,255,255,0.03);border-radius:8px;padding:3px;max-width:720px;margin-left:auto;margin-right:auto}.sort-btn{flex:1;padding:7px 0;border-radius:6px;font-size:11px;font-weight:500;text-align:center;cursor:pointer;color:var(--t3);background:0;border:0;font-family:var(--font);transition:all .15s}.sort-btn.active{background:var(--pbg);color:var(--pl)}.sort-btn:hover:not(.active){color:var(--t2)}
.event-bar{display:flex;align-items:center;gap:8px;padding:10px 0 6px;border-bottom:0.5px solid var(--border);margin-bottom:4px}.event-stars{color:var(--star);font-size:9px;letter-spacing:1px}.event-name{font-size:12px;font-weight:500;color:var(--t2)}.event-count{font-size:10px;color:var(--t3);margin-left:auto}
.match-row{display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:background .12s;gap:6px}.match-row:hover{background:rgba(255,255,255,0.04)}
.mr-time{font-size:12px;color:var(--t3);min-width:40px;font-family:var(--mono)}.mr-team{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.mr-team.right{flex-direction:row-reverse}.mr-team.right .mr-info{text-align:right}
.mr-logo{width:28px;height:28px;border-radius:6px;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:var(--t3);flex-shrink:0}.mr-name{font-size:13px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-rank{font-size:10px;color:var(--t3)}
.mr-center{min-width:110px;text-align:center;padding:0 4px}.mr-prob-row{display:flex;align-items:center;gap:6px;justify-content:center;margin-bottom:3px}.mr-p{font-size:12px;font-weight:500;min-width:28px}.mr-p.l{color:var(--pl);text-align:right}.mr-p.r{color:var(--tl);text-align:left}
.mr-minibar{width:50px;height:3px;background:rgba(255,255,255,0.06);border-radius:2px;display:flex;overflow:hidden}.mr-minibar .l{background:var(--purple)}.mr-minibar .r{background:var(--teal)}.mr-format{font-size:10px;color:var(--t3)}
.mr-ev-tag{min-width:0;max-width:100px;text-align:right}.mr-ev-name{font-size:10px;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mr-ev-stars{font-size:8px;color:var(--star)}
.mr-ot-pill{font-size:9px;padding:2px 6px;border-radius:6px;background:rgba(255,255,255,0.04);color:var(--t3)}.mr-ot-pill.hot{background:var(--abg);color:var(--amber)}
.mr-arrow{color:rgba(255,255,255,0.1);font-size:14px;margin-left:4px}.divider{height:0.5px;background:rgba(255,255,255,0.04);margin:1px 10px}
.conf-badge{font-size:9px;padding:2px 6px;border-radius:4px;margin-left:4px}.conf-high{background:var(--tbg);color:var(--tl)}.conf-med{background:rgba(255,255,255,0.04);color:var(--t3)}.conf-upset{background:var(--abg);color:var(--amber)}
.custom-panel{display:none;background:var(--bg2);border:0.5px solid var(--border);border-radius:10px;padding:16px;margin-bottom:18px;max-width:720px;margin-left:auto;margin-right:auto}.custom-panel.open{display:block}
.cp-row{display:flex;gap:10px;align-items:end}.cp-field{flex:1;position:relative}.cp-field label{font-size:11px;color:var(--t3);display:block;margin-bottom:4px}.cp-field input,.cp-field select{width:100%;padding:8px 10px;border-radius:6px;border:0.5px solid var(--border2);background:var(--bg3);color:#fff;font-family:var(--font);font-size:13px;outline:0}.cp-field input:focus{border-color:var(--purple)}
.cp-go{padding:8px 24px;border-radius:6px;background:var(--purple);color:#fff;border:0;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;white-space:nowrap}.cp-go:hover{background:#6960c8}
.acl{position:absolute;background:var(--bg2);border:0.5px solid var(--border2);border-radius:6px;max-height:180px;overflow-y:auto;z-index:99;width:100%;margin-top:2px}.acl div{padding:6px 10px;cursor:pointer;font-size:12px;color:var(--t1)}.acl div:hover{background:rgba(255,255,255,0.05)}.acl .ac-rank{color:var(--t3);font-size:10px;margin-left:6px}
.back-btn{font-size:12px;color:var(--tl);cursor:pointer;padding:6px 0;margin-bottom:12px;display:none}.back-btn:hover{color:#fff}
.series-head{text-align:center;padding-bottom:16px;margin-bottom:16px;border-bottom:0.5px solid var(--border)}.sh-matchup{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:12px}.sh-team{text-align:center;min-width:80px}.sh-logo{width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,0.06);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--t3);margin-bottom:4px}.sh-name{font-weight:500;font-size:16px;color:#fff}.sh-rank{font-size:11px;color:var(--t3)}.sh-mid{text-align:center}.sh-format{font-size:11px;color:var(--t3)}.sh-event{font-size:11px;color:var(--t3)}
.sh-prob{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:4px}.sh-pct{font-size:26px;font-weight:500;min-width:50px}.sh-pct.l{color:var(--pl);text-align:right}.sh-pct.r{color:var(--tl);text-align:left}.sh-bar{width:200px;height:6px;background:rgba(255,255,255,0.06);border-radius:3px;display:flex;overflow:hidden}.sh-bar .l{background:var(--purple)}.sh-bar .r{background:var(--teal)}.sh-label{font-size:10px;color:var(--t3)}.sh-chips{display:flex;justify-content:center;gap:6px;margin-top:8px;flex-wrap:wrap}.sh-chip{font-size:11px;padding:3px 12px;border-radius:14px;background:rgba(255,255,255,0.05);color:var(--t3)}.sh-chip.fav{background:var(--pbg);color:var(--pl)}
.sh-summary{margin-top:12px;padding:10px 16px;font-size:12px;line-height:1.6;color:var(--t2);background:rgba(255,255,255,0.02);border-radius:8px;text-align:left;max-width:520px;margin-left:auto;margin-right:auto}
.section-label{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:0.5px;padding:12px 0 6px;display:flex;align-items:center;gap:6px}.sl-dot{width:5px;height:5px;border-radius:50%}
.maps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.map-card{background:rgba(255,255,255,0.03);border:0.5px solid var(--border);border-radius:12px;overflow:visible}.map-card.ot-alert{border-color:rgba(239,159,39,0.3)}.map-card.alt-card{opacity:.55}
.mc-head{padding:14px 20px 0;display:flex;justify-content:space-between;align-items:center}.mc-map{font-weight:500;font-size:16px;color:#fff}.mc-tag{font-size:10px;padding:3px 12px;border-radius:10px}.mc-tag.tp{background:var(--pbg);color:var(--pl)}.mc-tag.op{background:var(--tbg);color:var(--tl)}.mc-tag.dec{background:rgba(255,255,255,0.05);color:var(--t3)}.mc-tag.alt{background:rgba(255,255,255,0.04);color:var(--t3);font-style:italic}.mc-tag.bo1-likely{background:var(--pbg);color:var(--pl)}.mc-tag.bo1-possible{background:rgba(255,255,255,0.04);color:var(--t3)}
.mc-score-row{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 20px 10px}.mc-tname{font-size:13px;color:var(--t2);min-width:70px}.mc-tname.l{text-align:right}.mc-tname.r{text-align:left}.mc-big{font-size:42px;font-weight:500;min-width:44px;text-align:center}.mc-big.l{color:var(--pl)}.mc-big.r{color:var(--tl)}.mc-dash{font-size:22px;color:rgba(255,255,255,0.15)}
.mc-ot{text-align:center;padding:0 20px 10px;display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.ot-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 12px;border-radius:10px;background:rgba(255,255,255,0.04);color:var(--t3)}.ot-pill.hot{background:var(--abg);color:var(--amber)}.tossup-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:3px 12px;border-radius:10px;background:rgba(239,159,39,0.08);color:var(--amber);border:0.5px solid rgba(239,159,39,0.15)}
.mc-prob{padding:0 20px 10px}.mc-prob-bar{display:flex;align-items:center;gap:10px}.mc-pp{font-size:13px;font-weight:500;min-width:30px}.mc-pp.l{color:var(--pl);text-align:right}.mc-pp.r{color:var(--tl);text-align:left}.mc-pbar{flex:1;height:5px;background:rgba(255,255,255,0.06);border-radius:3px;display:flex;overflow:hidden}.mc-pbar .l{background:var(--purple)}.mc-pbar .r{background:var(--teal)}
.mc-scorelines{display:flex;justify-content:center;gap:5px;padding:4px 20px 12px;flex-wrap:wrap}.mc-sl{font-size:11px;padding:3px 10px;border-radius:8px;background:rgba(255,255,255,0.04);color:var(--t3)}.mc-sl.top{background:var(--pbg);color:var(--pl)}.mc-sl.ot{background:var(--abg);color:var(--amber)}
.mc-drivers{border-top:0.5px solid var(--border);padding:12px 16px}.mc-drivers-title{font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.mc-driver{display:flex;align-items:center;gap:8px;padding:3px 0}.mc-driver-label{font-size:12px;color:var(--t2);min-width:120px;white-space:nowrap}.mc-driver-bar-wrap{flex:1;display:flex;align-items:center;height:14px;position:relative}.mc-driver-bar{height:6px;border-radius:3px;position:absolute}.mc-driver-bar.l{right:50%;background:var(--purple)}.mc-driver-bar.r{left:50%;background:var(--teal)}.mc-driver-mid{position:absolute;left:50%;width:1px;height:14px;background:rgba(255,255,255,0.1)}.mc-driver-who{font-size:11px;min-width:50px;white-space:nowrap}.mc-driver-who.l{color:var(--pl);text-align:right}.mc-driver-who.r{color:var(--tl);text-align:left}
.recent{border-top:0.5px solid var(--border);padding:12px 18px}.recent-title{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;text-align:center;margin-bottom:10px}.recent-cols{display:flex;gap:8px}.recent-col{flex:1}.recent-col.right .rr{flex-direction:row-reverse}.recent-col.right .rr-score{text-align:right}.recent-col.right .rr-opp{text-align:right}.recent-col.right .rr-date{text-align:left}.recent-divider{width:0.5px;background:var(--border)}
.rr{display:flex;align-items:center;font-size:11px;padding:2px 0;line-height:1.6}.rr-score{min-width:34px;font-weight:500;font-family:var(--mono);font-size:11px}.rr-score.w{color:var(--green)}.rr-score.lo{color:var(--red)}.rr-opp{flex:1;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.rr-date{font-size:10px;color:rgba(255,255,255,0.15);min-width:38px;text-align:right}
.ban-row{display:flex;justify-content:center;gap:8px;padding:6px 0 4px}.ban-pill{font-size:11px;padding:3px 12px;border-radius:6px;background:rgba(255,255,255,0.04);color:var(--t3);text-decoration:line-through}
.loading{text-align:center;color:var(--t3);padding:40px 0}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,0.1);border-top-color:var(--purple);border-radius:50%;animation:spin .7s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--t3);padding:40px 0}

/* ───── Mobile breakpoints ─────────────────────────────────── */
@media (max-width: 700px) {
  .app-topbar { flex-wrap: wrap; padding: 12px 16px; }
  .app-nav { gap: 14px; font-size: 14px; }

  .splash-title { font-size: 40px; }
  .splash-stat-num { font-size: 36px; }

  .match-card { padding: 12px; }
  .match-card-head { flex-wrap: wrap; gap: 8px; }
  .match-card-teams { font-size: 18px; }
  .match-card-maps .map-row { flex-wrap: wrap; gap: 4px 12px; }

  .md-teams { font-size: 28px; }
  .md-series-pct { font-size: 32px; }
  .md-map-card { padding: 12px; }

  .archive-day { flex-direction: column; align-items: flex-start; gap: 4px; }
}

@media (max-width: 420px) {
  body { font-size: 14px; }
  .splash-title { font-size: 32px; }
  .splash-cta { display: block; text-align: center; }
}