.lvl-wrap{flex:none;align-items:center;gap:12px;display:flex}.lvl{appearance:none;cursor:pointer;width:clamp(120px, calc(190 * var(--u)), 190px);height:var(--tap);touch-action:pan-y;background:0 0;margin:0}.lvl::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast)) 0 0 / var(--p,0%) 100% no-repeat, #3a3d44;height:12px;transform:skew(-12deg)}.lvl::-moz-range-track{background:#3a3d44;height:12px;transform:skew(-12deg)}.lvl::-moz-range-progress{background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast));height:12px;transform:skew(-12deg)}.lvl::-webkit-slider-thumb{appearance:none;background:var(--chalk);width:16px;height:28px;transition:scale .2s var(--ease-back);border:0;border-radius:0;margin-top:-8px;transform:skew(-12deg)}.lvl::-moz-range-thumb{background:var(--chalk);border:0;border-radius:0;width:16px;height:28px;transform:skew(-12deg)}.lvl:active::-webkit-slider-thumb{scale:1.12}.lvl:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.lvl-v{text-align:right;min-width:3ch;font-family:var(--display);font-style:italic;font-weight:800;font-size:max(15px, calc(20 * var(--u)));font-variant-numeric:tabular-nums;color:var(--chalk)}@media (width<=420px){.lvl{width:110px}}.bln-ico{width:max(16px, calc(24 * var(--u)));height:max(16px, calc(24 * var(--u)));flex:none;display:block}.bln-chip>span:first-child{display:inline-flex;transform:skew(12deg)}.bln-chip .val>span:first-child{display:inline-block}.chip.accent.bln-chip .val .of{color:#12131699}.bln-pop{animation:bln-pop .42s var(--ease-back) both}@keyframes bln-pop{0%{scale:1}35%{rotate:-10deg;scale:1.45}to{rotate:0deg;scale:1}}.bln-bump{animation:bln-bump .36s var(--ease-back) both}@keyframes bln-bump{0%{translate:0 calc(-10 * var(--u));opacity:.2}to{opacity:1;translate:0}}.bln-tally{align-items:center;gap:calc(8 * var(--u));display:inline-flex}.bln-tally .bln-ico{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:14px;min-height:14px}.bln-tally .bln-n{font-variant-numeric:tabular-nums}.medal-card .ms small.bln-ok{color:var(--ink-slow)}.medal-card .ms small.bln-ko{color:var(--ink-fast)}@media (prefers-reduced-motion:reduce){.bln-pop,.bln-bump{animation:none}}.cam-btn{--cam-right:calc(var(--hud-r) + max(48px, calc(56 * var(--u))) + 10 * var(--u));right:var(--cam-right);top:var(--hud-t);height:var(--hud-h);padding:0 calc(18 * var(--u));cursor:pointer;background:var(--glass);color:var(--chalk);animation:ui-chip .55s var(--ease-back) both .25s;-webkit-tap-highlight-color:transparent;border:0;align-items:center;margin:0;transition:background .15s,color .15s;display:flex;position:absolute;transform:skew(-12deg)}.cam-btn.edge{--cam-right:var(--hud-r)}.cam-btn:hover{background:#1c1e22eb}.cam-btn:active{background:var(--ink-slow);color:var(--asphalt)}.cam-btn:focus-visible{outline:2px solid var(--ink-slow);outline-offset:3px}.cam-btn .unsk{align-items:center;gap:calc(10 * var(--u));display:flex;transform:skew(12deg)}.cam-btn svg{width:calc(22 * var(--u));height:calc(22 * var(--u));min-width:16px;min-height:16px;color:var(--ink-slow)}.cam-btn:active svg{color:var(--asphalt)}.cam-btn .cam-name{font-family:var(--display);text-transform:uppercase;white-space:nowrap;font-style:italic;font-weight:800;font-size:max(14px, calc(20 * var(--u)));letter-spacing:.04em;line-height:1}.cam-btn .cam-dots{gap:calc(4 * var(--u));display:flex}.cam-btn .cam-dots i{width:max(4px, calc(6 * var(--u)));height:max(4px, calc(6 * var(--u)));background:var(--border);display:block;transform:skew(-12deg)}.cam-btn .cam-dots i.on{background:var(--ink-slow)}@media (width<=640px){.cam-btn .cam-name{display:none}}.cam-toast{right:calc(var(--hud-r) + (var(--hud-h) / 2 + 10 * var(--u)) * var(--tan12));top:calc(var(--hud-t) + var(--hud-h) + 10 * var(--u));height:max(34px, calc(42 * var(--u)));padding:0 calc(20 * var(--u));background:var(--chalk);color:var(--asphalt);transform-origin:100% 0;pointer-events:none;animation:ui-toast 1.6s var(--ease-out) both;align-items:center;display:flex;position:absolute;overflow:hidden;transform:skew(-12deg)}.cam-toast .unsk{align-items:baseline;gap:calc(10 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:max(16px, calc(24 * var(--u)));text-transform:uppercase;white-space:nowrap;display:flex;transform:skew(12deg)}.cam-toast small{font-style:normal;font-weight:700;font-size:max(11px, calc(14 * var(--u)));letter-spacing:.13em;color:var(--grey-2)}.cam-toast:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:40%;animation:.8s ease-out .2s both ui-shine;position:absolute;inset:0}.mp-bg{margin:var(--bleed);background:url(/ui/race_sr4.jpg) 50%/cover no-repeat;position:absolute;inset:-4%}.mp-bg.blur{filter:blur(6px)saturate(.6)}.mp-bg.blur-more{filter:blur(8px)saturate(.5)}.mp-shade{margin:var(--bleed);background:linear-gradient(90deg,#121316f7 0%,#121316e6 55%,#121316bf 100%);position:absolute;inset:0}.mp-k-grey{color:var(--grey)}.mp-title{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(34 * var(--u));text-transform:uppercase;line-height:1}.mp-p{font-size:max(13px, calc(16 * var(--u)));color:var(--grey);margin:0;font-weight:600;line-height:1.45}.mp-hdr-t{flex-direction:column;min-width:0;display:flex}.mp-btn-icon{align-items:center;gap:calc(10 * var(--u));display:flex}.mp-btn-icon svg{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:16px;min-height:16px}.btn.sm .mp-btn-icon{gap:8px}.btn.sm .mp-btn-icon svg{width:16px;min-width:0;height:16px;min-height:0}.mp-check{width:calc(18 * var(--u));height:calc(18 * var(--u));flex:none;min-width:13px;min-height:13px}.mp-home .hdr h1{font-size:calc(46 * var(--u))}.mp-col{top:calc(170 * var(--u));flex-direction:column;display:flex;position:absolute}.mp-col.left{left:calc(56 * var(--u));width:calc(520 * var(--u))}.mp-col.right{left:calc(720 * var(--u));width:calc(480 * var(--u))}.mp-name{margin-top:calc(10 * var(--u));height:calc(64 * var(--u));min-height:var(--tap);padding:0 calc(22 * var(--u));background:var(--panel);border:2px solid var(--border);align-items:center;transition:border-color .2s;display:flex;transform:skew(-12deg)}.mp-name:focus-within{border-color:var(--ink-slow)}.mp-name input{all:unset;width:100%;font-family:var(--display);font-style:italic;font-weight:800;font-size:max(18px, calc(32 * var(--u)));text-transform:uppercase;color:var(--chalk);caret-color:var(--ink-slow);transform:skew(12deg)}.mp-name input::placeholder{color:#6b6f77;opacity:1}.ui .mp-name input:focus,.ui .mp-name input:focus-visible{outline:none}.mp-name input:-webkit-autofill{-webkit-text-fill-color:var(--chalk);box-shadow:0 0 0 100px var(--panel) inset}.mp-create{margin-top:calc(44 * var(--u));gap:calc(6 * var(--u));flex-direction:column;display:flex}.mp-create .mp-p{max-width:calc(440 * var(--u))}.mp-col .btn{width:fit-content}.mp-col .btn.primary{margin-top:calc(22 * var(--u))}.mp-divider{left:calc(640 * var(--u));top:calc(150 * var(--u));bottom:calc(110 * var(--u));background:var(--border);width:2px;position:absolute;transform:skew(-12deg)}.mp-code{margin-top:calc(26 * var(--u));gap:calc(12 * var(--u));cursor:text;width:fit-content;display:flex;position:relative}.mp-code input{z-index:2;color:#0000;caret-color:#0000;text-transform:uppercase;cursor:text;appearance:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0}.mp-code input::selection{background:0 0}.ui .mp-code input:focus,.ui .mp-code input:focus-visible{outline:none}.mp-code:focus-within .box.cur{border-color:var(--ink-slow);box-shadow:0 0 0 1px var(--ink-slow)}.mp-code:focus-within .box.cur.empty>span{color:var(--ink-slow);animation:1.1s ease-in-out infinite ui-breathe}.mp-code .box{width:calc(86 * var(--u));height:calc(104 * var(--u));background:var(--panel);border:2px solid var(--border);place-items:center;min-width:40px;min-height:50px;transition:border-color .2s;display:grid;transform:skew(-12deg)}.mp-code .box>span{font-family:var(--display);font-style:italic;font-weight:900;font-size:max(28px, calc(64 * var(--u)));color:var(--chalk);transform:skew(12deg)}.mp-code .box.empty>span{color:#3a3d44}.mp-code .box.filled{animation:ui-pop .25s var(--ease-back)}.mp-col.right>.btn{margin-top:calc(28 * var(--u));height:calc(62 * var(--u))}.mp-hint{margin-top:calc(14 * var(--u));font-size:max(12px, calc(14 * var(--u)));color:var(--grey-2);font-weight:600}.mp-err{margin-top:calc(14 * var(--u));font-size:max(13px, calc(15 * var(--u)));color:#ff6b5e;font-weight:700}.mp-steps{left:calc(56 * var(--u));right:calc(56 * var(--u));bottom:calc(40 * var(--u));gap:calc(36 * var(--u));font-size:max(12px, calc(15 * var(--u)));color:var(--grey);font-weight:600;display:flex;position:absolute}.mp-steps>span{align-items:center;gap:calc(12 * var(--u));display:flex}.mp-steps b{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(26 * var(--u));color:var(--ink-slow)}.mp-lobby .hdr{padding-top:calc(36 * var(--u));padding-bottom:0}.mp-lobby .hdr h1{font-size:calc(46 * var(--u))}.mp-codeview{align-items:center;gap:calc(16 * var(--u));margin-left:auto;display:flex}.mp-codeview .c{flex-direction:column;align-items:flex-end;display:flex}.mp-codeview .c b{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(54 * var(--u));letter-spacing:.11em;line-height:.9}.mp-slots{left:calc(56 * var(--u));top:calc(150 * var(--u));width:calc(640 * var(--u));gap:calc(12 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:absolute}.mp-slot{align-items:center;gap:calc(18 * var(--u));height:calc(74 * var(--u));min-height:40px;padding:0 calc(24 * var(--u));background:var(--panel);border-left:calc(8 * var(--u)) solid var(--c,var(--border));display:flex;transform:skew(-12deg)}.mp-slot>*{transform:skew(12deg)}.mp-slot .num{width:calc(30 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(26 * var(--u));color:var(--grey)}.mp-slot img{width:calc(84 * var(--u));height:calc(48 * var(--u));object-fit:contain}.mp-slot .who{flex-direction:column;flex:1;min-width:0;display:flex}.mp-slot .who b{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(16px, calc(28 * var(--u)));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.mp-slot .who small{font-family:var(--display);font-weight:700;font-size:max(10px, calc(13 * var(--u)));letter-spacing:.15em;color:var(--ink-slow);text-transform:uppercase}.mp-slot.off{opacity:.55}.mp-slot.free{border:2px dashed var(--border);background:0 0}.mp-slot.free .num{color:#3a3d44}.mp-slot.free .free-t{font-size:max(12px, calc(16 * var(--u)));color:#6b6f77;font-weight:600}.mp-state{align-items:center;gap:calc(8 * var(--u));font-family:var(--display);font-weight:800;font-size:max(12px, calc(18 * var(--u)));letter-spacing:.05em;text-transform:uppercase;color:var(--grey-2);white-space:nowrap;display:flex}.mp-state.ok{color:#4cc38a}.mp-state.busy{color:var(--ink-slow)}.mp-dots{gap:4px;display:flex}.mp-dots i{width:calc(10 * var(--u));height:calc(10 * var(--u));background:var(--ink-slow);border-radius:50%;min-width:6px;min-height:6px;animation:1.2s ease-in-out infinite mp-dot}.mp-dots i:nth-child(2){animation-delay:.2s}.mp-dots i:nth-child(3){animation-delay:.4s}@keyframes mp-dot{0%,to{opacity:.3}50%{opacity:1}}.mp-aside{right:0;top:calc(130 * var(--u));width:calc(480 * var(--u));background:var(--panel);border-left:1px solid var(--border);min-width:260px;box-shadow:var(--bleed-panel);padding:calc(34 * var(--u)) calc(44 * var(--u)) calc(40 * var(--u));animation:ui-from-right .6s var(--ease-out) both 80ms;flex-direction:column;display:flex;position:absolute;bottom:0;overflow-y:auto}.mp-amounts{margin-top:calc(12 * var(--u));gap:calc(8 * var(--u));display:flex}.mp-amount{all:unset;box-sizing:border-box;width:calc(62 * var(--u));height:calc(52 * var(--u));cursor:pointer;min-width:36px;min-height:36px;transition:background-color .2s, translate .2s var(--ease-out);background:#f3efe612;place-items:center;display:grid;transform:skew(-12deg)}.mp-amount>span{font-family:var(--display);font-style:italic;font-weight:900;font-size:max(16px, calc(26 * var(--u)));transform:skew(12deg)}.mp-amount[aria-pressed=true]{background:var(--ink-slow);color:var(--asphalt)}.mp-amount:disabled{cursor:default}.mp-amount:disabled:not([aria-pressed=true]){opacity:.45}@media (hover:hover){.mp-amount:not(:disabled):not([aria-pressed=true]):hover{translate:0 calc(-3 * var(--u));background:#f3efe624}}.mp-amount:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.mp-status{font-size:max(12px, calc(15 * var(--u)));color:var(--grey);margin-bottom:calc(14 * var(--u));font-weight:600}.mp-trackpick .hdr{padding-right:calc(440 * var(--u))}.mp-trackpick .hdr h1,.mp-carpick .hdr h1{font-size:calc(46 * var(--u))}.mp-track-img{width:100%;animation:ui-car-in .7s var(--ease-out) both .15s}.mp-random-btns{gap:calc(8 * var(--u));flex-wrap:wrap;display:flex}.mp-pilots{right:var(--hud-r);top:var(--hud-t);gap:calc(8 * var(--u));pointer-events:none;flex-direction:column;align-items:flex-end;margin:0;padding:0;list-style:none;display:flex;position:absolute}.mp-pilots li{align-items:center;gap:calc(10 * var(--u));height:max(30px, calc(44 * var(--u)));padding:0 calc(16 * var(--u));border-left:calc(6 * var(--u)) solid var(--c);animation:ui-from-right .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 60ms + .2s);background:#121316d9;display:flex;transform:skew(-12deg)}.mp-pilots li>*{transform:skew(12deg)}.mp-pilots b{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(14px, calc(20 * var(--u)));text-transform:uppercase}.mp-pilots span{font-family:var(--display);font-weight:700;font-size:max(10px, calc(14 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--ink-slow)}.mp-pilots span.ok{color:#4cc38a}.mp-pilots span.off{color:var(--grey-2)}.mp-pilots.race{top:auto;bottom:var(--hud-b);right:auto;left:var(--hud-l);align-items:flex-start}.lap-toast.mp-sync{top:auto;left:50%;bottom:var(--hud-b);animation:none;translate:-50%}.mp-drawbtns{right:var(--hud-r);bottom:var(--hud-b);gap:calc(14 * var(--u));animation:ui-from-right .6s var(--ease-out) backwards .3s;display:flex;position:absolute}.mp-drawbtns .btn{height:calc(60 * var(--u))}.mp-drawbtns .btn:not(.primary){background:var(--glass);border-color:#f3efe64d}.mp-drawbtns .btn svg{width:calc(18 * var(--u));height:calc(18 * var(--u));min-width:14px;min-height:14px;transform:skew(12deg)}.mp-timer{left:50%;top:var(--hud-t);position:absolute;translate:-50%}.mp-timer.warn{background:var(--ink-fast)}.mp-timer.warn .lbl{color:#fff}.mp-wait{z-index:10;pointer-events:auto;justify-content:center;animation:.35s both ui-fade;display:flex;position:absolute;inset:0}.mp-wait .veil{margin:var(--bleed);-webkit-backdrop-filter:saturate(.5)brightness(.55);background:#12131673;position:absolute;inset:0}.mp-wait .veil.solid{background:#121316e6}.mp-wait-col{margin-top:calc(150 * var(--u));width:calc(600 * var(--u));text-align:center;flex-direction:column;align-items:center;min-width:300px;display:flex;position:relative}.mp-wait-col .big{margin-top:calc(6 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(64 * var(--u));text-transform:uppercase;line-height:.95}.mp-wait-col .ink{margin-top:calc(4 * var(--u))}.mp-wait-list{margin:calc(26 * var(--u)) 0 0;gap:calc(10 * var(--u));width:calc(440 * var(--u));flex-direction:column;min-width:260px;padding:0;list-style:none;display:flex}.mp-wait-list li{align-items:center;gap:calc(14 * var(--u));height:calc(54 * var(--u));min-height:34px;padding:0 calc(22 * var(--u));border-left:calc(7 * var(--u)) solid var(--c);animation:ui-rise .38s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 50ms + .15s);background:#121316e0;display:flex;transform:skew(-12deg)}.mp-wait-list li>*{transform:skew(12deg)}.mp-wait-list li b{text-align:left;font-family:var(--display);font-style:italic;font-weight:800;font-size:max(15px, calc(24 * var(--u)));text-transform:uppercase;flex:1}.mp-wait-list .mp-state{font-size:max(11px, calc(16 * var(--u)))}.mp-wait-col .mp-p{margin-top:calc(22 * var(--u));font-size:max(12px, calc(15 * var(--u)))}.mp-res{z-index:20;pointer-events:auto;position:absolute;inset:0;overflow:hidden}.race-stage .mp-res{inset:var(--safe);overflow:visible}.mp-res .shade{margin:var(--bleed);background:linear-gradient(90deg,#12131699 0%,#121316eb 40%,#121316f7 100%);animation:.6s both ui-fade;position:absolute;inset:0}.mp-res-left{left:calc(64 * var(--u));width:calc(380 * var(--u));flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;bottom:0}.mp-res-left .res-pos{font-size:calc(120 * var(--u))}.mp-res-left .pts{margin-top:calc(10 * var(--u));font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(34 * var(--u));text-transform:uppercase;color:var(--ink-slow);animation:ui-stamp .45s var(--ease-back) both .6s}.mp-res-left .mp-p{margin-top:calc(6 * var(--u))}.mp-res-left .pts.spect{color:var(--grey)}.mp-desync{margin-top:calc(10 * var(--u));font-size:max(11px, calc(13 * var(--u)));color:#ff6b5e;font-weight:700}.mp-table{right:calc(64 * var(--u));top:calc(70 * var(--u));width:calc(680 * var(--u));max-width:56vw;position:absolute}.mp-row{grid-template-columns:calc(44 * var(--u)) minmax(0, 1fr) calc(110 * var(--u)) calc(70 * var(--u)) calc(90 * var(--u));gap:0 calc(12 * var(--u));align-items:center;display:grid}.mp-thead{padding:0 calc(26 * var(--u)) calc(10 * var(--u))}.mp-thead>span{color:var(--grey-2)}.mp-thead>span:last-child{color:var(--ink-slow)}.mp-thead .r,.mp-row .r{text-align:right}.mp-table ol{gap:calc(8 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mp-table li.mp-row{height:calc(62 * var(--u));min-height:34px;padding:0 calc(26 * var(--u));border-left:calc(7 * var(--u)) solid var(--c);animation:ui-from-right .5s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .4s);background:#f3efe612;transform:skew(-12deg)}.mp-table li.mp-row.me{background:#d403032e}.mp-table li.mp-row>span{font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden;transform:skew(12deg)}.mp-row .p{font-style:italic;font-weight:900;font-size:max(15px, calc(28 * var(--u)));color:var(--grey)}.mp-row .n{font-weight:800;font-size:max(14px, calc(24 * var(--u)));text-transform:uppercase}.mp-row .n small{font-size:max(10px, calc(14 * var(--u)));letter-spacing:.14em;color:var(--ink-slow)}.mp-row .t{font-weight:700;font-size:max(13px, calc(22 * var(--u)));font-variant-numeric:tabular-nums;color:var(--chalk-2)}.mp-row .g{font-weight:800;font-size:max(13px, calc(22 * var(--u)));color:var(--ink-slow)}.mp-row .tot{justify-content:flex-end;align-items:center;gap:calc(6 * var(--u));font-style:italic;font-weight:900;font-size:max(16px, calc(30 * var(--u)));font-variant-numeric:tabular-nums;display:flex}.mp-row .tot i{font-style:normal;font-size:max(10px, calc(14 * var(--u)));font-weight:700}.mp-row .tot i.up{color:#4cc38a}.mp-row .tot i.down{color:var(--ink-fast)}.mp-res-foot{margin-top:calc(30 * var(--u));align-items:center;gap:calc(18 * var(--u));display:flex}.mp-res-foot .btn.primary{flex:1}.mp-res-foot .btn.on{box-shadow:none;background:#2e8f5f}.mp-res-foot .mp-p{width:calc(200 * var(--u));min-width:120px;font-size:max(12px, calc(15 * var(--u)))}.mp-res-foot .mp-p.mp-p-auto{width:auto}.mp-host-row{margin-top:calc(12 * var(--u));display:flex}.mp-final .rad{margin:var(--bleed);background:linear-gradient(90deg,#1213168c,#12131640 50%,#12131699),radial-gradient(at 30%,#fbbb4c38 0%,#d403031a 30%,#121316f2 62%);position:absolute;inset:0}.mp-final-left{left:calc(80 * var(--u));width:calc(560 * var(--u));flex-direction:column;justify-content:center;display:flex;position:absolute;top:0;bottom:0}.mp-final-left .u-tag svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}.mp-winner{margin-top:calc(18 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(150 * var(--u));letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;animation:ui-pos .6s var(--ease-back) both .5s;transform-origin:0 100%;line-height:.82;overflow:hidden}.mp-winner-pts{margin-top:calc(10 * var(--u));font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(36 * var(--u));text-transform:uppercase}.mp-winner-pts small{color:var(--grey);font-size:calc(24 * var(--u))}.mp-final-btns{margin-top:calc(44 * var(--u));gap:calc(14 * var(--u));flex-wrap:wrap;display:flex}.mp-final-list{right:calc(80 * var(--u));top:calc(170 * var(--u));width:calc(480 * var(--u));gap:calc(10 * var(--u));flex-direction:column;max-width:44vw;margin:0;padding:0;list-style:none;display:flex;position:absolute}.mp-final-list li{align-items:center;gap:calc(18 * var(--u));height:calc(62 * var(--u));min-height:34px;padding:0 calc(26 * var(--u));border-left:calc(7 * var(--u)) solid var(--c);animation:ui-from-right .5s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .7s);background:#f3efe612;display:flex;transform:skew(-12deg)}.mp-final-list li>*{font-family:var(--display);font-style:italic;transform:skew(12deg)}.mp-final-list .p{width:calc(30 * var(--u));font-weight:900;font-size:calc(28 * var(--u));opacity:.6}.mp-final-list .n{min-width:0;font-weight:800;font-size:max(15px, calc(26 * var(--u)));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mp-final-list .s{font-weight:900;font-size:calc(28 * var(--u));font-variant-numeric:tabular-nums}.mp-final-list .s small{font-size:calc(16 * var(--u));opacity:.7;margin-left:4px;font-style:normal;font-weight:700}.mp-final-list li.first{height:calc(78 * var(--u));background:var(--ink-slow);color:var(--asphalt);border-left-color:var(--ink-slow)}.mp-final-list li.first .p{opacity:1;font-size:calc(34 * var(--u))}.mp-final-list li.first .n{font-size:max(17px, calc(32 * var(--u)))}.mp-final-list li.first .s{font-size:calc(34 * var(--u))}.mp-banner{left:50%;top:calc(var(--safe-top) + 16 * var(--u));z-index:60;padding:calc(8 * var(--u)) calc(20 * var(--u));background:var(--ink-fast);color:#fff;font-family:var(--display);font-style:italic;font-weight:800;font-size:max(13px, calc(18 * var(--u)));text-transform:uppercase;animation:ui-rise .3s var(--ease-out) both;position:absolute;transform:skew(-12deg)}.mp-banner>span{display:block;transform:skew(12deg)}@media (height<=520px){.mp-col{top:84px}.mp-create{margin-top:18px}.mp-steps{display:none}.mp-lobby{--aside-w:max(300px, 42%)}.mp-slots{width:auto;top:74px;right:calc(var(--aside-w) + 24px)}.mp-aside{width:var(--aside-w);padding:14px 20px;top:66px}.mp-amount{min-width:var(--tap);min-height:var(--tap)}.mp-wait-col{margin-top:40px}.mp-table{top:14px}.mp-final-list{top:40px}}.mp-series-hd{margin-top:calc(26 * var(--u));min-height:var(--tap);justify-content:space-between;align-items:center;gap:12px;display:flex}.mp-series-hd .btn.sm{padding:0 14px}.mp-series-hd .btn.sm>.unsk{font-size:16px}.mp-series{margin:calc(10 * var(--u)) 0 0;gap:calc(6 * var(--u));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a3d44 transparent;flex-direction:column;flex:1;min-height:80px;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.mp-race{all:unset;box-sizing:border-box;align-items:center;gap:calc(12 * var(--u));width:100%;min-height:max(40px, calc(52 * var(--u)));padding:0 calc(12 * var(--u)) 0 0;border-left:3px solid var(--border);animation:ui-rise .3s var(--ease-out) backwards;animation-delay:calc(min(var(--i,0), 8) * 25ms + .12s);transition:background-color .2s, border-color .2s, translate .2s var(--ease-out);background:#f3efe60d;display:flex}button.mp-race{cursor:pointer}@media (hover:hover){button.mp-race:hover{border-left-color:var(--ink-slow);translate:calc(3 * var(--u)) 0;background:#f3efe61a}button.mp-race:hover .edit{color:var(--ink-slow)}}button.mp-race:focus-visible{outline:3px solid var(--ink-slow);outline-offset:2px}.mp-race .num{width:calc(34 * var(--u));text-align:center;min-width:22px;font-family:var(--display);font-style:italic;font-weight:900;font-size:max(15px, calc(22 * var(--u)));color:var(--grey)}.mp-race img{width:calc(78 * var(--u));min-width:48px;height:max(30px, calc(44 * var(--u)));object-fit:cover;object-position:left;flex:none}.mp-race .who{flex-direction:column;flex:1;min-width:0;display:flex}.mp-race .who b{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(14px, calc(19 * var(--u)));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;line-height:1.05;overflow:hidden}.mp-race .who small{font-size:max(11px, calc(13 * var(--u)));color:var(--grey);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.mp-race .edit{font-family:var(--display);font-weight:700;font-size:max(10px, calc(13 * var(--u)));letter-spacing:.12em;text-transform:uppercase;color:var(--grey-2);transition:color .2s}.mp-host-row{align-items:center;gap:calc(10 * var(--u));flex-wrap:wrap}.mp-next{min-width:200px;font-size:max(12px, calc(15 * var(--u)));flex:1}.mp-next b{color:var(--chalk)}.mp-home .hdr,.mp-lobby .hdr{z-index:1;position:relative}:root{--asphalt:#121316;--panel:#1c1e22;--panel-2:#1a1b1f;--border:#2c2f35;--chalk:#f3efe6;--chalk-2:#e3e0d8;--grey:#a9adb5;--grey-2:#8e929a;--ink-slow:#fbbb4c;--ink-fast:#d40303;--gold:#f2c14e;--silver:#c9ced6;--bronze:#c27c4a;--glass:#121316d1;--ghost:#f3efe614;--ghost-line:#f3efe633;--hover-line:#f3efe657;--sel-w:3px;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--text:"Barlow", system-ui, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--safe-top:max(0px, env(safe-area-inset-top,0px));--safe-right:max(0px, env(safe-area-inset-right,0px));--safe-bottom:max(0px, env(safe-area-inset-bottom,0px));--safe-left:max(0px, env(safe-area-inset-left,0px));--safe:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);--bleed:calc(-1 * var(--safe-top)) calc(-1 * var(--safe-right)) calc(-1 * var(--safe-bottom)) calc(-1 * var(--safe-left));--bleed-panel:var(--safe-right) 0 var(--panel), 0 var(--safe-bottom) var(--panel), var(--safe-right) var(--safe-bottom) var(--panel);--u:clamp(.56px, min(calc((100vw - var(--safe-left) - var(--safe-right)) / 1280), calc((100vh - var(--safe-top) - var(--safe-bottom)) / 720)), 1.5px);--tap:44px;--hud-h:max(var(--tap), calc(52 * var(--u)));--hud-l:calc(var(--safe-left) + 28 * var(--u));--hud-r:calc(var(--safe-right) + 28 * var(--u));--hud-t:calc(var(--safe-top) + 24 * var(--u));--hud-b:calc(var(--safe-bottom) + 28 * var(--u));--tan12:.2126}.ui{font-family:var(--text);color:var(--chalk);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ui *,.ui :before,.ui :after{box-sizing:border-box}.ui button{font:inherit;color:inherit}.ui :focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.display{font-family:var(--display);text-transform:uppercase;font-style:italic}.kicker{font-family:var(--display);font-weight:700;font-size:calc(14 * var(--u));letter-spacing:.15em;text-transform:uppercase;color:var(--ink-slow)}.tnum{font-variant-numeric:tabular-nums}.sk{transform:skew(-12deg)}.unsk{display:block;transform:skew(12deg)}.screen{inset:var(--safe);background:var(--asphalt);position:absolute}.screen-scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow:hidden auto}.safe-frame{inset:var(--safe);position:absolute}.app-root{background:var(--asphalt);width:100%;height:100%;position:relative;overflow:hidden}.screen.race-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--asphalt);inset:0;overflow:hidden}.enter{animation:ui-rise .38s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms + var(--d,0s))}.enter-left{animation:ui-from-left .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms + var(--d,0s))}.enter-right{animation:ui-from-right .4s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 30ms + var(--d,0s))}.fade-in{animation:.4s backwards ui-fade;animation-delay:var(--d,0s)}@keyframes ui-rise{0%{opacity:0;translate:0 calc(14 * var(--u))}to{opacity:1;translate:0}}@keyframes ui-from-left{0%{opacity:0;translate:calc(-28 * var(--u)) 0}to{opacity:1;translate:0}}@keyframes ui-from-right{0%{opacity:0;translate:calc(28 * var(--u)) 0}to{opacity:1;translate:0}}@keyframes ui-fade{0%{opacity:0}to{opacity:1}}.screen-swap{animation:ui-swap .22s var(--ease-out) both;position:absolute;inset:0}@keyframes ui-swap{0%{opacity:0;scale:1.015}to{opacity:1;scale:1}}.ink{height:auto;display:block;overflow:visible}.ink.draw{animation:ui-ink .55s var(--ease-out) both;animation-delay:var(--d,80ms)}@keyframes ui-ink{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.btn{justify-content:center;align-items:center;gap:calc(12 * var(--u));min-height:var(--tap);height:calc(56 * var(--u));padding:0 calc(28 * var(--u));border:1px solid var(--ghost-line);background:var(--ghost);color:var(--chalk);cursor:pointer;-webkit-user-select:none;user-select:none;transition:translate .25s var(--ease-out), scale .12s ease, background-color .2s ease, border-color .2s ease, box-shadow .25s ease, filter .2s ease;text-decoration:none;display:flex;position:relative;overflow:hidden;transform:skew(-12deg)}.btn>.unsk{font-family:var(--display);font-style:italic;font-weight:700;font-size:max(14px, calc(24 * var(--u)));text-transform:uppercase;white-space:nowrap}.btn.primary{background:var(--ink-fast);color:#fff;box-shadow:0 calc(10 * var(--u)) calc(24 * var(--u)) #d4030347;border:0}.btn.primary>.unsk{font-weight:800;font-size:max(15px, calc(28 * var(--u)))}.btn.big{height:calc(68 * var(--u))}.btn.big.primary>.unsk{font-size:max(16px, calc(32 * var(--u)))}.btn.tall{height:calc(64 * var(--u))}.btn.sm{min-height:0;height:var(--tap);padding:0 16px}.btn.sm>.unsk{font-size:18px}.btn.icon{width:max(var(--tap), calc(52 * var(--u)));height:max(var(--tap), calc(52 * var(--u)));padding:0}.btn:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#f3efe64d,#0000);width:30%;position:absolute;top:0;bottom:0;left:-40%;translate:-120%}@media (hover:hover){.btn:hover{translate:calc(6 * var(--u)) 0;background:#f3efe624;border-color:#f3efe65c}.btn.primary:hover{box-shadow:0 calc(14 * var(--u)) calc(30 * var(--u)) #d403036b;background:#ec1010}.btn:hover:after{animation:ui-shine .7s var(--ease-out)}.btn:hover .arrow{translate:calc(4 * var(--u)) 0}}.btn:active{filter:brightness(.92);transition-duration:60ms;scale:.97 .92}.btn .arrow{transition:translate .25s var(--ease-out)}@keyframes ui-shine{0%{opacity:1;translate:0}to{opacity:1;translate:520%}}.btn[disabled]{opacity:.45;cursor:default;pointer-events:none}.back-btn svg{width:calc(22 * var(--u));height:calc(22 * var(--u));min-width:18px;min-height:18px}.pips{gap:calc(6 * var(--u));display:flex}.pip{width:calc(14 * var(--u));height:calc(14 * var(--u));min-width:9px;min-height:9px;animation:ui-pop .35s var(--ease-back) both;animation-delay:calc(var(--i,0) * 45ms + var(--d,.12s));border:2px solid #3a3d44;border-radius:50%}.pip.gold{background:var(--gold);border-color:var(--gold);box-shadow:inset 0 -2px #00000038}.pip.silver{background:var(--silver);border-color:var(--silver);box-shadow:inset 0 -2px #00000038}.pip.bronze{background:var(--bronze);border-color:var(--bronze);box-shadow:inset 0 -2px #00000038}.pip.next{animation:ui-pop .45s var(--ease-back) both, ui-blink 1.6s ease-in-out infinite;animation-delay:calc(var(--i,0) * 45ms + var(--d,.12s)), .8s}@keyframes ui-pop{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes ui-blink{0%,to{border-color:#3a3d44}50%{border-color:var(--ink-slow)}}.medal-dot{width:calc(18 * var(--u));height:calc(18 * var(--u));border-radius:50%;min-width:12px;min-height:12px;display:inline-block;box-shadow:inset 0 -3px #00000040}.menu-bg{margin:var(--bleed);filter:saturate(.9);will-change:transform;background:url(/ui/race_sr4.jpg) 50%/cover no-repeat;animation:38s ease-in-out infinite alternate ui-pan;position:absolute;inset:-6%}@keyframes ui-pan{0%{transform:scale(1.04)translate(-2%,1%)}50%{transform:scale(1.12)translate(2%,-1.5%)}to{transform:scale(1.08)translate(3.5%,1.5%)}}.menu-shade{margin:var(--bleed);background:linear-gradient(90deg,#121316f7 0%,#121316ed 38%,#12131659 62%,#12131626 100%);position:absolute;inset:0}.menu-streak{height:calc(140 * var(--u));pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,#fbbb4c00,#fbbb4c1f,#d4030324,#d4030300);animation:9s ease-in-out infinite alternate ui-streak;position:absolute;top:30%;left:40%;right:-20%;transform:skewY(-6deg)}@keyframes ui-streak{0%{opacity:.5;translate:-8% -10%}to{opacity:1;translate:8% 30%}}.menu-main{left:calc(72 * var(--u));top:calc(64 * var(--u));bottom:calc(44 * var(--u));width:min(calc(460 * var(--u)), 46vw);flex-direction:column;display:flex;position:absolute}.logo{margin:0 0 0 calc(-13 * var(--u));width:min(calc(467 * var(--u)), 50vw);animation:ui-slam .7s var(--ease-back) both;line-height:0}.logo .wordmark{width:100%;height:auto;animation:ui-ink-reveal .9s var(--ease-out) .12s both}@keyframes ui-ink-reveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.wordmark{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;height:auto;display:block}@keyframes ui-slam{0%{opacity:0;translate:calc(-80 * var(--u)) 0;scale:1.08}to{opacity:1;translate:0;scale:1}}.tagline{margin-top:calc(10 * var(--u));font-size:calc(17 * var(--u));color:var(--grey);letter-spacing:.02em;max-width:calc(440 * var(--u));font-weight:600}.menu-nav{gap:calc(14 * var(--u));width:calc(380 * var(--u));flex-direction:column;min-width:240px;margin-top:auto;display:flex}.menu-nav .btn{justify-content:space-between}.menu-nav .btn>.unsk.sub{font-family:var(--display);font-style:normal;font-weight:700;font-size:max(12px, calc(18 * var(--u)));opacity:.9;text-transform:none}.menu-medals{margin-top:calc(28 * var(--u));align-items:center;gap:calc(22 * var(--u));font-family:var(--display);font-weight:700;font-size:calc(20 * var(--u));display:flex}.menu-medals>span{align-items:center;gap:calc(8 * var(--u));display:flex}.next-race-btn{all:unset;right:calc(56 * var(--u));bottom:calc(44 * var(--u));cursor:pointer;transition:translate .3s var(--ease-out);position:absolute}@media (hover:hover){.next-race-btn:hover{translate:calc(-6 * var(--u)) 0}.next-race-btn:hover .name{color:var(--ink-slow)}}.next-race-btn:focus-visible{outline:3px solid var(--ink-slow);outline-offset:6px}.next-race .name{transition:color .2s}.next-race{align-items:flex-end;gap:calc(4 * var(--u));text-shadow:0 2px 8px #000c;text-align:right;flex-direction:column;display:flex}.next-race .name{font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(34 * var(--u));text-transform:uppercase}.next-race .meta{font-size:calc(15 * var(--u));color:var(--chalk-2);font-weight:600}.hdr{align-items:center;gap:calc(24 * var(--u));padding:calc(26 * var(--u)) calc(56 * var(--u)) 0;min-height:calc(104 * var(--u));display:flex}.hdr h1{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(54 * var(--u));text-transform:uppercase;margin:0;line-height:1}.hdr .count{align-items:center;gap:calc(10 * var(--u));font-family:var(--display);font-weight:700;font-size:calc(22 * var(--u));margin-left:auto;display:flex}.levels{gap:calc(18 * var(--u));padding:calc(28 * var(--u)) calc(56 * var(--u)) calc(56 * var(--u));height:calc(100% - 104 * var(--u));grid-template-columns:repeat(5,minmax(0,1fr));min-height:260px;display:grid}.level{all:unset;box-sizing:border-box;padding:calc(26 * var(--u)) calc(24 * var(--u));background:var(--panel-2);border:1px solid var(--border);color:var(--chalk);text-align:left;transition:translate .3s var(--ease-out), box-shadow .3s ease, border-color .2s ease, background-color .2s;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.level.open{background:var(--panel);cursor:pointer}.level.current{border-color:var(--ink-slow)}@media (hover:hover){.level.open:not(.current):hover{border-color:var(--hover-line)}.level.open:hover{translate:0 calc(-8 * var(--u));box-shadow:0 calc(20 * var(--u)) calc(40 * var(--u)) #00000073}.level.open:hover .ghost-num{translate:calc(10 * var(--u)) 0;color:#fbbb4c3d}}.level.open:active{scale:.98}.level:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.ghost-num{top:calc(18 * var(--u));left:calc(22 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(120 * var(--u));color:#f3efe60d;transition:translate .5s var(--ease-out), color .3s;line-height:1;position:absolute}.level.open .ghost-num{color:#fbbb4c24}.level .lvl-k{font-family:var(--display);font-weight:700;font-size:calc(14 * var(--u));letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.level.open .lvl-k{color:var(--ink-slow)}.level .lvl-name{font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(42 * var(--u));text-transform:uppercase;color:var(--grey-2);line-height:1.05}.level.open .lvl-name{color:var(--chalk)}.level .lvl-info{margin-top:calc(10 * var(--u));font-size:calc(15 * var(--u));color:var(--grey);font-weight:600}.bar{margin-top:calc(14 * var(--u));height:calc(8 * var(--u));background:var(--border);min-height:5px;position:relative;overflow:hidden}.bar>i{transform-origin:0;animation:ui-bar 1s var(--ease-out) both;animation-delay:calc(var(--i,0) * 70ms + .35s);background:#5a5e66;position:absolute;inset:0}.level.open .bar>i{background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast))}@keyframes ui-bar{0%{transform:scaleX(0)}}.lock{width:calc(26 * var(--u));height:calc(26 * var(--u));min-width:18px;min-height:18px;margin-bottom:calc(14 * var(--u))}.races-grid{left:calc(56 * var(--u));right:calc(400 * var(--u) + 40 * var(--u));top:calc(104 * var(--u));padding:calc(20 * var(--u)) calc(8 * var(--u)) calc(40 * var(--u)) 0;gap:calc(16 * var(--u));overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;display:grid;position:absolute;bottom:0;overflow:hidden auto}.rcard{all:unset;box-sizing:border-box;background:var(--panel);border:1px solid var(--border);cursor:pointer;transition:translate .3s var(--ease-out), box-shadow .3s ease, background-color .2s, border-color .2s;flex-direction:column;display:flex;position:relative;overflow:hidden}.rcard .thumb{height:calc(112 * var(--u));background:0 0;flex:none;min-height:60px;display:block;position:relative;overflow:hidden}.rcard .thumb img{object-fit:cover;object-position:left center;width:100%;height:100%;transition:transform .6s var(--ease-out), filter .3s;display:block}.rcard .body{padding:calc(12 * var(--u)) calc(14 * var(--u)) calc(14 * var(--u));gap:calc(4 * var(--u));flex-direction:column;display:flex}.rcard .rk{font-family:var(--display);font-weight:700;font-size:calc(13 * var(--u));letter-spacing:.11em;text-transform:uppercase;color:var(--grey)}.rcard .rn{font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(24 * var(--u));text-transform:uppercase;line-height:1}.rcard .pips{margin-top:calc(6 * var(--u))}.rcard.sel{border-color:var(--ink-slow);background:#24221f}.rcard:after,.level:after{content:"";z-index:3;pointer-events:none;box-shadow:inset 0 0 0 var(--ring,0px) var(--ink-slow);transition:box-shadow .2s;position:absolute;inset:0}.rcard.sel,.level.current{--ring:calc(var(--sel-w) - 1px)}.rcard.sel .rk{color:var(--ink-slow)}.rcard:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}@media (hover:hover){.rcard:not(.locked):not(.sel):hover{border-color:var(--hover-line)}.rcard:not(.locked):hover{translate:0 calc(-6 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(30 * var(--u)) #00000073}.rcard:not(.locked):hover .thumb img{transform:scale(1.08)}}.rcard:not(.locked):active{scale:.98}.rcard.locked{cursor:default;background:#17181b;border-color:#25272c}.rcard.locked .thumb img{filter:grayscale()brightness(.35)}.rcard.locked .rk,.rcard.locked .rn{color:var(--grey-2)}.rcard .lock-c{width:calc(28 * var(--u));height:calc(28 * var(--u));min-width:18px;min-height:18px;position:absolute;top:50%;left:50%;translate:-50% -50%}.rcard .req{margin-top:calc(6 * var(--u));font-size:calc(13 * var(--u));color:var(--grey);font-weight:600}.rcard.fresh{animation:ui-rise .55s var(--ease-out) backwards, ui-fresh 1.4s ease-in-out .8s 3;animation-delay:calc(var(--i,0) * 45ms + .12s), .9s}@keyframes ui-fresh{0%,to{box-shadow:0 0 #fbbb4c00}50%{box-shadow:0 0 0 calc(6 * var(--u)) #fbbb4c73}}.detail{width:calc(400 * var(--u));background:var(--panel);border-left:1px solid var(--border);min-width:250px;box-shadow:var(--bleed-panel);padding:calc(40 * var(--u)) calc(40 * var(--u)) calc(44 * var(--u));animation:ui-from-right .6s var(--ease-out) both;flex-direction:column;animation-delay:80ms;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.detail h2{margin:calc(2 * var(--u)) 0 0;font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(52 * var(--u));text-transform:uppercase;line-height:.95}.detail .car{width:calc(300 * var(--u));max-width:100%;margin:calc(18 * var(--u)) 0 calc(6 * var(--u)) calc(-10 * var(--u));animation:ui-car-in .7s var(--ease-out) both .15s, ui-bob 4s ease-in-out .9s infinite;filter:drop-shadow(0 calc(14 * var(--u)) calc(16 * var(--u)) #00000080)}@keyframes ui-car-in{0%{opacity:0;translate:calc(80 * var(--u)) 0}to{opacity:1;translate:0}}@keyframes ui-bob{0%,to{translate:0}50%{translate:0 calc(-5 * var(--u))}}.dl{gap:calc(8 * var(--u)) calc(18 * var(--u));font-size:calc(15 * var(--u));grid-template-columns:auto 1fr;margin:0;display:grid}.dl dt{color:var(--grey);font-weight:600}.dl dd{margin:0;font-weight:700}.detail .grow{min-height:calc(10 * var(--u));flex:1}.sheet-back{margin:var(--bleed);z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12131699;animation:.3s both ui-fade;position:absolute;inset:0}.sheet{z-index:41;width:min(calc(480 * var(--u)), 92vw);background:var(--panel);border-left:1px solid var(--border);min-width:300px;box-shadow:var(--bleed-panel);padding:calc(40 * var(--u));gap:calc(18 * var(--u));animation:ui-sheet .5s var(--ease-out) both;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto}@keyframes ui-sheet{0%{translate:100%}to{translate:0}}.sheet h2{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(48 * var(--u));text-transform:uppercase;margin:0}.row-set{padding:calc(14 * var(--u)) 0;border-bottom:1px solid var(--border);min-height:var(--tap);justify-content:space-between;align-items:center;gap:16px;display:flex}.row-set .t{font-weight:700;font-size:max(14px, calc(18 * var(--u)));min-width:0}.row-set .t small{font-weight:500;font-size:max(12px, calc(14 * var(--u)));color:var(--grey);margin-top:2px;display:block}.switch{all:unset;cursor:pointer;background:#3a3d44;border-radius:0;flex:none;width:56px;height:32px;transition:background-color .25s;position:relative;transform:skew(-12deg)}.switch:after{content:"";background:var(--chalk);width:22px;height:24px;transition:translate .3s var(--ease-back);position:absolute;top:4px;left:4px}.switch[aria-checked=true]{background:var(--ink-fast)}.switch[aria-checked=true]:after{translate:26px}.switch:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.hud{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hud .live{pointer-events:auto}.chips{left:var(--hud-l);top:var(--hud-t);gap:calc(10 * var(--u));display:flex;position:absolute}.chip{align-items:center;gap:calc(8 * var(--u));height:var(--hud-h);padding:0 calc(22 * var(--u));background:var(--glass);animation:ui-chip .55s var(--ease-back) both;animation-delay:calc(var(--i,0) * 80ms + .1s);display:flex;transform:skew(-12deg)}@keyframes ui-chip{0%{opacity:0;translate:calc(-50 * var(--u)) calc(-20 * var(--u))}to{opacity:1;translate:0}}.chip .lbl{font-family:var(--display);font-weight:700;font-size:max(11px, calc(15 * var(--u)));letter-spacing:.13em;color:var(--grey);transform:skew(12deg)}.chip .val{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(20px, calc(32 * var(--u)));font-variant-numeric:tabular-nums;line-height:1;transform:skew(12deg)}.chip .val .of{color:var(--grey-2)}.chip.accent{gap:calc(10 * var(--u));background:var(--ink-slow);color:var(--asphalt)}.chip.accent .val{font-size:max(16px, calc(22 * var(--u)));text-transform:uppercase}.chip.accent svg{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:14px;min-height:14px;transform:skew(12deg)}.flip{animation:ui-flip .5s var(--ease-back) both;display:inline-block}@keyframes ui-flip{0%{opacity:0;transform:perspective(200px)rotateX(-90deg)}to{opacity:1;transform:perspective(200px)rotateX(0)}}.chip.time .val{letter-spacing:.02em}.chip.shortcut{gap:calc(10 * var(--u));background:var(--ink-fast);color:#fff;animation:ui-chip .3s var(--ease-back) both, ui-shake .45s ease-in-out .3s}.chip.shortcut .val{font-size:max(16px, calc(22 * var(--u)));text-transform:uppercase}.chip.shortcut svg{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:14px;min-height:14px;transform:skew(12deg)}.sc-gauge{width:calc(64 * var(--u));min-width:36px;height:calc(6 * var(--u));background:#00000059;min-height:4px}.sc-gauge span{transform-origin:0;background:#fff;height:100%;transition:transform 80ms linear;display:block}@keyframes ui-shake{20%{translate:calc(-5 * var(--u)) 0}45%{translate:calc(4 * var(--u)) 0}70%{translate:calc(-2 * var(--u)) 0}}.pause-btn{right:var(--hud-r);top:var(--hud-t);width:max(48px, calc(56 * var(--u)));height:var(--hud-h);background:var(--glass);animation:ui-chip .55s var(--ease-back) both .2s;place-items:center;display:grid;position:absolute;transform:skew(-12deg)}.pause-btn svg{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:16px;min-height:16px;transform:skew(12deg)}.hit{pointer-events:none;position:absolute}.notify{align-items:flex-end;gap:calc(12 * var(--u));pointer-events:none;max-width:86vw;animation:ui-notify-in .32s var(--ease-out) both;flex-direction:column;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.notify.out{animation:.2s ease-in both ui-notify-out}@keyframes ui-notify-in{0%{opacity:0;translate:calc(-50% - 40 * var(--u)) -50%}to{opacity:1;translate:-50% -50%}}@keyframes ui-notify-out{to{opacity:0;translate:calc(-50% + 40 * var(--u)) -50%}}.nt-slab{padding:calc(24 * var(--u)) calc(44 * var(--u)) calc(26 * var(--u)) calc(40 * var(--u));box-shadow:calc(10 * var(--u)) calc(14 * var(--u)) 0 #00000059;background:#121316f2;flex-direction:column;align-items:flex-start;display:flex;transform:skew(-12deg)}.nt-body{flex-direction:column;align-items:flex-start;display:flex;transform:skew(12deg)}.nt-tag{padding:calc(5 * var(--u)) calc(14 * var(--u));background:var(--ink-slow);color:var(--asphalt);font-family:var(--display);font-style:italic;font-weight:800;font-size:max(13px, calc(17 * var(--u)));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.notify.error .nt-tag{background:var(--ink-fast);color:#fff}.nt-title{margin-top:calc(12 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:max(30px, calc(62 * var(--u)));text-transform:uppercase;letter-spacing:-.01em;line-height:.92}.nt-msg{margin-top:calc(12 * var(--u));font-size:max(14px, calc(19 * var(--u)));color:var(--chalk-2);font-weight:600}.nt-hint{margin-top:calc(10 * var(--u));align-items:center;gap:calc(10 * var(--u));font-family:var(--display);font-weight:700;font-size:max(12px, calc(15 * var(--u)));letter-spacing:.06em;text-transform:uppercase;color:var(--grey);display:flex}.nt-grad{width:calc(56 * var(--u));height:calc(6 * var(--u));background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast));min-height:4px}.nt-go{align-items:center;gap:calc(10 * var(--u));height:max(40px, calc(48 * var(--u)));padding:0 calc(22 * var(--u));margin-right:calc(-18 * var(--u));background:var(--ink-fast);color:#fff;animation:ui-from-right .35s var(--ease-out) .12s backwards;display:flex;transform:skew(-12deg)}.nt-go .unsk{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(15px, calc(20 * var(--u)));text-transform:uppercase;white-space:nowrap}.nt-go svg{width:calc(18 * var(--u));height:calc(18 * var(--u));min-width:14px;min-height:14px;animation:1.2s ease-in-out infinite ui-nudge;transform:skew(12deg)}@keyframes ui-breathe{0%,to{opacity:.45}50%{opacity:1}}.lap-toast{left:calc(var(--hud-l) - (var(--hud-h) / 2 + 10 * var(--u)) * var(--tan12));top:calc(var(--hud-t) + var(--hud-h) + 10 * var(--u));height:max(34px, calc(42 * var(--u)));padding:0 calc(20 * var(--u));background:var(--ink-slow);color:var(--asphalt);transform-origin:0 0;animation:ui-toast 2.4s var(--ease-out) both;align-items:center;display:flex;position:absolute;overflow:hidden;transform:skew(-12deg)}.lap-toast.last{background:var(--ink-fast);color:#fff}.lap-toast .unsk{font-family:var(--display);font-style:italic;font-weight:900;font-size:max(16px, calc(24 * var(--u)));text-transform:uppercase;white-space:nowrap}.lap-toast:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:40%;animation:.8s ease-out .2s both ui-shine;position:absolute;inset:0}@keyframes ui-toast{0%{opacity:0;translate:0 calc(-12 * var(--u));clip-path:inset(0 100% 0 0)}12%{opacity:1;clip-path:inset(0);translate:0}85%{opacity:1;translate:0}to{opacity:0;translate:calc(-16 * var(--u)) 0}}.lights{left:50%;top:calc(var(--safe-top) + 18 * var(--u));gap:calc(12 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(40 * var(--u)) #00000073;animation:ui-lights-in .35s var(--ease-back) both;background:#121316e6;display:flex;position:absolute;translate:-50%}.lights.leave{animation:.4s ease-in both ui-lights-out}@keyframes ui-lights-in{0%{opacity:0;translate:-50% calc(-40 * var(--u))}to{opacity:1;translate:-50%}}@keyframes ui-lights-out{to{opacity:0;translate:-50% calc(-60 * var(--u))}}.light{width:calc(40 * var(--u));height:calc(40 * var(--u));background:#2a2c31;border-radius:50%;min-width:24px;min-height:24px;box-shadow:inset 0 3px 6px #0009}.light.on{box-shadow:0 0 calc(18 * var(--u)) #e1261ccc, inset 0 -4px 0 #00000040;animation:ui-light .3s var(--ease-back) both;background:#e1261c}.light.go{box-shadow:0 0 calc(22 * var(--u)) #2fd24ad9, inset 0 -4px 0 #00000040;animation:ui-light .3s var(--ease-back) both;background:#2fd24a}@keyframes ui-light{0%{filter:brightness(2);scale:.6}to{filter:brightness();scale:1}}.go-flash{left:50%;top:calc(var(--safe-top) + 90 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(120 * var(--u));color:var(--chalk);text-shadow:0 0 calc(30 * var(--u)) #fbbb4ccc;animation:ui-go .9s var(--ease-out) both;position:absolute;translate:-50%}@keyframes ui-go{0%{opacity:0;scale:.5}25%{opacity:1;scale:1.1}to{opacity:0;scale:1.6}}.legend{left:var(--hud-l);bottom:var(--hud-b);align-items:center;gap:calc(14 * var(--u));height:max(34px, calc(48 * var(--u)));padding:0 calc(20 * var(--u));background:var(--glass);animation:ui-from-left .6s var(--ease-out) both .3s;display:flex;position:absolute;transform:skew(-12deg)}.legend>*{transform:skew(12deg)}.legend .lbl{font-family:var(--display);font-weight:700;font-size:max(10px, calc(14 * var(--u)));letter-spacing:.13em;color:var(--grey)}.legend .grad{width:calc(160 * var(--u));height:calc(10 * var(--u));background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast));background-size:200% 100%;min-height:6px;animation:3s ease-in-out infinite alternate ui-grad}@keyframes ui-grad{0%{background-position:0 0}to{background-position:100% 0}}.legend .val{font-family:var(--display);font-weight:700;font-size:max(10px, calc(14 * var(--u)));color:var(--chalk-2)}.redraw{right:var(--hud-r);bottom:var(--hud-b);animation:ui-from-right .6s var(--ease-out) backwards .3s;position:absolute}.redraw.btn>.unsk{font-weight:800}.redraw svg{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:16px;min-height:16px;transform:skew(12deg)}.turbo{right:calc(var(--hud-r) - max(96px, calc(148 * var(--u))) * 5 / 148);bottom:calc(var(--hud-b) - max(96px, calc(148 * var(--u))) * 5 / 148);width:max(96px, calc(148 * var(--u)));height:max(96px, calc(148 * var(--u)));animation:ui-turbo-in .6s var(--ease-back) both;position:absolute}@keyframes ui-turbo-in{0%{opacity:0;rotate:-40deg;scale:.4}to{opacity:1;rotate:0deg;scale:1}}.turbo svg.ring{width:100%;height:100%;position:absolute;inset:0}.turbo .arc{transition:stroke-dashoffset .25s linear}.turbo .face{transition:scale .2s var(--ease-back);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.turbo .face svg{width:34%;height:auto;transition:filter .3s}.turbo .face span{font-family:var(--display);font-style:italic;font-weight:900;font-size:max(16px, calc(26 * var(--u)));text-transform:uppercase;line-height:1}.turbo .glow{box-shadow:0 0 calc(30 * var(--u)) #fbbb4cb3;opacity:0;border-radius:50%;transition:opacity .3s;position:absolute;inset:4%}.turbo.ready .glow{opacity:1;animation:1.1s ease-in-out infinite ui-pulse}.turbo.ready .face{animation:1.1s ease-in-out infinite ui-throb}.turbo.ready .face svg{filter:drop-shadow(0 0 6px #fbbb4ce6)}.turbo.empty{opacity:.75}.turbo.on .face{scale:.9}.turbo.on .glow{opacity:1;box-shadow:0 0 calc(40 * var(--u)) #d40303d9;animation:.35s ease-in-out infinite ui-pulse}@keyframes ui-pulse{0%,to{opacity:.45;scale:.96}50%{opacity:1;scale:1.04}}@keyframes ui-throb{0%,to{scale:1}50%{scale:1.06}}.pause-ov{z-index:30;padding:var(--safe);pointer-events:auto;place-items:center;display:grid;position:absolute;inset:0}.pause-ov .veil{-webkit-backdrop-filter:blur(6px)saturate(.6);background:#121316b8;animation:.35s both ui-fade;position:absolute;inset:0}.pause-box{width:min(calc(440 * var(--u)), 86vw);align-items:stretch;gap:calc(14 * var(--u));flex-direction:column;min-width:260px;display:flex;position:relative}.pause-box h1{margin:0 0 calc(4 * var(--u));text-align:center;font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(76 * var(--u));text-transform:uppercase;animation:ui-slam .5s var(--ease-back) both;line-height:1}.pause-box .ink{margin:calc(-6 * var(--u)) 0 calc(14 * var(--u));align-self:center}.pause-box .meta{margin-top:calc(12 * var(--u));justify-content:center;gap:calc(28 * var(--u));font-size:calc(14 * var(--u));color:var(--grey);font-weight:600;display:flex}.results{inset:var(--safe);z-index:20;pointer-events:auto;position:absolute}.results .shade{margin:var(--bleed);background:linear-gradient(90deg,#1213168c 0%,#121316e6 45%,#121316f7 100%);animation:.6s both ui-fade;position:absolute;inset:0}.res-left{left:calc(72 * var(--u));width:calc(440 * var(--u));justify-content:center;gap:calc(6 * var(--u));flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.res-pos{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(150 * var(--u));letter-spacing:-.02em;animation:ui-pos .6s var(--ease-back) both .2s;transform-origin:0 100%;line-height:.85}@keyframes ui-pos{0%{opacity:0;scale:2.2;translate:calc(-30 * var(--u)) 0}60%{opacity:1;scale:.94}to{opacity:1;translate:0;scale:1}}.medal-card{align-items:center;gap:calc(18 * var(--u));padding:calc(16 * var(--u)) calc(22 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));border-left:4px solid var(--gold);width:fit-content;max-width:100%;animation:ui-from-left .6s var(--ease-out) both .55s;background:#121316d9;display:flex}.medal-card.silver{border-left-color:var(--silver)}.medal-card.bronze{border-left-color:var(--bronze)}.medal-card.none{border-left-color:var(--grey-2)}.medal-svg{width:calc(64 * var(--u));height:calc(76 * var(--u));flex:none;min-width:40px;min-height:48px;overflow:visible}.medal-svg .drop{transform-origin:32px 0;animation:ui-drop 1.1s var(--ease-out) both .75s}@keyframes ui-drop{0%{opacity:0;translate:0 -90px;rotate:0deg}35%{opacity:1;translate:0;rotate:14deg}55%{rotate:-9deg}72%{rotate:5deg}86%{rotate:-2deg}to{opacity:1;translate:0;rotate:0deg}}.medal-svg .shine{animation:3.5s ease-in-out 2s infinite ui-medal-shine}@keyframes ui-medal-shine{0%,70%,to{opacity:0}80%{opacity:.8}}.medal-card .mt{font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(30 * var(--u));text-transform:uppercase;line-height:1}.medal-card .ms{font-family:var(--display);font-weight:700;font-size:calc(22 * var(--u));font-variant-numeric:tabular-nums}.medal-card .ms small{color:var(--grey);font-weight:600;font-size:calc(18 * var(--u))}.res-msg{margin-top:calc(18 * var(--u));font-size:calc(16 * var(--u));color:var(--chalk-2);max-width:calc(440 * var(--u));font-weight:600;line-height:1.45}.standings{right:calc(64 * var(--u));top:calc(92 * var(--u));width:calc(600 * var(--u));max-width:52vw;position:absolute}.standings h2{margin:0 0 calc(18 * var(--u));font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(44 * var(--u));text-transform:uppercase}.standings ol{gap:calc(8 * var(--u));flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.standings li{grid-template-columns:calc(56 * var(--u)) 1fr auto;height:calc(56 * var(--u));min-height:32px;padding:0 calc(22 * var(--u));animation:ui-from-right .5s var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + .5s);background:#f3efe612;align-items:center;display:grid;transform:skew(-12deg)}.standings li>span{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden;transform:skew(12deg)}.standings li .p{font-style:italic;font-weight:900;font-size:calc(26 * var(--u));color:var(--grey)}.standings li .n{font-weight:700;font-size:calc(22 * var(--u));text-transform:uppercase}.standings li .t{font-weight:700;font-size:calc(24 * var(--u));font-variant-numeric:tabular-nums;color:var(--chalk-2)}.standings li.me{background:var(--ink-fast);height:calc(60 * var(--u))}.standings li.me .p{color:#fff;font-size:calc(30 * var(--u))}.standings li.me .n{font-weight:800;font-size:calc(24 * var(--u))}.standings li.me .t{color:#fff;font-weight:800;font-size:calc(28 * var(--u))}.res-btns{margin-top:calc(34 * var(--u));gap:calc(14 * var(--u));display:flex}.res-btns .btn{flex:1}.unlock-tag{align-items:center;gap:calc(12 * var(--u));width:fit-content;margin-top:calc(26 * var(--u));padding:calc(8 * var(--u)) calc(18 * var(--u));background:var(--ink-slow);color:var(--asphalt);transform-origin:0;animation:ui-stamp .45s var(--ease-back) .5s backwards;display:flex;transform:skew(-12deg)}.unlock-tag>*,.u-tag>*{transform:skew(12deg)}.unlock-tag svg,.u-tag svg{width:calc(20 * var(--u));height:calc(20 * var(--u));min-width:15px;min-height:15px}.unlock-tag span,.u-tag span{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(14px, calc(22 * var(--u)));letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.unlock-tag+.res-btns{margin-top:calc(14 * var(--u))}.medal-card.solo{border-left-color:var(--ink-slow)}.medal-card.solo.none{border-left-color:var(--grey-2)}.solo-lvl{height:calc(54 * var(--u));padding:0 calc(16 * var(--u));background:var(--ink-slow);color:var(--asphalt);flex:none;align-items:center;display:flex;transform:skew(-12deg)}.medal-card.none .solo-lvl{color:var(--chalk);background:#f3efe61f}.solo-lvl>span{font-family:var(--display);font-style:italic;font-weight:900;font-size:max(16px, calc(26 * var(--u)));text-transform:uppercase;transform:skew(12deg)}.solo-next{all:unset;cursor:pointer;margin-top:calc(18 * var(--u));font-size:max(13px, calc(16 * var(--u)));color:var(--chalk-2);font-weight:600}.solo-next b{color:var(--ink-slow)}@media (hover:hover){.solo-next:hover b{text-decoration:underline}}.solo-next:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.standings li .n small{letter-spacing:.04em;opacity:.75;margin-left:.5em;font-size:.7em;font-weight:600}.unlock{inset:var(--safe);background:var(--asphalt);position:absolute}.unlock .bg{margin:var(--bleed);filter:blur(8px)saturate(.5);background-position:50%;background-size:cover;animation:.8s both ui-blur-in;position:absolute;inset:-4%}@keyframes ui-blur-in{0%{opacity:0;scale:1.15}to{opacity:1;scale:1.06}}.unlock .rad{margin:var(--bleed);background:radial-gradient(at 62%,#fbbb4c38 0%,#d403031a 30%,#121316f0 62%);position:absolute;inset:0}.unlock .band{height:calc(120 * var(--u));animation:ui-band 1s var(--ease-out) both .2s;background:linear-gradient(90deg,#fbbb4c00,#fbbb4c29 40%,#d403032e 70%,#d4030300);position:absolute;top:42%;left:-80px;right:-80px;transform:skewY(-6deg)}@keyframes ui-band{0%{opacity:0;translate:-100%}to{opacity:1;translate:0}}.u-left{left:calc(80 * var(--u));width:calc(500 * var(--u));z-index:2;flex-direction:column;justify-content:center;max-width:46vw;display:flex;position:absolute;top:0;bottom:0}.u-tag{align-items:center;gap:calc(12 * var(--u));width:fit-content;padding:calc(8 * var(--u)) calc(18 * var(--u));background:var(--ink-slow);color:var(--asphalt);animation:ui-stamp .55s var(--ease-back) both .35s;display:flex;transform:skew(-12deg)}@keyframes ui-stamp{0%{opacity:0;scale:1.3}60%{opacity:1;scale:.95}to{opacity:1;scale:1}}.u-name{margin:calc(4 * var(--u)) 0 0;font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(104 * var(--u));letter-spacing:-.015em;text-transform:uppercase;line-height:.86}.u-name .line{padding-right:.1em;display:block;overflow:hidden}.u-name .line>span{animation:ui-name .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms + .75s);display:block}@keyframes ui-name{0%{translate:0 105%}to{translate:0}}.u-left .dl{margin-top:calc(18 * var(--u));font-size:calc(17 * var(--u))}.u-btns{margin-top:calc(40 * var(--u));gap:calc(14 * var(--u));flex-wrap:wrap;display:flex}.u-btns .btn.primary{padding:0 calc(36 * var(--u))}.u-btns .nudge{animation:1.4s ease-in-out 2.4s infinite ui-nudge}@keyframes ui-nudge{0%,60%,to{translate:0}30%{translate:calc(6 * var(--u)) 0}}.u-stage{right:calc(70 * var(--u));top:calc(120 * var(--u));width:calc(600 * var(--u));height:calc(400 * var(--u));z-index:1;max-width:46vw;position:absolute}.u-glow{opacity:.7;background:radial-gradient(circle,#fbbb4c52,#d403031f 45%,#0000 70%);animation:2.8s ease-in-out 1.2s infinite ui-glow;position:absolute;inset:-25%}@keyframes ui-glow{0%,to{opacity:.55;scale:.95}50%{opacity:1;scale:1.05}}.u-card{animation:ui-card .9s var(--ease-out) both .45s;position:absolute;inset:0;rotate:-4deg}@keyframes ui-card{0%{opacity:0;translate:70vw;rotate:18deg}70%{opacity:1;rotate:-6deg}to{opacity:1;translate:0;rotate:-4deg}}.u-frame{background:var(--panel);border:3px solid var(--ink-slow);box-shadow:0 calc(30 * var(--u)) calc(70 * var(--u)) #0009, 0 0 calc(60 * var(--u)) #fbbb4c40;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.u-frame .shot{background:var(--panel);flex:0 0 72.5%;position:relative;overflow:hidden}.u-frame .shot img{object-fit:cover;object-position:left center;width:100%;height:100%;display:block}.u-frame .sweep{width:calc(90 * var(--u));animation:ui-sweep 1.1s var(--ease-in-out) both 1.15s;background:linear-gradient(90deg,#fff0,#fff6,#fff0);position:absolute;top:0;bottom:0;left:-30%;transform:skew(-12deg)}@keyframes ui-sweep{0%{translate:0}to{translate:calc(900 * var(--u)) 0}}.u-frame .foot{padding:0 calc(24 * var(--u));justify-content:flex-start;align-items:center;gap:calc(20 * var(--u));flex:1;min-width:0;display:flex}.u-frame .foot .pip{width:calc(18 * var(--u));height:calc(18 * var(--u));border-color:#4a4d55}.u-frame .foot b{font-family:var(--display);font-style:italic;font-weight:800;font-size:calc(34 * var(--u));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-car{right:calc(-40 * var(--u));bottom:calc(-70 * var(--u));width:calc(300 * var(--u));filter:drop-shadow(0 calc(20 * var(--u)) calc(30 * var(--u)) #0009);animation:ui-car-in .8s var(--ease-out) both .95s;position:absolute}.u-car.big{width:86%;animation:ui-car-in .8s var(--ease-out) both .6s, ui-bob 4s ease-in-out 1.6s infinite;position:absolute;inset:7% 4% auto auto}.u-lock{width:calc(84 * var(--u));height:calc(84 * var(--u));z-index:3;animation:.5s 1.75s both ui-lock-fade;position:absolute;top:36%;left:50%;translate:-50% -50%}.u-lock .shackle{animation:ui-shackle .45s var(--ease-back) both 1.35s}@keyframes ui-shackle{to{translate:0 -4px;rotate:-22deg}}.u-lock .shackle{transform-origin:16px 11px;transform-box:view-box}@keyframes ui-lock-fade{to{opacity:0;scale:1.4}}.u-level{place-items:center;display:grid;position:absolute;inset:0}.u-level .num{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(300 * var(--u));color:#fbbb4c33;line-height:1}.u-level .lvl{font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(80 * var(--u));text-transform:uppercase;position:absolute;bottom:12%}.u-pager{right:calc(70 * var(--u));bottom:calc(30 * var(--u));gap:calc(8 * var(--u));z-index:3;display:flex;position:absolute}.u-pager span{width:calc(34 * var(--u));background:#3a3d44;min-width:20px;height:6px;transition:background-color .3s;transform:skew(-12deg)}.u-pager span.on{background:var(--ink-slow)}.confetti{z-index:4;pointer-events:none;position:absolute;top:48%;left:62%}.confetti i{width:var(--w,8px);height:var(--h,14px);background:var(--c);opacity:0;animation:1.6s linear both ui-confetti;animation-delay:calc(.7s + var(--dl,0s));position:absolute;transform:skew(-12deg)}@keyframes ui-confetti{0%{opacity:0;animation-timing-function:cubic-bezier(.1,.8,.3,1);translate:0;rotate:0deg;scale:.4}4%{opacity:1;scale:1}45%{opacity:1;translate:var(--x) var(--y);animation-timing-function:ease-in}to{opacity:0;translate:var(--x) calc(var(--y) + 160px);rotate:var(--r)}}.loading{padding:var(--safe);background:var(--asphalt);z-index:5;place-items:center;animation:.2s both ui-fade;display:grid;position:absolute;inset:0}.loading.out{pointer-events:none}.loading .ld{flex-direction:column;align-items:center;gap:14px;display:flex}.loading .ld-logo{width:clamp(200px, calc(400 * var(--u)), 46vw);margin-bottom:calc(18 * var(--u))}.loading .bar-ld{background:var(--border);width:220px;height:6px;overflow:hidden;transform:skew(-12deg)}.loading .bar-ld i{background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast));width:40%;height:100%;animation:ui-ld 1.1s var(--ease-in-out) infinite;display:block}@keyframes ui-ld{0%{translate:-110%}to{translate:260%}}.loading .bar-ld.det{position:relative}.loading .bar-ld.det i{transform-origin:0;width:100%;transition:transform .3s var(--ease-out);animation:none;position:relative;overflow:hidden}.loading .bar-ld.det i:after{content:"";width:40%;animation:ui-ld 1.1s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#f3efe64d,#0000);position:absolute;inset:0}.loading .ld-step{font-family:var(--display);font-weight:700;font-size:max(11px, calc(12 * var(--u)));letter-spacing:.15em;text-transform:uppercase;color:var(--grey-2);gap:10px;display:flex}.loading .ld-step b{font-variant-numeric:tabular-nums;color:var(--ink-slow)}@media (height<=520px){.hdr{min-height:56px;padding-top:10px}.levels{grid-template-columns:repeat(5,minmax(130px,1fr));height:auto;min-height:0;padding-top:10px;padding-bottom:16px;overflow-x:auto}.level{min-height:max(220px,100vh - 100px)}.races-grid{top:66px}.detail{padding:16px 20px}.detail .car{width:60%;margin:6px 0 2px}.res-left{justify-content:center}.res-pos{font-size:calc(110 * var(--u))}.standings{top:14px}.standings h2{margin-bottom:6px}.res-btns{margin-top:14px}.u-name{font-size:calc(80 * var(--u))}.u-btns{margin-top:18px}}@media (width<=760px){.races-grid{grid-template-columns:repeat(2,minmax(0,1fr));right:270px}.detail{width:250px}}@media (prefers-reduced-motion:reduce){.ui *,.ui :before,.ui :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.menu-bg,.menu-streak,.confetti,.screen-swap{animation:none!important}.confetti{display:none}}.redraw.btn{background:var(--glass);border-color:#f3efe64d}.races-grid,.screen-scroll,.sheet{scrollbar-width:thin;scrollbar-color:#3a3d44 transparent}.u-car.badge{width:calc(230 * var(--u));right:calc(-30 * var(--u));bottom:calc(-50 * var(--u));rotate:6deg}.u-level .num{color:#fbbb4c59;text-shadow:0 0 calc(40 * var(--u)) #fbbb4c59}@media (height<=520px),(width<=760px){.kicker,.rcard .rk,.level .lvl-k{font-size:max(11px, calc(14 * var(--u)))}.dl,.level .lvl-info,.next-race .meta,.tagline,.res-msg,.menu-medals,.rcard .req{font-size:max(12px, calc(15 * var(--u)))}.rcard .rn{font-size:max(15px, calc(24 * var(--u)))}.standings li .n,.standings li .t{font-size:max(12px, calc(22 * var(--u)))}.standings li.me .n,.standings li.me .t{font-size:max(14px, calc(24 * var(--u)))}.medal-card .ms small,.pause-box .meta{font-size:max(11px, calc(16 * var(--u)))}}@media (height<=520px){.screen{--menu-x:40px;--menu-y:20px;--logo-h:min(60px, 15vh)}.menu-main{left:var(--menu-x);right:var(--menu-x);top:var(--menu-y);bottom:var(--menu-y);width:auto}.logo{width:auto;margin-left:calc(var(--logo-h) * -.1)}.logo .wordmark{width:auto;height:calc(var(--logo-h) * 1.4)}.tagline{display:none}.menu-nav{gap:12px;width:clamp(300px,50%,420px);min-width:0}.menu-nav .btn{height:48px}.menu-nav .btn>.unsk.sub{font-size:14px}.menu-medals{height:calc(var(--logo-h) * .9);text-shadow:0 2px 8px #000c;gap:16px;margin:0;font-size:16px;position:absolute;top:0;right:0}.menu-medals>span{gap:6px}.next-race-btn{right:var(--menu-x);bottom:var(--menu-y)}.next-race .name{font-size:24px}.next-race .meta{font-size:13px}.sheet{width:min(420px,62%);padding:20px 24px}}.car-screen{flex-direction:column;display:flex}.car-screen .hdr{flex:none}.cs-race{text-align:right;flex-direction:column;align-items:flex-end;min-width:0;margin-left:auto;display:flex}.cs-rn{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(16px, calc(28 * var(--u)));text-transform:uppercase;line-height:1}.cs-rm{margin-top:calc(4 * var(--u));font-size:max(12px, calc(15 * var(--u)));color:var(--grey);font-weight:600}.cs-row{align-items:center;gap:calc(18 * var(--u));overscroll-behavior:contain;min-height:0;scroll-padding:0 calc(56 * var(--u));padding:calc(18 * var(--u)) calc(56 * var(--u)) calc(30 * var(--u));scrollbar-width:thin;scrollbar-color:#3a3d44 transparent;flex:1;display:flex;overflow:auto hidden}.ccard{all:unset;box-sizing:border-box;width:calc(280 * var(--u));background:var(--panel);border:1px solid var(--border);cursor:pointer;min-width:184px;transition:translate .3s var(--ease-out), box-shadow .3s ease, background-color .2s, border-color .2s, opacity .2s, scale .12s var(--ease-out);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.ccard .thumb{aspect-ratio:305/201;background:0 0;flex:none;display:block;position:relative;overflow:hidden}.ccard .thumb img{object-fit:cover;object-position:right center;width:100%;height:100%;transition:transform .6s var(--ease-out), filter .3s;display:block}.ccard .body{padding:calc(10 * var(--u)) calc(16 * var(--u)) calc(16 * var(--u));gap:calc(4 * var(--u));flex-direction:column;display:flex}.ccard .rk{font-family:var(--display);font-weight:700;font-size:max(11px, calc(13 * var(--u)));letter-spacing:.11em;text-transform:uppercase;color:var(--grey)}.ccard .rn{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(16px, calc(26 * var(--u)));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.cs-tagline{min-height:max(20px, calc(26 * var(--u)));align-items:center;display:flex}.cs-tag{padding:0 calc(10 * var(--u));height:max(18px, calc(24 * var(--u)));border:1px solid var(--ink-slow);align-items:center;display:inline-flex;transform:skew(-12deg)}.cs-tag .unsk{font-family:var(--display);font-weight:700;font-size:max(11px, calc(13 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--ink-slow);white-space:nowrap}.cs-why{align-items:center;gap:calc(6 * var(--u));font-weight:700;font-size:max(11px, calc(14 * var(--u)));color:var(--grey);display:inline-flex}.cs-lock{width:max(13px, calc(16 * var(--u)));height:max(13px, calc(16 * var(--u)));flex:none}.cs-stats{align-items:center;gap:calc(7 * var(--u)) calc(12 * var(--u));margin-top:calc(4 * var(--u));grid-template-columns:auto 1fr;display:grid}.cs-stat{display:contents}.cs-stat .l{font-family:var(--display);font-weight:700;font-size:max(11px, calc(13 * var(--u)));letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-2)}.cs-stat .b{height:max(5px, calc(7 * var(--u)));background:var(--border);position:relative;overflow:hidden;transform:skew(-12deg)}.cs-stat .b>i{background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast));background-size:calc(var(--w-inv,1) * 100%) 100%;animation:cs-fill .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 30ms + var(--j,0) * 40ms + .15s);transform-origin:0;position:absolute;top:0;bottom:0;left:0}@keyframes cs-fill{0%{transform:scaleX(0)}}.ccard:after{content:"";z-index:3;pointer-events:none;box-shadow:inset 0 0 0 var(--ring,0px) var(--ink-slow);transition:box-shadow .2s;position:absolute;inset:0}.ccard.sel{border-color:var(--ink-slow);--ring:calc(var(--sel-w) - 1px);background:#24221f}.ccard.sel .rk{color:var(--ink-slow)}.ccard:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}@media (hover:hover){.ccard:not(.off):not(.sel):hover{border-color:var(--hover-line)}.ccard:not(.off):hover{translate:0 calc(-6 * var(--u));box-shadow:0 calc(16 * var(--u)) calc(30 * var(--u)) #00000073}.ccard:not(.off):hover .thumb img{transform:scale(1.06)}}.ccard:not(.off):active{scale:.97}.ccard.off{opacity:.5;cursor:default}.ccard.off .thumb img{filter:grayscale(.7)}.ccard.off .cs-stat .b>i{filter:grayscale()brightness(.8)}.ccard.nudge{animation:cs-nudge .28s var(--ease-out)}@keyframes cs-nudge{20%{translate:calc(-6 * var(--u)) 0}50%{translate:calc(5 * var(--u)) 0}75%{translate:calc(-3 * var(--u)) 0}}.ccard.go{--ring:var(--sel-w);border-color:var(--ink-slow);transition-duration:.1s;scale:.96}.ccard.go:after{animation:.18s ease-out both cs-go}@keyframes cs-go{0%{background:#fbbb4c47}to{background:#fbbb4c00}}.ccard.fade{opacity:.25}@media (height<=520px){.cs-row{padding-top:6px;padding-bottom:12px}.ccard{width:190px;min-width:0}.ccard .thumb{aspect-ratio:auto;height:104px}.ccard .body{gap:2px;padding:6px 12px 10px}.cs-stats{gap:5px 10px;margin-top:2px}.cs-tagline{min-height:20px}}.srow{all:unset;box-sizing:border-box;align-items:center;gap:calc(14 * var(--u));height:max(44px, calc(62 * var(--u)));padding:0 calc(14 * var(--u)) 0 calc(16 * var(--u));border:1px solid var(--border);min-width:0;color:var(--chalk);transition:border-color .2s, background-color .2s, opacity .2s, scale .12s var(--ease-out);background:#17181b;flex:none;display:flex;position:relative}button.srow{cursor:pointer}.srow:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}@media (hover:hover){button.srow:not(:disabled):not([aria-disabled=true]):hover{border-color:var(--hover-line);background:#1b1c20}button.srow:not(:disabled):hover .sr-chev{color:var(--chalk);translate:calc(3 * var(--u)) 0}}button.srow:not(:disabled):not([aria-disabled=true]):active{scale:.985}.srow:disabled,.srow[aria-disabled=true]{cursor:default}.srow:disabled .sr-val,.srow:disabled .sr-chev,.srow.static[aria-disabled=true]{opacity:.45}.sr-media{width:calc(84 * var(--u));height:calc(52 * var(--u));flex:none;place-items:center;min-width:56px;min-height:34px;display:grid}.sr-media img{object-fit:contain;width:100%;height:100%;display:block}.sr-val{justify-content:center;gap:calc(5 * var(--u));flex-direction:column;flex:1;min-width:0;display:flex}.sr-lab{font-family:var(--display);font-weight:700;font-size:max(10px, calc(12 * var(--u)));letter-spacing:.15em;text-transform:uppercase;color:var(--grey);white-space:nowrap;line-height:1}.sr-main{align-items:center;gap:calc(10 * var(--u));min-width:0;display:flex}.sr-nm{min-width:0;font-family:var(--display);font-style:italic;font-weight:800;font-size:max(16px, calc(21 * var(--u)));text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;padding-right:.08em;line-height:1;overflow:hidden}.sr-sub{font-family:var(--display);font-weight:700;font-size:max(10px, calc(12 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:var(--grey-2);white-space:nowrap;text-overflow:ellipsis;line-height:1;overflow:hidden}.sr-chev{width:max(16px, calc(20 * var(--u)));height:max(16px, calc(20 * var(--u)));color:var(--grey);transition:color .2s, translate .25s var(--ease-out);flex:none}.stepper{align-items:center;gap:calc(6 * var(--u));flex:none;display:flex}.st-btn{all:unset;box-sizing:border-box;width:max(38px, calc(44 * var(--u)));height:max(34px, calc(40 * var(--u)));color:var(--chalk);cursor:pointer;transition:background-color .2s, opacity .2s, scale .12s var(--ease-out);background:#f3efe612;place-items:center;display:grid;transform:skew(-12deg)}.st-btn>span{display:grid;transform:skew(12deg)}.st-btn svg{width:max(15px, calc(18 * var(--u)));height:max(15px, calc(18 * var(--u)))}@media (hover:hover){.st-btn:not(:disabled):hover{background:#f3efe629}}.st-btn:not(:disabled):active{scale:.92}.st-btn:disabled{cursor:default;opacity:.35}.st-btn:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.st-val{min-width:max(46px, calc(58 * var(--u)));text-align:center;font-family:var(--display);font-style:italic;font-weight:900;font-size:max(20px, calc(28 * var(--u)));text-transform:uppercase;font-variant-numeric:tabular-nums;line-height:1}.lv-pips{align-items:center;gap:max(3px, calc(4 * var(--u)));flex:none;display:flex}.lv-pips i{width:max(7px, calc(9 * var(--u)));height:max(7px, calc(9 * var(--u)));background:var(--border);transition:background-color .2s;transform:skew(-12deg)}.lv-pips i.on{background:var(--ink-slow)}.free-race .hdr{padding-right:calc(520 * var(--u))}.free-race .hdr h1{font-size:calc(46 * var(--u))}.fr-tabs{left:calc(56 * var(--u));top:calc(120 * var(--u));gap:calc(8 * var(--u));display:flex;position:absolute}.fr-chip{all:unset;box-sizing:border-box;height:calc(46 * var(--u));min-height:36px;padding:0 calc(18 * var(--u));color:var(--chalk-2);cursor:pointer;transition:background-color .2s, color .2s, translate .2s var(--ease-out);background:#f3efe612;align-items:center;display:flex;transform:skew(-12deg)}.fr-chip>span{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(15px, calc(20 * var(--u)));text-transform:uppercase;white-space:nowrap;transform:skew(12deg)}.fr-chip[aria-pressed=true]{background:var(--ink-slow);color:var(--asphalt)}@media (hover:hover){.fr-chip:not([aria-pressed=true]):not(:disabled):hover{translate:0 calc(-3 * var(--u));background:#f3efe624}}.fr-chip:active{scale:.96}.fr-chip:focus-visible{outline:3px solid var(--ink-slow);outline-offset:3px}.fr-grid{top:calc(166 * var(--u));right:calc(534 * var(--u));gap:calc(14 * var(--u))}.fr-random:not(.sel){border-style:dashed;border-color:#4a4d55}.fr-random .rk{letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rcard .thumb.fr-stripes{background:repeating-linear-gradient(135deg,#1b1c20 0 14px,#17181b 14px 28px);place-items:center;display:grid}.fr-dice{width:calc(40 * var(--u));height:calc(40 * var(--u));min-width:28px;min-height:28px;transition:rotate .5s var(--ease-back)}@media (hover:hover){.fr-random:hover .fr-dice{rotate:90deg}}.fr-narrow,.fr-swipe{display:none}.fr-detail{width:calc(460 * var(--u));padding:calc(34 * var(--u)) calc(36 * var(--u)) calc(36 * var(--u));z-index:2}.fr-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3a3d44 transparent;flex-direction:column;flex:auto;min-height:0;margin:-4px -6px;padding:4px 6px;display:flex;overflow:hidden auto}.fr-body>*{flex:none}.fr-detail h2{margin:calc(2 * var(--u)) 0 0;font-size:calc(44 * var(--u));overflow-wrap:anywhere;line-height:1}.fr-facts{margin:calc(12 * var(--u)) 0 0;justify-content:start;gap:calc(2 * var(--u)) calc(22 * var(--u));grid-template-columns:repeat(4,auto);display:grid}.fr-facts dt{font-size:max(12px, calc(14 * var(--u)));color:var(--grey);font-weight:600}.fr-facts dd{font-family:var(--display);font-weight:800;font-size:max(15px, calc(20 * var(--u)));white-space:nowrap;margin:0}.fr-label{margin-top:calc(24 * var(--u));color:var(--grey)}.fr-preview+.fr-draw+.fr-label{margin-top:calc(20 * var(--u))}.fr-rows{margin-top:calc(10 * var(--u));gap:calc(8 * var(--u));flex-direction:column;display:flex}.fr-rows .fr-row-car{height:max(48px, calc(70 * var(--u)));padding-left:calc(16 * var(--u))}.fr-go{margin-top:calc(16 * var(--u));flex:none}.fr-preview{margin-top:calc(10 * var(--u));height:calc(170 * var(--u));border:1px solid var(--border);background:var(--panel-2);min-height:76px;position:relative;overflow:hidden}.fr-badge{left:calc(12 * var(--u));bottom:calc(10 * var(--u));padding:calc(4 * var(--u)) calc(12 * var(--u));animation:ui-pop .3s var(--ease-back) both;background:#121316e0;position:absolute;transform:skew(-12deg)}.fr-badge>span{font-family:var(--display);font-style:italic;font-weight:800;font-size:max(13px, calc(18 * var(--u)));letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;display:block;transform:skew(12deg)}.fr-draw{margin-top:calc(10 * var(--u));align-items:center;gap:calc(8 * var(--u));display:flex}.fr-themes{gap:calc(8 * var(--u));flex:1;min-width:0;display:flex}.fr-themes .fr-chip{min-width:0;height:max(36px, calc(44 * var(--u)));flex:1 1 0;justify-content:center;padding:0}.fr-themes .fr-chip>span{font-size:max(14px, calc(19 * var(--u)))}.fr-dice-btn{width:max(48px, calc(64 * var(--u)));height:max(36px, calc(44 * var(--u)));flex:none;min-height:0;padding:0}.fr-dice-btn>.unsk{display:grid}.fr-dice-btn svg{width:max(18px, calc(22 * var(--u)));height:max(18px, calc(22 * var(--u)));transition:rotate .4s var(--ease-back)}.fr-dice-btn:active svg{rotate:90deg}.fr-dice-over{display:none}.sketch-box{width:100%;height:100%;position:relative}.sketch{width:100%;height:100%;display:block}.sketch .sketch-lap{animation:.35s both ui-fade}.sketch:not(.ready) .sketch-lap{opacity:.35;transition:opacity .2s;animation:none}.sketch-box.error .sketch-lap{opacity:.12}.sketch-state{align-items:center;gap:calc(10 * var(--u));padding:calc(6 * var(--u)) calc(14 * var(--u));white-space:nowrap;font-family:var(--display);font-style:italic;font-weight:800;font-size:max(12px, calc(16 * var(--u)));letter-spacing:.05em;text-transform:uppercase;background:#121316d1;animation:.25s .15s backwards ui-fade;display:flex;position:absolute;top:50%;left:50%;transform:skew(-12deg)}.sketch-state>.unsk{transform:skew(12deg)}.sketch-ink{width:calc(46 * var(--u));background:linear-gradient(90deg, var(--ink-slow), var(--ink-fast));transform-origin:0;min-width:28px;height:3px;animation:sketch-ink .9s var(--ease-in-out) infinite alternate}@keyframes sketch-ink{0%{scale:.15 1}to{scale:1}}.sketch-state.err{gap:calc(6 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u));flex-direction:column;animation-delay:0s}.sketch-state.err>.unsk{color:var(--chalk-2)}.sketch-retry.btn.sm{height:32px;transform:none}.sketch-retry.btn.sm>.unsk{font-size:15px;transform:none}.fr-scrim{margin:var(--bleed);z-index:1;background:#0a0b0d9e;animation:.2s both ui-fade;position:absolute;inset:0}.lv-panel{flex-direction:column;display:flex}.lv-head{align-items:center;gap:calc(14 * var(--u));display:flex}.lv-head .btn.icon{flex:none}.lv-titles{flex-direction:column;min-width:0;display:flex}.lv-titles .kicker{color:var(--grey)}.lv-title{font-family:var(--display);font-style:italic;font-weight:900;font-size:max(22px, calc(34 * var(--u)));text-transform:uppercase;white-space:nowrap;line-height:1}.lv-list{margin-top:calc(14 * var(--u));gap:calc(6 * var(--u));flex-direction:column;display:flex}.srow.lv-item{height:max(40px, calc(54 * var(--u)));padding:0 calc(14 * var(--u))}.lv-item .sr-nm{font-size:max(18px, calc(24 * var(--u)));flex:1}.lv-mark{width:max(18px, calc(22 * var(--u)));height:max(18px, calc(22 * var(--u)));flex:none;place-items:center;display:grid}.lv-mark svg{width:100%;height:100%}.srow.lv-item.on{background:var(--ink-slow);border-color:var(--ink-slow);color:var(--asphalt)}.lv-item.on .lv-pips i.on{background:var(--asphalt)}.lv-item.on .lv-pips i:not(.on){background:#12131640}.srow.lv-item.locked{opacity:.55}.lv-item.locked .lv-mark{color:var(--grey);width:max(14px, calc(16 * var(--u)))}.lv-item.nudge{animation:cs-nudge .28s var(--ease-out)}.lv-hint{margin:calc(8 * var(--u)) 0 0;font-size:max(11px, calc(14 * var(--u)));color:var(--grey-2);font-weight:600;line-height:1.35}.sp-scrim{margin:var(--bleed);z-index:3;background:#0a0b0d9e;animation:.25s both ui-fade;position:absolute;inset:0}.sp-cars{z-index:4;width:calc(780 * var(--u));max-width:100%;padding:calc(34 * var(--u)) calc(40 * var(--u)) calc(36 * var(--u));background:var(--panel);border-left:1px solid var(--border);box-shadow:var(--bleed-panel), calc(-30 * var(--u)) 0 calc(60 * var(--u)) #00000073;animation:ui-from-right .4s var(--ease-out) both;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0}.sp-head{align-items:flex-start;gap:calc(20 * var(--u));flex:none;display:flex}.sp-title{flex-direction:column;flex:1;min-width:0;display:flex}.sp-title h2{margin:calc(2 * var(--u)) 0 0;font-family:var(--display);font-style:italic;font-weight:900;font-size:calc(44 * var(--u));text-transform:uppercase;line-height:1}.sp-close{order:2}.sp-close svg{width:max(18px, calc(20 * var(--u)));height:max(18px, calc(20 * var(--u)))}.sp-grid{min-height:0;margin:calc(18 * var(--u)) -4px 0;overscroll-behavior:contain;align-content:start;gap:calc(12 * var(--u));scrollbar-width:thin;scrollbar-color:#3a3d44 transparent;flex:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;padding:4px;display:grid;overflow:hidden auto}.ccard.sp-car{background:#17181b;width:auto;min-width:0}.ccard.sp-car.sel{background:#24221f}.sp-car .thumb{aspect-ratio:auto;height:calc(100 * var(--u));min-height:64px}.sp-car .thumb img{object-fit:contain;object-position:center}.sp-car .body{padding:calc(2 * var(--u)) calc(12 * var(--u)) calc(12 * var(--u));gap:calc(4 * var(--u))}.sp-car .rn{font-size:max(16px, calc(22 * var(--u)))}.sp-car .rk{align-items:center;gap:calc(6 * var(--u));font-size:max(10px, calc(12 * var(--u)));white-space:nowrap;display:flex;overflow:hidden}.sp-car .rk .cs-lock{width:max(11px, calc(12 * var(--u)));height:max(11px, calc(12 * var(--u)))}.sp-car .cs-stats{gap:calc(5 * var(--u)) calc(10 * var(--u))}.sp-car .cs-stat .l{font-size:max(10px, calc(12 * var(--u)))}.sp-car .cs-stat .b{height:max(4px, calc(6 * var(--u)))}.sp-foot{margin-top:calc(16 * var(--u));align-items:center;gap:calc(24 * var(--u));flex:none;display:flex}.sp-note{min-width:0;font-size:max(12px, calc(14 * var(--u)));color:var(--grey-2);flex:1;margin:0;font-weight:600;line-height:1.35}.sp-foot .fr-go{width:calc(300 * var(--u));min-width:180px;margin-top:0}@media (height<=520px){.free-race .hdr{gap:14px;min-height:0;padding:14px 20px 0}.free-race .hdr .btn.icon{width:44px;height:44px}.free-race .hdr h1{font-size:30px}.fr-hk,.fr-wide{display:none}.fr-narrow{display:block}.fr-tabs{gap:6px;top:66px;left:20px}.fr-chip{height:34px;min-height:0;padding:0 13px}.fr-chip>span{font-size:16px}.fr-grid{gap:10px;padding:4px 4px 12px;scroll-padding:0 4px;display:flex;inset:108px 330px auto 20px;overflow:auto hidden}.fr-grid .rcard{flex:none;width:200px}.fr-grid .rcard.fr-random{width:150px}.fr-grid .rcard .thumb{height:120px;min-height:0}.fr-grid .rcard .body{gap:3px;padding:9px 12px 11px}.fr-grid .rcard .rk{font-size:12px}.fr-grid .rcard .rn{white-space:nowrap;text-overflow:ellipsis;font-size:18px;overflow:hidden}.fr-swipe{color:var(--grey-2);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:600;display:block;position:absolute;bottom:14px;left:20px;right:340px;overflow:hidden}.fr-detail{width:320px;min-width:0;padding:14px 16px}.fr-detail .kicker{font-size:12px}.fr-detail h2{white-space:nowrap;text-overflow:ellipsis;margin:2px 0 10px;font-size:26px;overflow:hidden}.fr-facts{display:none}.fr-rows{gap:6px;margin-top:0}.srow{gap:10px;height:48px;padding:0 8px 0 12px}.fr-rows .fr-row-car{height:48px;padding-left:10px}.fr-row-car .sr-sub{display:none}.sr-media{width:60px;min-width:0;height:38px;min-height:0}.sr-lab,.sr-sub{font-size:11px}.sr-nm{font-size:18px}.sr-val{gap:4px}.sr-chev{width:18px;height:18px}.st-btn{width:40px;height:34px}.st-val{min-width:44px;font-size:22px}.fr-go{height:50px;margin-top:10px}.fr-go.btn.big.primary>.unsk{font-size:24px}.fr-preview{height:92px;min-height:0;margin-top:0}.fr-badge{padding:3px 10px;bottom:6px;left:8px}.fr-badge>span{font-size:13px}.fr-dice-over{background:#121316d1;width:46px;height:36px;display:flex;position:absolute;top:8px;right:8px}.fr-dice-over svg{width:20px;height:20px}.fr-draw{border:1px solid var(--border);background:#17181b;gap:10px;height:44px;margin-top:6px;padding:0 10px 0 12px}.fr-draw .sr-lab{display:block}.fr-themes{gap:4px;padding-right:4px}.fr-themes .fr-chip{height:32px}.fr-themes .fr-chip>span{font-size:14px}.fr-preview+.fr-draw+.fr-label+.fr-rows{margin-top:6px}.fr-preview+.fr-draw+.fr-label+.fr-rows .srow{height:44px}.free-race .fr-body:has(.fr-preview)~.fr-go{height:48px}.lv-head{gap:10px}.lv-head .btn.icon{width:40px;height:40px;min-height:0}.lv-titles .kicker{font-size:11px}.lv-title{font-size:24px}.lv-list{gap:4px;margin-top:10px}.srow.lv-item{height:40px;padding:0 12px}.lv-item .sr-nm{font-size:19px}.lv-hint{margin-top:6px;font-size:11px}.free-race.has-level .fr-go{height:46px}.fr-scrim{right:320px}.sp-scrim{display:none}.sp-cars{width:auto;box-shadow:0 0 0 max(var(--safe-top), var(--safe-right), var(--safe-bottom), var(--safe-left)) var(--panel);border:0;padding:14px 20px;animation-name:ui-fade;animation-duration:.2s;inset:0}.sp-head{align-items:center;gap:14px}.sp-close{order:0}.sp-cars .btn.icon{width:44px;height:44px}.sp-title .kicker{font-size:12px}.sp-title h2{font-size:30px}.sp-grid{flex:none;gap:12px;margin:12px -20px 0 -4px;padding:4px 20px 8px 4px;scroll-padding:0 20px 0 4px;display:flex;overflow:auto hidden}.ccard.sp-car{flex:none;width:196px}.sp-car .thumb{height:104px}.sp-car .rn{font-size:20px}.sp-foot{gap:20px;margin-top:auto}.sp-note{font-size:12px}.sp-foot .fr-go{width:230px;height:50px}}.fps-overlay{top:max(4px, env(safe-area-inset-top));right:max(4px, env(safe-area-inset-right));z-index:1000;color:#7cff7c;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000008c;border-radius:4px;padding:2px 6px;font:600 12px/1.2 ui-monospace,Menlo,monospace;position:fixed}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/barlow-condensed-latin-900-normal-SFh9ViAc.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/barlow-condensed-latin-700-italic-DjyOzRJ7.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/barlow-condensed-latin-800-italic-Cnej2eWp.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/barlow-condensed-latin-900-italic-BRE8F-lA.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/barlow-latin-500-normal-BPAOfeC8.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2")}@font-face{font-family:Barlow;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2")}