:root{--bg:#090a0a;--surface:#111414;--raised:#181c1d;--ink:#f5f5f2;--muted:#8e9494;--line:#ffffff26;--accent:#35d1e6;--success:#35b889;--warning:#d9a72e;--red:#da354d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,sans-serif;font-weight:500;letter-spacing:0}a{color:inherit;text-decoration:none}button{font:inherit;letter-spacing:0}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.shell{width:min(100% - 6rem,80rem);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:0;left:1rem;transform:translateY(-200%);z-index:10;background:var(--ink);color:var(--bg);padding:1rem}.skip:focus{transform:none}.muted{color:var(--muted)}
.masthead{height:6rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1rem}.brand img{width:2.5rem;height:2.5rem;object-fit:contain}.brand b{color:var(--accent)}.nav-link{font-size:.75rem;font-weight:600;display:flex;gap:1rem;align-items:center}.nav-link i{color:var(--accent)}
.hero{position:relative;overflow:hidden;min-height:39rem;background:repeating-linear-gradient(115deg,transparent 0,transparent 110px,#ffffff02 111px,#ffffff02 112px)}.hero-content{position:relative;z-index:1;padding-top:4rem;padding-bottom:4rem}.hero-meta{display:flex;gap:2.5rem;font-size:.7rem;color:var(--muted);font-weight:600}.hero-meta span:first-child{color:var(--accent)}h1{margin:2rem 0 1.5rem;width:min(100%,58rem)}h1 img{width:100%;height:auto;display:block}.hero-sub{font-family:'Barlow Condensed',sans-serif;font-size:3rem;line-height:.98;font-weight:800;margin:0 0 2.25rem;max-width:30rem}.hero-mascot{position:absolute;height:34rem;width:34rem;object-fit:contain;right:max(-8rem,calc((100% - 80rem)/2 - 3rem));bottom:0;opacity:.055;pointer-events:none}.join-row{display:flex;gap:1rem;flex-wrap:wrap}.join{min-height:5rem;width:18.5rem;display:flex;align-items:center;gap:1rem;padding:1.1rem 1.35rem;font-size:.9rem;font-weight:700;border:1px solid var(--line);transition:background .18s,transform .18s}.join>i:first-child{font-size:1.5rem}.join>i:last-child{font-size:.75rem;margin-left:auto}.join small{display:block;font-size:.6rem;font-weight:600;margin-top:.4rem;opacity:.6}.join-server{background:var(--ink);color:var(--bg);border-color:var(--ink)}.join-server:hover{background:var(--accent);border-color:var(--accent)}.join-discord{background:var(--accent);border-color:var(--accent);color:var(--bg);position:relative;overflow:hidden}.join-discord:before{content:'';position:absolute;inset:0;transform:translateX(-120%) skewX(-25deg);background:#ffffff40;transition:transform .45s}.join-discord:hover:before{transform:translateX(120%) skewX(-25deg)}.join:hover{transform:translateY(-2px)}.server-status{display:flex;align-items:center;gap:.65rem;margin-top:1.4rem;font-size:.7rem;flex-wrap:wrap}.status-dot{width:.4rem;height:.4rem;border-radius:50%;background:var(--warning)}.server-status.is-online .status-dot{background:var(--success);box-shadow:0 0 0 4px #35b88914}.server-status.is-stale .status-dot{background:var(--warning)}#playerCount{color:var(--muted);font-variant-numeric:tabular-nums}.status-age{color:var(--muted);margin-left:1rem;font-size:.6rem}.hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;align-items:center;padding-block:1.4rem;border-top:1px solid var(--line);font-size:.65rem;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:1.5rem;color:var(--ink)}.hero-bottom i{color:var(--accent)}
.timing{padding-top:3.5rem;padding-bottom:3rem}.timing-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end}.apex-logo{display:block;width:12rem;height:4rem;object-fit:contain;object-position:left center;margin-left:-.4rem}h2{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:2.6rem;line-height:1;margin:.7rem 0 0}h2>span{display:block;font-family:Barlow,sans-serif;font-size:.65rem;font-weight:500;color:var(--muted);margin-top:.85rem}.timing-meta{display:flex;flex-direction:column;text-align:right;gap:.6rem;font-size:.65rem;color:var(--muted)}.broadcast{color:var(--ink);display:flex;gap:.6rem;align-items:center}.broadcast>span{width:.4rem;height:.4rem;background:var(--accent)}.track-nav{display:flex;align-items:center;gap:1rem;margin-top:2rem;border-bottom:1px solid var(--line);min-height:3.5rem}.tabs{display:flex;overflow-x:auto;min-width:0;flex:1;gap:1.5rem;scrollbar-width:thin;scrollbar-color:var(--raised) var(--bg)}.tabs button{background:none;color:var(--muted);border:0;border-bottom:3px solid transparent;padding:1rem 0 .9rem;white-space:nowrap;cursor:pointer;font-size:.75rem;font-weight:700}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--ink)}.track-total{font-size:.6rem;color:var(--muted);white-space:nowrap}.timing-state{padding:4rem 1rem;text-align:center;min-height:18rem;border-bottom:1px solid var(--line)}.timing-state>i{font-size:1.8rem;color:var(--accent)}.timing-state h3{font-family:'Barlow Condensed',sans-serif;font-size:1.8rem;margin:1rem 0 .5rem}.timing-state p{font-size:.85rem;color:var(--muted);margin:0}.circuit-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 0}.eyebrow{font-size:.6rem;font-weight:600;color:var(--accent)}.circuit-heading h3{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:2.2rem;margin:.25rem 0;text-transform:uppercase;overflow-wrap:anywhere}.circuit-heading p{color:var(--muted);font-size:.75rem;margin:.3rem 0}.lap-record{text-align:right;flex-shrink:0}.lap-record span{display:block;font-size:.6rem;color:var(--muted)}.lap-record strong{display:block;font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);margin:.2rem 0}.board-grid{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2rem;align-items:stretch}.classification{min-width:0}.board-title{background:var(--ink);color:var(--bg);display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;font-size:.65rem;font-weight:700}.board-title i{margin-right:.5rem}.board-title>span:last-child{opacity:.5}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;min-width:32rem}th{font-size:.6rem;color:var(--muted);font-weight:500;padding:.8rem 1rem;text-align:left;border-bottom:1px solid var(--line)}th:first-child{width:4rem}th:nth-child(2){width:auto}th:nth-child(3){width:8.5rem;text-align:right}th:last-child{width:6rem;text-align:right}td{padding:1rem;border-bottom:1px solid var(--line);font-size:.8rem}tbody tr:first-child{background:#35d1e609}td:first-child{font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:700;color:var(--muted)}tbody tr:first-child td:first-child{color:var(--accent)}.driver-name{display:block;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.car-name{display:block;font-size:.6rem;color:var(--muted);margin-top:.3rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}td:nth-child(3){font-family:'Barlow Condensed',sans-serif;font-size:1.6rem;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td:last-child{text-align:right;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums}tbody tr:first-child td:last-child{color:var(--accent)}.no-laps{padding:3rem 1rem;font-size:.75rem;color:var(--muted);text-align:center;border-bottom:1px solid var(--line)}.pole{background:var(--surface);border-top:3px solid var(--accent);padding:1.5rem;display:flex;flex-direction:column;min-height:22rem;position:relative;overflow:hidden}.pole-number{font-family:'Barlow Condensed',sans-serif;font-size:7rem;font-weight:800;line-height:1;display:flex;gap:1rem;align-items:center;margin-top:1rem;color:var(--accent)}.pole-number span{font-family:Barlow,sans-serif;color:var(--muted);font-size:.6rem;line-height:1.5}.pole h4{font-family:'Barlow Condensed',sans-serif;font-size:1.7rem;margin:1.3rem 0 .25rem;overflow-wrap:anywhere}.pole p{font-size:.7rem;color:var(--muted);margin:0}.pole>strong{font-family:'Barlow Condensed',sans-serif;font-size:2.5rem;margin:1rem 0 2rem;font-variant-numeric:tabular-nums}.pole-footer{display:flex;align-items:center;gap:.6rem;margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;font-size:.55rem;line-height:1.5;color:var(--muted)}.pole-footer img{object-fit:contain}.pole-footer b{color:var(--ink);font-weight:500}.timing-footnote{display:flex;justify-content:space-between;gap:1rem;padding-top:1.2rem;color:var(--muted);font-size:.6rem}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:1rem;padding-block:1.5rem;font-size:.65rem}.footer img{object-fit:contain}.footer a{margin-left:auto;display:flex;align-items:center;gap:1rem}.hero-content{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-content{padding-top:5rem}.hero{min-height:42rem}}
@media(max-width:900px){.shell{width:calc(100% - 3rem)}.board-grid{grid-template-columns:minmax(0,1fr)}.pole{display:none}.hero-content{padding-top:3rem}.hero{min-height:36rem}.hero-mascot{right:-13rem}.timing-meta{max-width:12rem}.timing-heading{gap:1rem}}
@media(max-width:540px){.shell{width:calc(100% - 2rem)}.masthead{height:4.5rem}.brand{font-size:.8rem}.brand img{width:2rem;height:2rem}.nav-link{font-size:.6rem;gap:.5rem}.hero-content{padding-top:2rem;padding-bottom:2rem}.hero{min-height:32rem}.hero-meta{font-size:.55rem;gap:1rem;justify-content:space-between}.hero-meta span:last-child{max-width:6rem;text-align:right}h1{margin:2rem 0 1.5rem}.hero-sub{font-size:2.75rem;margin-bottom:1.75rem}.join-row{flex-direction:column;gap:.75rem}.join{width:100%;min-height:4.5rem}.status-age{margin-left:0;width:100%;padding-left:1rem;font-size:.55rem}.hero-bottom{font-size:.55rem}.hero-bottom a{gap:.5rem}.hero-mascot{height:25rem;width:25rem;right:-14rem}.timing{padding-top:2rem}.timing-heading{align-items:flex-start}.apex-logo{width:9rem;height:3rem}h2{font-size:2rem}h2>span{font-size:.55rem}.timing-meta{padding-top:1rem;font-size:.5rem;max-width:7.5rem}.broadcast{justify-content:flex-end;line-height:1.5}.broadcast>span{flex-shrink:0}.track-nav{margin-top:1.5rem}.track-total{display:none}.tabs{gap:1.25rem}.circuit-heading{align-items:flex-start;gap:1rem}.circuit-heading h3{font-size:1.6rem}.circuit-heading p{font-size:.6rem}.lap-record strong{font-size:1.8rem}.lap-record{max-width:8rem}.lap-record span{font-size:.5rem;overflow-wrap:anywhere}.board-title{font-size:.55rem;padding:.75rem}.timing-footnote{font-size:.5rem;line-height:1.6}.timing-footnote span:first-child{max-width:12rem}.footer{gap:.6rem;font-size:.55rem}.footer a{font-size:.5rem;gap:.5rem}.footer img{width:1.5rem;height:1.5rem}}
@media(max-width:540px){table{min-width:0}th:first-child{width:2.75rem}th:nth-child(3){width:6.5rem}th:last-child,td:last-child{display:none}th,td{padding:.85rem .65rem}td:first-child{font-size:1.4rem}td:nth-child(3){font-size:1.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-content{animation:none}.join,.join-discord:before{transition:none}}