:root{--bg:#0b0f1a;--card:#141b2e;--txt:#e6ecf7;--mut:#8a93a6;--green:#2ec27e;--red:#ff6b6b;--gold:#ffd166;--blue:#7cc0ff;--line:#ffffff14}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--txt);font:14px/1.5 -apple-system,"PingFang SC",system-ui,sans-serif}
main{max-width:780px;margin:0 auto;padding:14px}
h1{font-size:19px;margin:14px 0 10px}
h2{font-size:15px;margin:20px 0 8px;color:var(--gold)}
.note{color:var(--mut);font-size:12px}
.qual-dot{color:var(--green)}
.nav{position:sticky;top:0;display:flex;gap:6px;padding:10px 14px;background:#0b0f1aee;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);max-width:780px;margin:0 auto}
.nav a{color:var(--txt);text-decoration:none;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line)}
.nav a.on{background:var(--blue);color:#0b0f1a;border-color:var(--blue);font-weight:700}
/* KPI */
.kpis{display:flex;gap:8px;margin:10px 0}
.kpi{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px;text-align:center}
.kpi .v{font-size:20px;font-weight:800}
.kpi .v.g{color:var(--green)}.kpi .v.r{color:var(--red)}.kpi .v.y{color:var(--gold)}.kpi .v.b{color:var(--blue)}
.kpi .k{font-size:10px;color:var(--mut);margin-top:3px}
/* tickets */
.ticket{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px;margin:9px 0}
.ticket.won{border-color:#2ec27e55}.ticket.lost{border-color:#ff6b6b44}.ticket.pending{border-color:#7cc0ff55}
.th{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.tn{font-weight:700}
.ts{font-size:12px}
.ts-won{color:var(--green)}.ts-lost{color:var(--red)}.ts-pending{color:var(--blue)}
.tmeta{color:var(--mut);font-size:11px;margin:4px 0 8px}
.leg{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-top:1px solid var(--line);font-size:13px}
.lp{color:var(--mut);font-size:11px;margin-left:4px}
.lr-win{color:var(--green)}.lr-lose{color:var(--red)}.lr-pending{color:var(--blue)}
/* standings grid */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media(max-width:600px){.grid{grid-template-columns:1fr}}
.grp{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}
.grp-h{font-weight:800;color:var(--gold);margin-bottom:6px}
.st-head,.st-row{display:flex;align-items:center;font-size:13px;padding:3px 0}
.st-head{color:var(--mut);font-size:10px}
.st-row.qual{color:var(--green)}
.rk{width:18px;color:var(--mut)}.tm{flex:1}.gd{width:34px;text-align:right;color:var(--mut)}.pt{width:30px;text-align:right;font-weight:700}
.grp-sc{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);color:var(--mut);font-size:11px;line-height:1.7}
footer{max-width:780px;margin:24px auto;padding:14px;color:var(--mut);font-size:11px;text-align:center;border-top:1px solid var(--line)}