:root{--bg: #15151e;--surface: #1f1f27;--surface-2: #2a2a33;--border: #38383f;--text: #ffffff;--muted: #949498;--red: #e10600;--red-hover: #b80500;--gold: #ffd12e;--silver: #c8ccd0;--bronze: #c77b30;--pts: #2b5c3f;--dnf: #ff3b30;--purple: #9b30ff;--green: #00d26a;--footer: #0f0f15;--link: #ffffff;--accent: var(--red);--radius: 0;--pill: 0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Titillium Web,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.5;min-height:100vh;font-variant-numeric:tabular-nums}#root{display:flex;flex-direction:column;min-height:100vh}main#app{flex:1;min-width:0}img,svg{max-width:100%}a{color:var(--text);text-decoration:none}a:hover{color:var(--red);text-decoration:none}button{font-family:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.15;font-weight:700}h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:.5px;line-height:1;margin:0 0 24px}h1:after{content:"";display:block;width:48px;height:4px;background:var(--red);margin-top:12px}h2{font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}h2:before{content:"";display:inline-block;width:4px;height:18px;background:var(--red);margin-right:10px;vertical-align:-2px}h3{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}p{margin:0 0 .75em}.muted{color:var(--muted)}.site-header{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--border)}.accent-bar{height:4px;background:var(--red)}.header-inner{max-width:1200px;margin:0 auto;height:64px;padding:0 16px;display:flex;align-items:center;gap:16px;position:relative}.brand{display:flex;align-items:baseline;gap:8px;color:var(--text);white-space:nowrap;height:100%;align-items:center}.brand:hover{color:var(--text);text-decoration:none}.brand img{width:36px;height:36px;border-radius:0;object-fit:cover;display:block}.brand-name{font-weight:900;text-transform:uppercase;font-size:1.25rem;letter-spacing:.5px}.brand-sub{color:var(--muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.nav{display:flex;align-items:stretch;gap:0;margin-left:auto;height:64px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{display:flex;align-items:center;color:var(--text);padding:0 12px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:inset 0 -3px 0 transparent}.nav a:hover{color:var(--text);box-shadow:inset 0 -3px 0 var(--muted)}.nav a.active{color:var(--text);box-shadow:inset 0 -3px 0 var(--red)}.burger{display:none;margin-left:auto;width:44px;height:44px;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:0;border-radius:0;cursor:pointer}.burger span{display:block;width:22px;height:2px;background:var(--text)}.game-bar{display:none}@media (min-width: 1200px){.nav a{padding:0 10px}.brand-sub{display:none}}@media (max-width: 1199px){.header-inner{position:static}.burger{display:flex}.nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;height:auto;overflow:visible;margin:0;padding:0;background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.site-header.nav-open .nav{display:flex}.game-switch.game-switch--desk{display:none}.game-bar{display:block;padding:8px 16px;background:var(--bg);border-top:1px solid var(--border)}.game-switch.game-switch--mob{display:flex;width:100%}.game-switch--mob .game-btn{flex:1 1 0;height:40px;font-size:13px}.nav a{height:auto;padding:16px;border-bottom:1px solid var(--border);box-shadow:none}.nav a.active{box-shadow:inset 4px 0 0 var(--red)}.nav a:hover{box-shadow:inset 4px 0 0 var(--muted)}}.game-switch{display:flex;flex:0 0 auto}.game-btn{display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.game-btn+.game-btn{margin-left:-1px}.game-btn:hover{color:#fff;border-color:var(--muted)}.game-btn.active,.game-btn.active:hover{background:var(--red);border-color:var(--red);color:#fff}html[data-game=f20] .accent-bar{background:#ff8000}.page{max-width:1200px;margin:0 auto;padding:32px 16px}.section{margin-top:40px}.card{background:var(--surface);border:0;border-top:3px solid var(--team, var(--border));border-radius:0;padding:20px;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.h-gradient{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:currentColor;color:var(--text)}.kicker{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--red)}.f1-num{font-size:3rem;font-weight:900;font-style:italic;line-height:1;color:var(--text);-webkit-text-stroke:0;font-variant-numeric:tabular-nums}.stat{background:var(--surface);padding:16px}.stat .v{font-size:2.4rem;font-weight:900;line-height:1.1;font-variant-numeric:tabular-nums}.stat .l{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.chip-team{display:inline-flex;align-items:center;gap:8px}.chip-team:before{content:"";display:block;width:4px;height:16px;background:var(--team, var(--border))}.badge{display:inline-block;padding:2px 8px;border-radius:2px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--surface-2);border:0;color:var(--text);font-variant-numeric:tabular-nums}.badge.accent{background:var(--red);color:#fff}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:0;border:1px solid var(--red);background:var(--red);color:#fff;font:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{color:#fff;text-decoration:none;background:var(--red-hover);border-color:var(--red-hover)}.btn.secondary{background:transparent;border:1px solid #fff;color:#fff}.btn.secondary:hover{background:#fff;color:#000;border-color:#fff}.hero .btn,.btn-hero{border-radius:0}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:0;border-radius:0;background:var(--surface)}table.tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}table.tbl th,table.tbl td{padding:10px 8px;text-align:center;white-space:nowrap;border-bottom:1px solid var(--border)}table.tbl th{background:var(--bg);text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--muted)}table.tbl td{color:var(--text)}table.tbl tbody tr:hover td{background:var(--surface-2)}table.tbl th:first-child,table.tbl td:first-child{font-weight:700;width:1%}table.tbl th:first-child,table.tbl td:first-child{position:sticky;left:0;z-index:1;background:var(--surface)}table.tbl thead th:first-child{z-index:2;background:var(--bg)}table.tbl tbody tr:hover td:first-child{background:var(--surface-2)}table.tbl a{color:#fff;text-decoration:none}table.tbl a:hover{color:var(--red);text-decoration:none}.cell{font-weight:700;font-size:13px;min-width:34px}.cell.p1{background:var(--gold);color:#000}.cell.p2{background:var(--silver);color:#000}.cell.p3{background:var(--bronze);color:#000}.cell.pts{background:var(--pts);color:#fff}.cell.nopts{color:#fff}.cell.dnf{color:var(--dnf)}.cell.na{color:#55555c;font-weight:400}.pos{display:inline-block;min-width:28px;font-weight:900}.dn-first{font-weight:400}.dn-last{font-weight:700;text-transform:uppercase;letter-spacing:.3px}.team-stripe{border-left-style:solid;border-left-width:4px;border-left-color:var(--team, var(--border))}.hero{position:relative;overflow:hidden;border:0;border-radius:0;background:linear-gradient(105deg,var(--surface) 70%,var(--red) 70%,var(--red) 72%,var(--surface) 72%);padding:32px 24px}.hero h1{margin-bottom:16px}.hero h1:after{display:block}.tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{position:relative;background:none;border:0;border-radius:0;color:var(--muted);font:inherit;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;cursor:pointer;margin-bottom:-1px}.tab:hover{color:#fff;box-shadow:inset 0 -3px 0 var(--muted)}.tab.active{color:#fff;box-shadow:inset 0 -3px 0 var(--red)}.site-footer{margin-top:auto;background:var(--footer);border-top:4px solid var(--red);padding:32px 16px;color:var(--muted);font-size:13px;text-align:center}.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{text-decoration:underline;color:#fff}@media (max-width: 480px){h1{font-size:1.8rem}.page,.hero{padding:24px 16px}}a.drv{color:var(--text)}a.drv:hover{color:var(--red)}table.tbl a.drv{color:#fff;text-decoration:none}table.tbl a.drv:hover{color:var(--red)}
