:root{
  --bg:#080c10;--surface:#0d1318;--surface2:#111820;
  --border:rgba(255,255,255,.07);
  --accent:#00f5a0;--accent2:#ff4d6d;--accent3:#ffd60a;
  --text:#e8edf2;--muted:#5a6a7a;
  --gold:#ffd60a;--silver:#c9d3dd;--bronze:#e08a4f;
  --f:#ff6fa0;--m:#4fc3f7;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Barlow',system-ui,sans-serif;font-weight:300;min-height:100vh;overflow-x:hidden}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:999;opacity:.4;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}
a{color:var(--accent);text-decoration:none}

.top{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(8,12,16,.92);backdrop-filter:blur(20px);z-index:100}
.logo{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.7rem;letter-spacing:.08em}
.logo span{color:var(--accent)}
.top-meta{font-family:'Space Mono',monospace;font-size:.65rem;color:var(--muted);text-align:right;line-height:1.7}

.hero{padding:48px 40px 28px;background:radial-gradient(ellipse at 20% 0%,rgba(0,245,160,.10),transparent 60%)}
.hero-tag{display:inline-block;font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.15em;color:var(--accent);border:1px solid rgba(0,245,160,.35);padding:4px 10px;border-radius:2px;margin-bottom:14px}
.hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(2.4rem,7vw,4.6rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase}
.hero-sub{margin-top:10px;color:var(--muted);font-family:'Space Mono',monospace;font-size:.78rem}
.hero-sub span{color:var(--text)}

.tabs{display:flex;gap:6px;padding:0 40px;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{background:none;border:none;color:var(--muted);font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;padding:14px 16px;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;transition:color .2s,border-color .2s}
.tab small{font-family:'Space Mono',monospace;font-size:.62rem;font-weight:400;margin-left:6px;opacity:.7}
.tab:hover{color:var(--text)}
.tab.active{color:var(--accent);border-bottom-color:var(--accent)}

.tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:20px 40px}
.search{flex:1 1 260px}
.search input,.select{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:11px 14px;font-family:'Barlow',sans-serif;font-size:.95rem;border-radius:4px;outline:none}
.search input:focus,.select:focus{border-color:var(--accent)}
.select{width:auto;min-width:190px;cursor:pointer}
.chips{display:flex;gap:6px}
.chip{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:9px 14px;border-radius:20px;font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.chip.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}

.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 40px 20px}
.pod{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--c);padding:16px 18px;border-radius:4px;position:relative;overflow:hidden}
.pod .p-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:2.6rem;color:var(--c);line-height:1;position:absolute;right:14px;top:10px;opacity:.9}
.pod .p-name{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:1.15rem;text-transform:uppercase;padding-right:44px;line-height:1.1}
.pod .p-meta{font-family:'Space Mono',monospace;font-size:.7rem;color:var(--muted);margin-top:6px}
.pod .p-km{font-family:'Space Mono',monospace;font-weight:700;font-size:1.25rem;color:var(--text);margin-top:10px}
.pod .p-km small{font-size:.7rem;color:var(--muted);font-weight:400}

.table-wrap{padding:0 40px 40px}
.results{width:100%;border-collapse:collapse}
.results th{font-family:'Space Mono',monospace;font-size:.62rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}
.results td{padding:12px;border-bottom:1px solid var(--border);font-size:.95rem;vertical-align:middle}
.results tbody tr{transition:background .15s}
.results tbody tr:hover{background:var(--surface2)}
.c-pos,.c-num,.c-vue,.c-km,.c-adic,.c-total{white-space:nowrap}
th.c-vue,th.c-km,th.c-adic,th.c-total,td.c-vue,td.c-km,td.c-adic,td.c-total{text-align:right}
td.c-pos{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:1.35rem;width:56px}
td.c-pos.g1{color:var(--gold)}td.c-pos.g2{color:var(--silver)}td.c-pos.g3{color:var(--bronze)}
td.c-num{font-family:'Space Mono',monospace;font-size:.8rem;color:var(--muted)}
.ath{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:1.08rem;text-transform:uppercase;letter-spacing:.02em}
.sx{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px;vertical-align:middle}
.sx.F{background:var(--f)}.sx.M{background:var(--m)}
.catb{font-family:'Space Mono',monospace;font-size:.72rem;background:var(--surface2);border:1px solid var(--border);padding:3px 7px;border-radius:3px;white-space:nowrap}
.catb b{color:var(--accent);font-weight:700;margin-left:4px}
td.c-vue,td.c-km,td.c-adic{font-family:'Space Mono',monospace;font-size:.85rem}
td.c-adic{color:var(--muted)}
td.c-total{font-family:'Space Mono',monospace;font-weight:700;color:var(--accent)}
.no-extra .col-extra{display:none}
.no-extra td.c-km{font-weight:700;color:var(--accent)}
.empty{text-align:center;color:var(--muted);padding:40px;font-family:'Space Mono',monospace;font-size:.8rem}

.foot{border-top:1px solid var(--border);padding:22px 40px;font-family:'Space Mono',monospace;font-size:.68rem;color:var(--muted);text-align:center}

@media (max-width:760px){
  .top,.hero,.tabs,.tools,.podium,.table-wrap,.foot{padding-left:16px;padding-right:16px}
  .hero{padding-top:32px}
  .podium{grid-template-columns:1fr;gap:8px}
  .select{width:100%}
  .c-num,.c-adic,.c-vue{display:none}
  .results td{padding:10px 6px}
  .results th{padding:8px 6px}
  td.c-pos{width:40px;font-size:1.15rem}
  .ath{font-size:.98rem}
  td.c-cat .catb{font-size:.62rem;padding:2px 5px}
}