#race-track{position:relative}.race-racer{box-sizing:border-box;height:42px;color:var(--color-ink);align-items:center;gap:.5rem;text-decoration:none;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .4s;display:flex;position:absolute;top:0;left:0;right:0}.race-bubble{z-index:5;pointer-events:none;background:var(--color-void);color:var(--color-paper);font-family:var(--font-display-thin);white-space:nowrap;border:1px solid #ffffff40;padding:.25rem .55rem;font-size:.75rem;position:absolute;top:-1.7rem;left:2.2rem}.race-bar-track{cursor:pointer;flex:auto;min-width:0;height:100%;margin-right:4.5rem;position:relative;container-type:inline-size}.race-bar-fill{box-sizing:border-box;background:var(--racer-color);background:linear-gradient(90deg, var(--racer-color), color-mix(in srgb, var(--racer-color) 78%, black));border:1px solid #00000026;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1),border-color .15s;position:absolute;top:0;left:0}.race-racer:hover .race-bar-fill{border-color:#fff9}.race-racer[data-player-id=shaxd] .race-bar-fill{background:linear-gradient(90deg,#0a0a0a 0% 40%,#d9d9d9 100%)}.race-card-bg[data-era=isa] .race-bar-fill{background:repeating-linear-gradient(135deg, #ffffff29 0 5px, transparent 5px 11px), linear-gradient(90deg, var(--racer-color), color-mix(in srgb, var(--racer-color) 78%, black))}.race-card-bg[data-era=isa] .race-racer[data-player-id=shaxd] .race-bar-fill{background:repeating-linear-gradient(135deg,#ffffff29 0 5px,#0000 5px 11px),linear-gradient(90deg,#0a0a0a 0% 40%,#d9d9d9 100%)}.race-grow .race-bar-fill{transition:width 1.2s cubic-bezier(.22,1,.36,1)}.race-grow .race-bar-content{transition:min-width 1.2s cubic-bezier(.22,1,.36,1)}#race-era-flash{z-index:20;pointer-events:none;text-align:center;background:color-mix(in srgb, var(--color-void) 88%, transparent);color:var(--color-paper);border-top:3px solid var(--color-yolk);opacity:0;padding:.9rem 1.4rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}#race-era-flash.is-showing{animation:3.2s cubic-bezier(.22,1,.36,1) both race-era-flash}#race-era-flash .flash-kicker{font-family:var(--font-display-thin,monospace);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-paper) 60%, transparent);font-size:.65rem}#race-era-flash .flash-title{font-family:var(--font-display);text-transform:uppercase;color:var(--color-yolk);margin-top:.15rem;font-size:1.35rem;font-weight:800}#race-era-flash .flash-sub{font-family:var(--font-display-thin,monospace);margin-top:.25rem;font-size:.7rem}@keyframes race-era-flash{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}18%{opacity:1;transform:translate(-50%,-50%)}78%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 6px))}}@media (prefers-reduced-motion:reduce){.race-grow .race-bar-fill,.race-grow .race-bar-content{transition:none}#race-era-flash.is-showing{animation-duration:10ms}}.race-era-label{text-transform:uppercase;letter-spacing:.04em;color:#fff;align-items:center;padding:.15rem .45rem;font-size:.62rem;font-weight:700;transition:background-color .6s;display:inline-flex}.race-era-label-isa{background:var(--color-slate)}.race-era-label-sta{background:var(--color-yolk-deep)}.race-bar-row{white-space:nowrap;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.race-bar-content{height:100%;min-width:calc(var(--fill,0) * 1cqw);box-sizing:border-box;flex-shrink:0;align-items:center;gap:.5rem;max-width:100cqw;padding:0 .6rem;transition:min-width .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.race-avatar{width:28px;height:28px;image-rendering:pixelated;border:1.5px solid #fff9;flex-shrink:0}.race-flag{border-radius:1px;flex-shrink:0;width:18px;height:12px;box-shadow:0 0 0 1px #fff9}.race-name{font-family:var(--font-display-thin,monospace);text-transform:uppercase;letter-spacing:.02em;color:#fff;text-shadow:0 1px 2px #00000059;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden}.race-trophy{font-size:.8rem;line-height:1;font-family:var(--font-display-thin,monospace);color:#fff;text-shadow:0 1px 2px #00000059;flex-shrink:0;font-weight:800}.race-trophy:empty{display:none}@keyframes race-trophy-pop{0%{filter:drop-shadow(0 0 #ffc82800);transform:scale(.4)}35%{filter:drop-shadow(0 0 6px #ffc828e6);transform:scale(1.6)}to{filter:drop-shadow(0 0 #ffc82800);transform:scale(1)}}.race-trophy-pop{animation:.7s cubic-bezier(.34,1.56,.64,1) race-trophy-pop;display:inline-block}.race-card-bg{--era-tint:var(--color-yolk);background:color-mix(in srgb, var(--color-paper-dim) 86%, var(--era-tint));border-color:color-mix(in srgb, var(--era-tint) 70%, transparent);transition:background-color .6s,border-color .6s}.race-card-bg[data-era=isa]{--era-tint:var(--color-slate)}.race-card-bg-image{opacity:0;background-position:50% 35%;background-size:cover;transition:opacity .6s;position:absolute;inset:0}.race-card-bg-isa{--scrim:color-mix(in srgb, color-mix(in srgb, var(--color-paper-dim) 88%, var(--color-slate)) 84%, transparent);background-image:linear-gradient(var(--scrim), var(--scrim)), url(/images/creatives/timeline-banner.jpg);background-position:50% 60%}.race-card-bg-sta{--scrim:color-mix(in srgb, color-mix(in srgb, var(--color-paper-dim) 84%, var(--color-yolk)) 82%, transparent);background-image:linear-gradient(var(--scrim), var(--scrim)), url(/images/creatives/race-track-bg-cool.jpg)}.race-card-bg[data-era=isa] .race-card-bg-isa,.race-card-bg[data-era=sta] .race-card-bg-sta{opacity:1}.race-head{border-bottom:2px solid var(--color-void);grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;gap:0;margin-bottom:.9rem;display:grid}.race-head-event{align-items:center;gap:.9rem;min-width:0;padding:0 1rem .75rem 0;display:flex}.race-year{font-family:var(--font-display,sans-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-yolk-deep);flex-shrink:0;font-size:2.6rem;font-weight:900;line-height:.85;transition:color .4s}.race-year.race-year-badge-isa{color:var(--color-slate)}.race-year.race-year-badge-newest{color:var(--color-void)}.race-event-name{font-family:var(--font-display,sans-serif);text-transform:uppercase;color:var(--color-slate-deep);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;line-height:1.15;overflow:hidden}.race-event-meta{white-space:nowrap;font-family:var(--font-display-thin,monospace);color:var(--color-ink-soft);align-items:center;gap:.5rem;margin-top:.3rem;font-size:.68rem;display:flex}.race-head-label{font-family:var(--font-display-thin,monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-soft);font-size:.6rem;font-weight:700}.race-head-label-dark{color:var(--color-yolk)}.race-high{border-left:1px solid color-mix(in srgb, var(--color-void) 25%, transparent);flex-direction:column;justify-content:center;min-width:8.5rem;padding:0 1.1rem .75rem;display:flex}.race-high-line{align-items:baseline;gap:.3rem;margin-top:.15rem;line-height:1;display:flex}.race-high-elo{font-family:var(--font-display,sans-serif);color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:900}.race-high-unit{font-family:var(--font-display-thin,monospace);color:var(--color-ink-soft);font-size:.65rem;font-weight:700}.race-high-holder{font-family:var(--font-display,sans-serif);color:var(--color-yolk-deep);margin-top:.15rem;font-size:.78rem;font-weight:700}.race-leader{background:var(--color-void);color:var(--color-paper);align-items:center;gap:.7rem;min-width:12rem;max-width:15rem;margin-bottom:-2px;padding:.55rem .9rem .55rem .55rem;display:flex}.race-leader-head{flex-shrink:0;width:2.6rem;height:2.6rem}.race-leader-name{font-family:var(--font-display,sans-serif);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;line-height:1.1;overflow:hidden}.race-leader-stats{font-family:var(--font-display-thin,monospace);color:color-mix(in srgb, var(--color-paper) 65%, transparent);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.62rem;overflow:hidden}@media (width<=640px){.race-head{grid-template-columns:1fr 1fr}.race-head-event{grid-column:1/-1;padding-right:0}.race-high{border-left:0;padding-left:0}.race-leader{min-width:0}.race-year{font-size:2.1rem}}.race-ctrl{height:2.25rem}.race-ctrl-square{width:2.25rem;padding:0}.number-one-pill{font-family:var(--font-display,sans-serif);background:var(--color-paper);border:1px solid color-mix(in srgb, var(--color-dirt) 14%, transparent);color:var(--color-ink);align-items:center;gap:.45rem;padding:.35rem .6rem .35rem .4rem;font-size:.85rem;font-weight:700;transition:border-color .15s,background-color .15s;display:inline-flex}.number-one-pill:hover{border-color:var(--pill-edge);background:var(--color-paper-dim)}.number-one-pill-isa{--pill-edge:var(--color-slate)}.number-one-pill-sta{--pill-edge:var(--color-yolk-deep)}.number-one-era{font-family:var(--font-display-thin,monospace);letter-spacing:.08em;color:#fff;background:var(--pill-edge);padding:.1rem .3rem;font-size:.55rem}.race-elo{font-family:var(--font-display-thin,monospace);color:var(--color-ink);flex-shrink:0;margin-left:.6rem;font-size:.9rem;font-weight:800}.race-rank{font-family:var(--font-display-thin,monospace);color:#fff;background:var(--color-void);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.7rem;font-weight:800;display:flex}