:root{color-scheme:dark;--black:#09090d;--panel:#111017;--panel-2:#181622;--line:#302d3c;--white:#f6f3ee;--muted:#97939f;--red:#c82b30;--purple:#433a92;--yellow:#b8adff;--mono:"DM Mono",monospace;--display:"Archivo Black",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);min-width:320px}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 70%);z-index:-1}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.site-header{min-height:84px;padding:12px clamp(22px,4vw,64px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:13px;align-items:center;color:var(--white);text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain}.brand-type{font:.95rem/1 var(--display);letter-spacing:.08em}.header-link{color:var(--white);text-decoration:none;text-transform:uppercase;font:.78rem/1 var(--mono);border-bottom:1px solid var(--muted);padding:10px 0}
main{overflow:hidden}.hero{min-height:660px;padding:clamp(68px,9vw,132px) clamp(22px,6vw,96px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:48px;align-items:center;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker,.timing-meta,.corner-label,.data-note{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.eyebrow{display:flex;gap:28px;color:var(--yellow);font-size:.76rem;margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1{font:clamp(3.9rem,8.5vw,8.9rem)/.83 var(--display);letter-spacing:-.065em;margin-bottom:36px}h1 em{color:var(--red);font-style:normal}.lede{max-width:620px;color:#b6bac1;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55;margin:0}.hero-graphic{position:relative;min-height:430px;display:grid;place-items:center}.hero-brand{position:absolute;width:min(68%,360px);height:auto;opacity:.22;filter:drop-shadow(0 0 34px rgba(67,58,146,.6));z-index:0}.track-line{width:min(100%,650px);transform:rotate(-4deg);position:relative;z-index:1}.track-line svg{display:block;width:100%;overflow:visible}.track-line path{fill:none;stroke:var(--white);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 18px rgba(255,255,255,.12))}.lap-time{position:absolute;top:3%;right:1%;font:clamp(2rem,5vw,5.4rem)/1 var(--mono);letter-spacing:-.06em;color:var(--yellow);opacity:.9;z-index:2}.lap-time span{color:var(--red)}.corner-label{position:absolute;bottom:3%;left:7%;color:var(--muted);font-size:.76rem}
.crew,.leaderboard-section{padding:clamp(76px,10vw,140px) clamp(22px,6vw,96px)}.crew{background:#0c0e11;border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.kicker{color:var(--red);font-size:.76rem;margin-bottom:14px}h2{font:clamp(2.4rem,5vw,5rem)/.95 var(--display);letter-spacing:-.045em;margin-bottom:0}.driver-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.driver-card{min-height:245px;padding:18px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:var(--white);text-decoration:none}.driver-card:last-child{border-right:0}.driver-card:after{content:"";position:absolute;width:80px;height:5px;background:var(--red);right:-20px;bottom:30px;transform:rotate(-45deg);opacity:0;transition:opacity .2s}.driver-card:hover:after,.driver-card:focus-visible:after{opacity:1}.driver-card:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px}.driver-number{font:.72rem/1 var(--mono);color:var(--muted)}.driver-avatar{width:66px;height:66px;display:grid;place-items:center;background:var(--panel-2);border:1px solid var(--line);font:1.05rem/1 var(--display)}.driver-card h3{font-size:1rem;margin:0 0 7px}.driver-card p{color:var(--muted);font:.68rem/1 var(--mono);margin:0}.profile-link{color:var(--yellow);white-space:nowrap;margin-left:.35rem}
.leaderboard-section{background:var(--black)}.leaderboard-heading{align-items:flex-end}.timing-meta{display:flex;flex-direction:column;align-items:end;gap:8px;color:var(--muted);font-size:.72rem}.timing-meta span:last-child{color:var(--yellow)}.table-shell{border-top:3px solid var(--white)}.table-head,.lap-row{display:grid;grid-template-columns:80px 1.05fr 1.55fr 190px 110px;align-items:center;gap:20px}.table-head{color:var(--muted);font:.7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:18px 20px;border-bottom:1px solid var(--line)}.lap-row{min-height:92px;padding:18px 20px;border-bottom:1px solid var(--line);transition:background .18s}.lap-row:hover{background:var(--panel)}.lap-row.fastest{background:linear-gradient(90deg,rgba(215,255,56,.1),transparent 45%)}.position,.delta{font:.78rem/1 var(--mono);color:var(--muted)}.driver-name{font-weight:700}.car-name{color:#c5c8cd}.best-lap{font:1.15rem/1 var(--mono);color:var(--white)}.fastest .best-lap,.fastest .delta{color:var(--yellow)}.empty-state{min-height:170px;display:flex;align-items:center;justify-content:center;gap:24px;padding:40px 20px;border-bottom:1px solid var(--line);color:var(--muted)}.empty-state strong{display:block;color:var(--white);margin-bottom:8px}.empty-state p{margin:0;line-height:1.5}.empty-state code{color:var(--yellow);font-family:var(--mono)}.empty-flag{color:var(--red);font-size:2.4rem}.data-note{color:var(--muted);font-size:.7rem;line-height:1.7;margin:20px 0 0}
footer{min-height:110px;padding:30px clamp(22px,6vw,96px);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font:.7rem/1 var(--mono);letter-spacing:.09em}
@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:82px}.hero-graphic{min-height:330px}.driver-grid{grid-template-columns:repeat(2,1fr)}.driver-card{border-bottom:1px solid var(--line)}.driver-card:nth-child(2n){border-right:0}.driver-card:last-child{border-bottom:0}.table-head,.lap-row{grid-template-columns:58px 1fr 1.2fr 150px 80px;gap:12px}}
@media(max-width:680px){.site-header{min-height:72px}.brand img{width:48px;height:48px}.brand-type{font-size:.8rem}.header-link{font-size:.68rem}.hero{min-height:auto;padding-top:76px;gap:20px}.eyebrow{flex-direction:column;gap:7px}h1{font-size:clamp(3.35rem,17vw,5.4rem)}.hero-graphic{min-height:260px}.lap-time{top:0}.section-heading{align-items:flex-start;flex-direction:column}.driver-grid{grid-template-columns:1fr}.driver-card{min-height:145px;border-right:0;flex-direction:row;align-items:center;gap:18px}.driver-number{align-self:flex-start}.driver-card>div:last-child{margin-left:auto;text-align:right}.timing-meta{align-items:flex-start}.table-head{display:none}.lap-row{grid-template-columns:38px 1fr auto;min-height:112px}.car-name{grid-column:2/4;grid-row:2;font-size:.85rem}.best-lap{grid-column:3;grid-row:1}.delta{grid-column:3;grid-row:2;text-align:right}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.driver-card{min-height:0;justify-content:flex-start;gap:0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-top .profile-link{margin:0;font:.62rem/1 var(--mono)}
.driver-id{display:flex;align-items:center;gap:12px;margin-bottom:16px}.driver-avatar{width:58px;height:58px;flex:none;overflow:hidden}.driver-avatar img{width:100%;height:100%;object-fit:cover;display:block}.driver-who{min-width:0}.driver-who h3{margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.best-time{font:1.15rem/1 var(--mono);color:var(--white)}.driver-card.leader .best-time{color:var(--yellow)}.driver-card.leader{background:linear-gradient(180deg,rgba(215,255,56,.07),transparent 55%)}
.car-list{list-style:none;margin:auto 0 0;padding:0;border-top:1px solid var(--line)}.car-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font:.64rem/1.2 var(--mono);color:var(--muted)}.car-item:last-child{border-bottom:0}
.car-item.best{color:var(--white)}.car-item.best .car-time{color:var(--yellow)}.car-item.empty .car-time{opacity:.55}.car-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.car-time{font-variant-numeric:tabular-nums}
.car-icon{width:44px;height:25px;display:grid;place-items:center;overflow:hidden;background:var(--panel-2);border:1px solid var(--line);flex:none}.car-icon img{width:100%;height:100%;object-fit:cover;display:block}.car-icon.no-photo{font:.54rem/1 var(--mono);color:var(--muted);letter-spacing:.04em}
.car-name{display:flex;align-items:center;gap:12px}.car-name .car-icon{width:52px;height:29px}
.driver-card{flex-direction:column;align-items:stretch;min-width:0}.card-top,.driver-id{align-self:stretch;width:100%}.car-list{width:100%}
.driver-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
@media(max-width:980px){.driver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.driver-grid{grid-template-columns:minmax(0,1fr)}.driver-card{border-right:0!important;border-bottom:1px solid var(--line)}.driver-card:last-child{border-bottom:0}}