.circuit .stage{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;position:relative;overflow:clip}.circuit .stage[data-scrub]{cursor:pointer}.circuit .poster{left:calc(var(--x) * -100%);top:calc(var(--y) * -100%);width:calc(var(--w) * 100%);height:calc(var(--h) * 100%);pointer-events:none;max-width:none;position:absolute}.circuit .poster[hidden]{display:none}.circuit .gl{position:absolute;inset:0}.circuit .gl,.circuit .poster{-webkit-mask-image:linear-gradient(#0000,#000 180px calc(100% - 120px),#0000);mask-image:linear-gradient(#0000,#000 180px calc(100% - 120px),#0000)}.circuit .pins{pointer-events:none;transition:opacity .24s var(--brake);position:absolute;inset:0}.circuit .pins>span{left:calc((var(--px) * var(--w) - var(--x)) * 100%);top:calc((var(--py) * var(--h) - var(--y)) * 100%);position:absolute}.circuit .stage[data-gl] .pins>span{top:0;left:0}.circuit .turn{transition:opacity .24s var(--brake);justify-items:center;row-gap:3px;padding-bottom:18px;display:grid;translate:-50% -100%}.circuit .turn:before{content:"";background:linear-gradient(to top, var(--ring), transparent);width:1px;height:18px;position:absolute;bottom:0;left:50%}.circuit .turn:after{content:"";border:1px solid var(--ring);width:14px;height:6px;box-shadow:0 0 6px var(--ring);border-radius:50%;position:absolute;bottom:0;left:50%;translate:-50% 50%}.circuit .turn b{background:var(--chip);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;border-radius:3px;padding:3px 5px 2px;font-size:10px;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff2e}.circuit .turn i{color:var(--muted);white-space:nowrap;font-size:9px;font-style:normal}.circuit .stage[data-turns=off] .turn{opacity:0}.circuit .turn[data-crowd]:not([data-hit]){visibility:hidden}.circuit .toggles{gap:28px;margin-top:8px;font-size:11px;display:flex}.circuit .toggles button{letter-spacing:inherit;text-transform:inherit;align-items:center;gap:8px;display:inline-flex}.circuit .toggles i{border:1px solid var(--ink);width:12px;height:12px}.circuit .toggles [aria-pressed=true] i{background:var(--ink)}.circuit .toggles button:disabled{color:var(--muted);cursor:default}.circuit .toggles button:disabled i{border-color:var(--muted);background:0 0}.circuit .explore{justify-self:end;margin-top:8px;font-size:11px}.circuit .credit{padding:0 var(--m);color:var(--muted);margin-top:14px;font-size:10px}.circuit .turn b{transition:background .2s,color .2s,box-shadow .2s}.circuit .turn em{color:#fff;white-space:nowrap;font-size:10px;font-style:normal;display:none}.circuit .turn[data-hit] b{color:#06080e;background:#fff;box-shadow:0 0 18px #fff9}.circuit .turn[data-hit] em{display:block}.circuit .turn[data-hit] i{display:none}.circuit .replay{left:var(--m);z-index:3;pointer-events:none;position:absolute;bottom:64px}.circuit .replay p{margin:0}.circuit .replay .who{color:var(--muted);letter-spacing:.08em;font-size:10px}.circuit .replay .who span{color:var(--s1)}.circuit .replay .row{align-items:flex-end;gap:28px;display:flex}.circuit .replay .lapclock{font-variation-settings:"wdth" 125;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--ink);margin-top:6px;font:900 72px/.9 Archivo,sans-serif}.circuit .replay .splits{gap:6px;margin-bottom:4px;list-style:none;display:flex}.circuit .replay .splits li{border-top:2px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080e8c;gap:4px;min-width:92px;padding:7px 10px 6px;transition:border-color .3s,background .3s;display:grid}.circuit .replay .splits span{color:var(--muted);font-size:9px}.circuit .replay .splits b{font-variant-numeric:tabular-nums;color:var(--muted);font-size:15px;font-weight:500}.circuit .replay .splits li[data-s="1"]{--c:var(--s1)}.circuit .replay .splits li[data-s="2"]{--c:var(--s2)}.circuit .replay .splits li[data-s="3"]{--c:var(--s3)}.circuit .replay .splits li[data-state=live]{border-color:var(--c)}.circuit .replay .splits li[data-state=live] b{color:var(--ink)}.circuit .replay .splits li[data-state=done]{border-color:var(--c);background:color-mix(in srgb, var(--c) 22%, #06080e99)}.circuit .replay .splits li[data-state=done] b{color:#fff}.circuit .replay .hint{color:var(--muted);letter-spacing:.08em;margin-top:14px;font-size:9px}.circuit .replay .coarse{display:none}.circuit .car{z-index:3;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.05,.7,.1,1);position:absolute;inset:0}.circuit .car[data-on],.circuit .readout[data-on]{visibility:visible;opacity:1;translate:0}.circuit .car i{width:8px;height:8px;opacity:calc(1 - var(--k) * .1);scale:calc(1 - var(--k) * .08);background:#fff;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:0;left:0;box-shadow:0 0 10px 2px #a43bffd9}.circuit .car .head{z-index:1;opacity:1;width:14px;height:14px;margin:-7px 0 0 -7px;scale:1;box-shadow:0 0 0 3px #ffffff4d,0 0 14px 4px #fff9,0 0 30px 10px #a43bff80}.circuit .readout{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);visibility:hidden;opacity:0;pointer-events:none;background:#06080e9e;border-left:2px solid #fff;grid-template-columns:auto auto;align-items:baseline;column-gap:5px;padding:6px 9px 7px;transition:opacity .5s cubic-bezier(.05,.7,.1,1) .2s,translate .7s cubic-bezier(.05,.7,.1,1) .2s;display:grid;position:absolute;top:0;left:0;translate:0 8px}.circuit .readout [data-speed]{font-variation-settings:"wdth" 125;font-variant-numeric:tabular-nums;color:#fff;font:800 24px/1 Archivo,sans-serif}.circuit .readout>.mono{color:var(--muted);font-size:9px}.circuit .readout .gear{color:#fff;grid-column:1/-1;margin-top:4px;font-size:10px}.circuit .readout .pedals{grid-column:1/-1;gap:3px;width:86px;margin-top:6px;display:grid}.circuit .readout .pedals i{transform-origin:0;height:3px;transition:scale .12s linear}.circuit .readout [data-throttle]{background:var(--s2)}.circuit .readout [data-brake]{background:var(--red);scale:0 1}@media (hover:none){.circuit .replay .fine{display:none}.circuit .replay .coarse{display:inline}}@media (prefers-reduced-motion:reduce){.circuit .turn,.circuit .turn b{transition:none}}@media (width<=1199px){.circuit .gl,.circuit .poster{-webkit-mask-image:linear-gradient(#0000,#000 60px calc(100% - 60px),#0000);mask-image:linear-gradient(#0000,#000 60px calc(100% - 60px),#0000)}.circuit .explore{justify-self:start}}@media (width<=760px){.circuit .stage{aspect-ratio:4/5}.circuit .turn{padding-bottom:10px}.circuit .turn:before{height:10px}.circuit .turn:after{width:10px;height:4px}.circuit .turn b{padding:2px 3px 1px;font-size:7px}.circuit .replay{right:var(--m);bottom:20px}.circuit .replay .row{flex-direction:column;align-items:stretch;gap:10px}.circuit .replay .lapclock{font-size:44px}.circuit .replay .splits li{flex:1;min-width:0;padding:5px 7px 4px}.circuit .replay .splits b{font-size:13px}.circuit .replay .hint{margin-top:10px}.circuit .readout{padding:4px 6px 5px}.circuit .readout [data-speed]{font-size:16px}.circuit .readout .pedals{width:56px}}
