:root{--dusk-950:#0a0f24;--dusk-900:#0e1530;--dusk-800:#18224a;--dusk-700:#253261;--dusk-600:#36457a;--dusk-400:#6e7db0;--haze-300:#aab4d8;--chalk-100:#f3efe6;--sodium-400:#ffb547;--sodium-600:#e08a12;--ember-500:#ff7a45;--rose-400:#e8728f;--signal-red:#ff4a3d;--go-green:#3ddc84;--timing-purple:#b583ff;--paint-1:#3b8cff;--paint-2:#f1f0ea;--paint-3:#c6f03a;--paint-4:#e04bd6;--paint-5:#d9304a;--paint-6:#ff8a24;--paint-7:#22c7b8;--paint-8:#7c849c;--scene-sky-zenith:#1b2550;--scene-sky-band:#8a5a8c;--scene-sky-horizon:#ffa25e;--scene-sun:#ffd8a0;--scene-ridge-far:#3a3f6e;--scene-ridge-near:#232a52;--scene-asphalt:#2c3145;--scene-asphalt-lit:#4a4a5c;--scene-kerb-red:#c8443a;--scene-kerb-white:#e6e1d6;--scene-barrier:#5d6688;--scene-verge:#3d3b55;--scene-car-placeholder:#7d86a8;--scrim:#0a0f24b8;--glass:#18224ad1;--chalk-a06:#f3efe60f;--chalk-a12:#f3efe61f;--purple-a10:#b583ff1a;--purple-a18:#b583ff2e;--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:25px;--text-2xl:31px;--lt-hud-s:22px;--lt-hud-m:34px;--lt-hud-l:56px;--lt-title:48px;--lt-banner:72px;--lt-count:220px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--hud-inset:32px;--chamfer:10px;--chamfer-s:6px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-in:cubic-bezier(.5, 0, .75, 0);--t-fast:.12s;--t-med:.28s;--t-slow:.6s}*,:before,:after{box-sizing:border-box}html,body{background:var(--dusk-950);margin:0}body{font-family:var(--font-ui);font-size:var(--text-md);color:var(--chalk-100);-webkit-font-smoothing:antialiased;line-height:1.45}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screen{width:100vw;height:100vh;position:relative;overflow:hidden}.scene{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-dim{background:linear-gradient(90deg, var(--scrim) 0%, transparent 70%);position:absolute;inset:0}.scene-dim.full{background:var(--scrim)}.layer{position:absolute;inset:0}.lt{display:block;overflow:visible}.lt-inline{vertical-align:baseline;display:inline-block;overflow:visible}.cut{clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)))}.panel{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:var(--s-6);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.panel-edge{border-top:2px solid var(--sodium-400)}.rule{background:var(--dusk-600);height:1px;margin:var(--s-5) 0;border:0}.title{color:var(--chalk-100);margin:0 0 var(--s-4)}h1,h2,h3,p{margin:0}.h2{font-size:var(--text-xl);letter-spacing:-.01em;font-weight:650;line-height:1.2}.h3{font-size:var(--text-lg);font-weight:650;line-height:1.25}.label{font-size:var(--text-sm);color:var(--haze-300);font-weight:600}.body{font-size:var(--text-md);color:var(--chalk-100);max-width:62ch}.muted{color:var(--haze-300)}.small{font-size:var(--text-sm)}.xs{font-size:var(--text-xs)}.num{font-variant-numeric:tabular-nums}.purple{color:var(--timing-purple)}.green{color:var(--go-green)}.red{color:var(--signal-red)}.amber{color:var(--sodium-400)}.btn{appearance:none;font:inherit;font-weight:650;font-size:var(--text-md);color:var(--chalk-100);isolation:isolate;align-items:center;gap:var(--s-3);min-height:48px;padding:0 var(--s-5);cursor:pointer;transition:transform var(--t-fast) var(--ease-out);background:0 0;border:0;display:inline-flex;position:relative}.btn:before,.btn:after{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));position:absolute}.btn:before{background:var(--dusk-700);transition:background var(--t-fast) var(--ease-out);inset:0}.btn:after{z-index:-2;background:var(--sodium-400);opacity:0;inset:-4px}.btn:hover:before{background:var(--dusk-600)}.btn:focus-visible,.btn.is-focus{outline:none}.btn:focus-visible:after,.btn.is-focus:after{opacity:1}.btn:active{transform:translateY(1px)}.btn-primary{color:var(--dusk-950)}.btn-primary:before{background:var(--sodium-400)}.btn-primary:hover:before{background:var(--sodium-400);filter:brightness(1.08)}.btn-primary:after{background:var(--chalk-100)}.btn-quiet:before{background:var(--dusk-900)}.btn-lg{min-height:60px;font-size:var(--text-lg);padding:0 var(--s-6)}.btn-block{justify-content:space-between;width:100%}.btn .icon{flex:none;width:20px;height:20px}.btn-pressed:before{background:var(--go-green)}.btn-pressed{color:var(--dusk-950)}.key{min-width:30px;height:30px;padding:0 var(--s-2);font-family:inherit;font-size:var(--text-sm);color:var(--chalk-100);background:var(--dusk-700);box-shadow:inset 0 -3px 0 var(--dusk-950), inset 0 0 0 1px var(--dusk-600);clip-path:polygon(0 0, calc(100% - var(--chamfer-s)) 0, 100% var(--chamfer-s), 100% 100%, var(--chamfer-s) 100%, 0 calc(100% - var(--chamfer-s)));font-variant-numeric:tabular-nums;place-items:center;font-weight:700;display:inline-grid}.key-lg{min-width:44px;height:44px;font-size:var(--text-lg)}.key-wide{padding:0 var(--s-3)}.btn-primary .key{background:var(--sodium-600);color:var(--dusk-950);box-shadow:none}.field{gap:var(--s-2);display:grid}.input{appearance:none;font:inherit;font-size:var(--text-lg);color:var(--chalk-100);background:var(--dusk-950);box-shadow:inset 0 0 0 1px var(--dusk-600);height:52px;padding:0 var(--s-4);width:100%;clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));border:0}.input::placeholder{color:var(--dusk-400)}.input:focus,.input.is-focus{box-shadow:inset 0 0 0 2px var(--sodium-400);outline:none}.input.is-error{box-shadow:inset 0 0 0 2px var(--signal-red)}.input-code{font-size:var(--text-2xl);letter-spacing:.3em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:700}.hint{font-size:var(--text-sm);color:var(--haze-300)}.error-text{font-size:var(--text-sm);color:var(--signal-red);gap:var(--s-2);align-items:center;font-weight:600;display:flex}.error-text .icon{width:16px;height:16px}.switch{align-items:center;gap:var(--s-3);display:inline-flex}.switch-track{background:var(--dusk-950);width:52px;height:28px;box-shadow:inset 0 0 0 1px var(--dusk-600);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));position:relative}.switch-track:after{content:"";background:var(--haze-300);width:20px;height:20px;transition:transform var(--t-fast) var(--ease-out);position:absolute;top:4px;left:4px}.switch.on .switch-track{background:var(--sodium-400);box-shadow:none}.switch.on .switch-track:after{background:var(--dusk-950);transform:translate(24px)}.seg{background:var(--dusk-950);box-shadow:inset 0 0 0 1px var(--dusk-600);clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));gap:4px;padding:4px;display:inline-flex}.seg span{padding:var(--s-2) var(--s-4);font-weight:650;font-size:var(--text-sm);color:var(--haze-300)}.seg .on{background:var(--sodium-400);color:var(--dusk-950);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.slider{align-items:center;gap:var(--s-3);grid-template-columns:1fr 44px;display:grid}.slider-track{background:var(--dusk-950);height:6px;position:relative}.slider-fill{background:var(--sodium-400);position:absolute;inset:0 auto 0 0}.slider-thumb{background:var(--chalk-100);width:16px;height:22px;position:absolute;top:50%;transform:translate(-50%,-50%)skew(-10deg)}.slider.is-muted .slider-fill{background:var(--dusk-400)}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:24px;height:24px}.swatch{flex:none;width:14px;height:14px;display:inline-block;transform:skew(-10deg)}.p1{--paint:var(--paint-1)}.p2{--paint:var(--paint-2)}.p3{--paint:var(--paint-3)}.p4{--paint:var(--paint-4)}.swatch{background:var(--paint)}.tag{align-items:center;gap:var(--s-1);font-size:var(--text-xs);padding:2px var(--s-2);color:var(--haze-300);box-shadow:inset 0 0 0 1px var(--dusk-600);font-weight:700;display:inline-flex}.tag .icon{width:14px;height:14px}.tag-you{color:var(--dusk-950);background:var(--chalk-100);box-shadow:none}.tag-ready{color:var(--dusk-950);background:var(--go-green);box-shadow:none}.tag-purple{color:var(--dusk-950);background:var(--timing-purple);box-shadow:none}.toast{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--dusk-700);font-weight:600;font-size:var(--text-md);animation:toast-in var(--t-med) var(--ease-out) both;display:flex;position:absolute}.banner{justify-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-8);background:var(--scrim);animation:banner-in var(--t-med) var(--ease-out) both;clip-path:polygon(24px 0,100% 0,calc(100% - 24px) 100%,0 100%);display:grid;position:absolute;left:50%;transform:translate(-50%)}.banner-sub{font-size:var(--text-lg);font-weight:650}@keyframes wipe-in{0%{opacity:0;clip-path:polygon(0 0,0 0,-12% 100%,-12% 100%)}to{opacity:1;clip-path:polygon(0 0,112% 0,100% 100%,-12% 100%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes banner-in{0%{opacity:0;transform:translate(-56%)skew(-10deg)}}@keyframes count-beat{0%{opacity:0;transform:scale(1.4)}to{opacity:1;transform:scale(1)}}@keyframes pulse{50%{opacity:.55}}@keyframes blink{50%{opacity:.15}}@keyframes rise{0%{opacity:0;transform:translate(-50%,16px)}20%{opacity:1}}@keyframes sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{50%{filter:drop-shadow(0 0 10px var(--sodium-400))}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:var(--t-fast)!important;transition-duration:0s!important;animation-iteration-count:1!important}.reduce-static{animation:none!important}}@keyframes fade{0%{opacity:0}}.mute-btn{top:var(--s-6);right:var(--s-6);z-index:2;position:absolute}.mute-btn.static{position:relative;top:auto;right:auto}.corner-logo{opacity:.9}.head-row{justify-content:space-between;align-items:center;gap:var(--s-5);margin-bottom:var(--s-5);display:flex}.head-row .title{margin:0}.actions{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-6);display:flex}.actions.start{justify-content:flex-start}.big-icon{stroke-width:1.6px;width:44px;height:44px}.center{text-align:center}.title-hero{gap:var(--s-6);justify-items:start;display:grid;position:absolute;top:50%;left:9%;transform:translateY(-54%)}.title-tag{font-size:var(--text-xl);max-width:30ch;color:var(--chalk-100);line-height:1.3}.press-start{align-items:center;gap:var(--s-3);font-size:var(--text-lg);color:var(--sodium-400);font-weight:650;animation:1.6s ease-in-out infinite pulse;display:flex}.title-foot{left:9%;bottom:var(--s-7);position:absolute}.menu{gap:var(--s-3);width:420px;display:grid}.menu-note{max-width:44ch}.center-stack{place-content:center;justify-items:center;gap:var(--s-7);display:grid;position:absolute;inset:0}.load{gap:var(--s-3);width:560px;display:grid}.load-bar{background:var(--dusk-800);height:10px;transform:skew(-10deg)}.load-fill{background:repeating-linear-gradient(90deg, var(--sodium-400) 0 14px, transparent 14px 18px);height:100%}.load-row{color:var(--haze-300);justify-content:space-between;align-items:end;display:flex}.load-row .num{color:var(--chalk-100);align-items:end;gap:2px;display:inline-flex}.pct{font-weight:700}.tip{gap:var(--s-3);color:var(--chalk-100);align-items:center;display:flex}.howto{inset:var(--s-7) 9%;padding:var(--s-6) var(--s-7);position:absolute}.howto-grid{gap:var(--s-8);grid-template-columns:1fr 1.1fr;display:grid}.howto-left .h3{margin-top:var(--s-4);margin-bottom:var(--s-1);font-size:var(--text-md);color:var(--haze-300)}.howto-left .h3:first-child{margin-top:0}.howto-left .key{min-width:24px;height:24px;font-size:var(--text-xs)}.objective{font-size:var(--text-2xl);max-width:22ch;font-weight:700;line-height:1.2}.howto-right .h3{margin-bottom:var(--s-3)}.ctable{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ctable th,.ctable td{text-align:left;padding:7px var(--s-3) 7px 0;border-bottom:1px solid var(--dusk-600);vertical-align:middle}.ctable thead th{color:var(--haze-300);font-weight:600;font-size:var(--text-xs)}.ctable tbody th{font-weight:600}.ctable td .key+.key{margin-left:var(--s-1)}.room{width:920px;padding:var(--s-6) var(--s-7);position:absolute;top:50%;left:9%;transform:translateY(-50%)}.name-field{max-width:420px}.room-cols{gap:var(--s-7);margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--dusk-600);grid-template-columns:1fr 1fr;display:grid}.room-col{gap:var(--s-4);align-content:start;justify-items:start;display:grid}.room-col .field{width:100%}.alert{gap:var(--s-3);padding:var(--s-4);background:var(--dusk-950);border-left:3px solid var(--signal-red);width:100%;display:flex}.alert>.icon{color:var(--signal-red)}.alert-title{margin-bottom:var(--s-1);font-weight:700}.alert-actions{gap:var(--s-2);margin-top:var(--s-3);display:flex}.alert-actions .btn{min-height:36px;font-size:var(--text-sm);padding:0 var(--s-4)}.spin{border:3px solid var(--dusk-600);border-top-color:var(--sodium-400);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.spin.big{border-width:4px;width:44px;height:44px}@keyframes spin{to{transform:rotate(1turn)}}.dialog{gap:var(--s-4);width:600px;padding:var(--s-7);z-index:3;justify-items:start;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dialog.wide{width:720px}.dialog .actions,.dialog .field{width:100%}.red-edge{border-top-color:var(--signal-red)}.modal-dim{background:var(--scrim);z-index:2;position:absolute;inset:0}.linkbox{justify-content:space-between;align-items:center;gap:var(--s-4);width:100%;padding:var(--s-2) var(--s-2) var(--s-2) var(--s-4);background:var(--dusk-950);color:var(--haze-300);display:flex}.linkbox.col{padding:var(--s-4);flex-direction:column;align-items:stretch}.btn.danger{color:var(--signal-red)}.lobby-top{top:var(--s-6);left:var(--s-7);right:var(--s-7);justify-content:space-between;align-items:center;gap:var(--s-6);display:flex;position:absolute}.code-block{align-items:center;gap:var(--s-4);color:var(--sodium-400);margin-left:auto;display:flex}.code-block .label{color:var(--haze-300)}.lobby-players{left:var(--s-7);width:400px;padding:var(--s-5);position:absolute;top:128px}.plist{margin:var(--s-4) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.prow{align-items:center;gap:var(--s-3);padding:var(--s-3);background:var(--dusk-900);min-height:64px;display:flex}.prow .swatch{width:12px;height:36px}.pinfo{flex:1;min-width:0}.pname{gap:var(--s-2);align-items:center;font-weight:650;display:flex}.prow.open{box-shadow:inset 0 0 0 1px var(--dusk-700);background:0 0}.slot-dash{border:1px dashed var(--dusk-600);width:12px;height:36px;transform:skew(-10deg)}.lobby-stage{justify-items:center;gap:var(--s-2);display:grid;position:absolute;top:128px;left:490px;right:470px}.car-name{font-size:var(--text-2xl);letter-spacing:-.015em;font-weight:750}.stage{align-items:center;gap:var(--s-2);margin-top:var(--s-4);display:flex}.turntable{place-items:center;width:520px;height:260px;display:grid;position:relative}.disc{background:radial-gradient(closest-side, var(--dusk-700), transparent);width:520px;height:90px;box-shadow:0 -2px 0 var(--sodium-400);opacity:.85;border-radius:50%;position:absolute;bottom:10px}.car-spin{z-index:1;margin-top:40px;animation:8s ease-in-out infinite alternate turn;position:relative}.car-spin svg{width:460px;height:auto}@keyframes turn{0%{transform:scaleX(1)}to{transform:scaleX(.82)}}.pager{gap:var(--s-2);display:flex}.pager span{background:var(--dusk-600);width:28px;height:4px;transform:skew(-10deg)}.pager .on{background:var(--sodium-400)}.paint-line{gap:var(--s-2);align-items:center;display:flex}.placeholder-note{opacity:.8}.lobby-track{right:var(--s-7);width:380px;padding:var(--s-5);gap:var(--s-3);display:grid;position:absolute;top:128px}.lobby-track .minimap{justify-self:center}.track-name{color:var(--chalk-100)}.best{padding:var(--s-2) 0;border-top:1px solid var(--dusk-600);border-bottom:1px solid var(--dusk-600);justify-content:space-between;display:flex}.lobby-bottom{left:var(--s-7);right:var(--s-7);bottom:var(--s-6);justify-content:space-between;align-items:center;gap:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--dusk-600);display:flex;position:absolute}.status{font-size:var(--text-lg);max-width:60ch}.lobby-actions{gap:var(--s-3);display:flex}.lobby-toast{bottom:120px;left:50%;transform:translate(-50%)}.tselect{position:absolute;top:50%;left:9%;right:9%;transform:translateY(-50%)}.tcards{margin:0 0 var(--s-4);gap:var(--s-6);grid-template-columns:1fr 1fr;padding:0;list-style:none;display:grid}.tcard-btn{appearance:none;font:inherit;color:inherit;text-align:left;cursor:pointer;gap:var(--s-3);width:100%;padding:var(--s-6);background:var(--glass);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));box-shadow:inset 0 0 0 1px var(--dusk-600);border:0;display:grid;position:relative}.tcard.sel .tcard-btn{box-shadow:inset 0 0 0 3px var(--sodium-400)}.tcard .minimap{justify-self:center}.sectors{gap:var(--s-4);font-size:var(--text-sm);display:flex}.sec-n{color:var(--sodium-400);font-weight:800}.sel-tag{top:var(--s-5);right:var(--s-6);position:absolute}.countdown{justify-items:center;gap:var(--s-4);display:grid;position:absolute;top:14%;left:50%;transform:translate(-50%)}.lights{gap:var(--s-4);padding:var(--s-3) var(--s-4);background:var(--dusk-950);display:flex}.light{background:var(--dusk-700);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));width:44px;height:44px}.light.red{background:var(--signal-red)}.light.green{background:var(--go-green)}.count-num{color:var(--chalk-100);animation:count-beat .25s var(--ease-out) both}.count-num.go{color:var(--go-green)}.countdown .objective{background:var(--scrim);padding:var(--s-2) var(--s-5);font-size:var(--text-xl);max-width:none}.lower-third{gap:var(--s-3);padding:var(--s-5) var(--s-6);background:var(--scrim);border-left:4px solid var(--sodium-400);max-width:720px;display:grid;position:absolute;bottom:14%;left:9%}.sector-list{gap:var(--s-5);margin:0;padding:0;list-style:none;display:flex}.intro-map{padding:var(--s-3);background:var(--scrim);position:absolute;bottom:14%;right:9%}.pause{inset:var(--s-7) 9%;padding:var(--s-6) var(--s-7);position:absolute}.pause-grid{gap:var(--s-8);grid-template-columns:1.15fr 1fr;display:grid}.settings{gap:var(--s-4);align-content:start;display:grid}.set-row{align-items:center;gap:var(--s-4);grid-template-columns:170px 1fr;display:grid}.set-row .label{color:var(--chalk-100);gap:var(--s-2);align-items:center;display:flex}.settings .key{min-width:22px;height:22px;font-size:var(--text-xs)}.confirm{width:520px}.results{padding:var(--s-6) var(--s-7);position:absolute;top:50%;left:9%;right:9%;transform:translateY(-50%)}.results .res-foot{margin-top:var(--s-7)}.res-head{margin-bottom:var(--s-5);justify-content:space-between;align-items:start;display:flex}.winner{text-align:right;justify-items:end;gap:var(--s-1);color:var(--sodium-400);display:grid}.winner-name{font-size:var(--text-2xl);color:var(--chalk-100);align-items:center;gap:var(--s-3);font-weight:750;display:flex}.winner-name .swatch{width:18px;height:18px}.rtable{border-collapse:collapse;align-self:start;width:100%}.rtable th,.rtable td{text-align:left;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--dusk-600);vertical-align:middle}.rtable thead th{font-size:var(--text-xs);color:var(--haze-300);font-weight:600}.rtable .r{text-align:right}.rtable tbody th{font-weight:650;font-size:var(--text-lg)}.rtable tbody th .swatch{margin-right:var(--s-2)}.rtable tbody td.num{font-size:var(--text-lg);font-weight:600}.rtable tr.me{background:var(--chalk-a06)}.rtable tr.me td.place{box-shadow:inset 4px 0 0 var(--sodium-400)}.place{width:90px;color:var(--chalk-100)}tr:first-child .place{color:var(--sodium-400)}.dnf-tag{color:var(--haze-300);letter-spacing:.04em;font-weight:800}.rtable .tag-purple{margin-left:var(--s-2);vertical-align:middle}.res-foot{justify-content:space-between;align-items:center;gap:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--dusk-600);display:flex}.res-foot .lobby-actions{flex-shrink:0}.res-foot .btn{white-space:nowrap}.tt-grid{gap:var(--s-8);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}.rtable.laps tbody th{font-size:var(--text-md)}.best-row{background:var(--purple-a10)}.tt-best{gap:var(--s-3);color:var(--timing-purple);padding:var(--s-5);background:var(--dusk-900);display:grid}.tt-best p{gap:var(--s-2);align-items:center;display:flex}.tt-best .label{color:var(--haze-300)}.m-stack{padding:var(--s-7) var(--s-5);align-content:center;gap:var(--s-5);display:grid;position:absolute;inset:0}.mobile .h2{font-size:var(--text-xl)}.mobile .btn-block{justify-content:center}.mobile .logo{max-width:100%;height:auto}.row-sub{font-weight:400;font-size:var(--text-xs);color:var(--haze-300);display:block}.set-value{font-weight:650}.gear-pick{justify-content:center;align-items:center;gap:var(--s-2) var(--s-3);margin-top:var(--s-2);flex-wrap:wrap;max-width:520px;display:flex}.gear-pick>.xs{text-align:center;flex-basis:100%}.gear-pick .key{min-width:20px;height:20px;font-size:11px}html,body,#app{height:100%}body{overflow:hidden}.app{background:var(--dusk-900);position:fixed;inset:0;overflow:hidden}.backdrop{position:absolute;inset:0}.route{z-index:1;position:absolute;inset:0}.route-out{z-index:0;pointer-events:none}.app[data-transition=wipe]>.route:not(.route-out){animation:wipe-in var(--t-med) var(--ease-out) both}.app[data-transition=crossfade]>.route:not(.route-out){animation:fade var(--t-fast) linear both}.app[data-transition=crossfade]>.route-out{animation:fade-out var(--t-fast) linear both}@keyframes fade-out{to{opacity:0}}.logo{max-width:100%;height:auto;display:block}.title-hero .logo{height:auto}.title .lt,.track-name .lt{color:var(--chalk-100)}.code-block .lt{color:var(--sodium-400)}.title-screen{cursor:pointer}.press-start{appearance:none;padding:var(--s-2) 0;font:inherit;font-size:var(--text-lg);cursor:pointer;background:0 0;border:0;font-weight:650}.press-start .icon{width:24px;height:24px}.press-start:focus-visible{outline:4px solid var(--sodium-400);outline-offset:6px}.seg-opt{cursor:pointer;display:inline-flex}.seg .seg-opt:has(input:checked)>span{background:var(--sodium-400);color:var(--dusk-950);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.seg:has(input:focus-visible){box-shadow:inset 0 0 0 1px var(--dusk-600), 0 0 0 0 transparent;outline:3px solid var(--sodium-400);outline-offset:2px}.set-row .seg{justify-self:start}button.switch{appearance:none;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}button.switch:focus-visible,.slider:focus-visible{outline:3px solid var(--sodium-400);outline-offset:4px}.slider{cursor:pointer;touch-action:none}.toast-layer{pointer-events:none;z-index:2;position:absolute;inset:0}.toast{pointer-events:auto}.lobby-toast{transform:translate(-50%)}.link-toast{z-index:2;gap:var(--s-2);width:560px;display:grid;position:absolute}.link-toast .input{font-size:var(--text-md)}.overlay-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.overlay-layer>*{pointer-events:auto}.overlay-layer>.pause{z-index:3}.countdown-layer{pointer-events:none;position:absolute;inset:0}.practice-hint{left:var(--hud-inset);bottom:var(--hud-inset);gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--scrim);color:var(--haze-300);align-items:center;display:flex;position:absolute}.pause .set-value{margin:0}.table-scroll{scrollbar-width:thin;scrollbar-color:var(--dusk-600) transparent;max-height:calc(100vh - 360px);overflow:auto}.table-scroll::-webkit-scrollbar{width:8px}.table-scroll::-webkit-scrollbar-thumb{background:var(--dusk-600)}.alert-slot{width:100%}.alert-slot:empty{display:none}.input-code::placeholder{letter-spacing:.3em}.dnf-time{font-size:var(--text-lg);font-weight:600}.tt-best .lt{color:var(--timing-purple)}.tt-best .icon{width:20px;height:20px;color:var(--chalk-100)}.tcard .best{width:100%}.lobby-stage .car-spin svg{width:460px;height:auto}.btn-pressed:hover:before{background:var(--go-green);filter:brightness(1.08)}.track-body{gap:var(--s-3);display:grid}.track-body .minimap{justify-self:center}.tt-best .small,.tt-best .icon{color:var(--haze-300)}.overlay-layer>.pause[inert]{z-index:2}.overlay-layer>.modal-dim+.dialog{z-index:4}.race-stage{z-index:0;position:absolute;inset:0}.race-stage>.scene{display:block}@media (width<=1599px),(height<=899px){.lobby-players,.lobby-track{width:300px;padding:var(--s-4);top:112px}.lobby-track{gap:var(--s-2)}.lobby-track .minimap{width:132px;height:132px}.lobby-stage{top:112px;left:calc(var(--s-7) + 300px + var(--s-5));right:calc(var(--s-7) + 300px + var(--s-5))}.lobby-stage .stage{margin-top:var(--s-2)}.lobby-stage .turntable{width:min(440px,100%);height:180px}.lobby-stage .disc{width:100%}.lobby-stage .car-spin{margin-top:var(--s-4)}.lobby-stage .car-spin svg{width:330px}.lobby-stage .car-name{font-size:var(--text-xl)}}.ctl{inset:var(--s-6) 9%;padding:var(--s-5) var(--s-7) var(--s-5);grid-template-rows:auto 1fr auto;display:grid;position:absolute}.ctl-grid{gap:var(--s-7);grid-template-columns:1fr 548px;align-items:start;display:grid}.btable{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.btable th,.btable td{text-align:left;padding:4px var(--s-3) 4px 0;border-bottom:1px solid var(--dusk-600);vertical-align:middle;height:37px}.btable thead th{color:var(--haze-300);font-weight:600;font-size:var(--text-xs);height:auto;padding-bottom:var(--s-2)}.btable tbody th{padding-left:var(--s-3);font-weight:600}.btable tr.grp th{height:auto;padding:var(--s-2) 0 2px;color:var(--haze-300);font-size:var(--text-xs);border-bottom:1px solid var(--dusk-600);font-weight:700}.btable td.pad{color:var(--haze-300);width:128px}.btable tr.is-active{background:var(--chalk-a06);box-shadow:inset 3px 0 0 var(--sodium-400)}.btable tr.is-dim{opacity:.42}.btable tr.is-custom th{box-shadow:inset 3px 0 0 var(--dusk-400)}.btable tr.alert-row td{padding:0 0 var(--s-3);border-bottom:1px solid var(--dusk-600);height:auto}.bind{appearance:none;font:inherit;color:var(--chalk-100);isolation:isolate;align-items:center;gap:var(--s-2);min-width:96px;height:32px;padding:0 var(--s-2);background:var(--dusk-950);box-shadow:inset 0 0 0 1px var(--dusk-600);clip-path:polygon(0 0, calc(100% - var(--chamfer-s)) 0, 100% var(--chamfer-s), 100% 100%, var(--chamfer-s) 100%, 0 calc(100% - var(--chamfer-s)));cursor:pointer;border:0;display:inline-flex;position:relative}.bind .key{min-width:26px;height:26px;font-size:var(--text-xs)}.bind .edit{font-size:var(--text-xs);color:var(--haze-300);margin-left:auto;font-weight:600}.bind.is-focus{box-shadow:inset 0 0 0 2px var(--sodium-400), 0 0 0 0 transparent}.bind.is-focus .edit{color:var(--sodium-400)}.bind.empty{box-shadow:inset 0 0 0 1px var(--dusk-600);color:var(--dusk-400);font-size:var(--text-xs);outline:1px dashed var(--dusk-600);outline-offset:-1px;background:0 0;border:0;justify-content:center;font-weight:600}.bind.fixed{box-shadow:none;cursor:default;background:0 0;padding-left:0}.bind.fixed .edit{color:var(--haze-300);margin-left:0;font-weight:400}.bind.listen{background:var(--dusk-950);min-width:168px;box-shadow:inset 0 0 0 2px var(--sodium-400);color:var(--sodium-400);font-weight:700;font-size:var(--text-sm);justify-content:center}.bind.listen .caret{background:var(--sodium-400);width:2px;height:16px;animation:1s step-end infinite caret}@keyframes caret{50%{opacity:0}}.bind.clash{box-shadow:inset 0 0 0 2px var(--sodium-400)}.bind.clash .icon{width:16px;height:16px;color:var(--sodium-400)}.was{font-size:var(--text-xs);color:var(--haze-300);margin-top:2px;display:block}td.slot{width:148px}td.slot .was{margin-top:1px}.locked-note{font-size:var(--text-xs);color:var(--haze-300);margin-left:var(--s-2)}.alert.warn{border-left-color:var(--sodium-400);background:var(--dusk-950);margin-top:var(--s-2)}.alert.warn>.icon{color:var(--sodium-400);flex:none;width:22px;height:22px}.alert.warn p{font-size:var(--text-sm)}.kb-head{margin-bottom:var(--s-3);justify-content:space-between;align-items:baseline;display:flex}.kbmap{padding:var(--s-4);background:var(--dusk-950);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));gap:4px;display:grid}.kbrow{gap:4px;display:flex}.kbrow.split{justify-content:space-between}.kk{--u:1;width:calc(var(--u) * 23px + (var(--u) - 1) * 4px);height:28px;color:var(--dusk-400);background:var(--dusk-800);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.kk.gap{background:0 0}.kk.on{color:var(--chalk-100);background:var(--dusk-600);box-shadow:inset 0 -3px 0 var(--dusk-400)}.kk.alt{color:var(--haze-300);background:var(--dusk-700)}.kk.hot{color:var(--dusk-950);background:var(--sodium-400);box-shadow:none}.kk.hot.pulse{animation:1.2s ease-in-out infinite hot}@keyframes hot{50%{background:var(--sodium-600)}}.kb-legend{gap:var(--s-2) var(--s-5);margin-top:var(--s-3);font-size:var(--text-xs);color:var(--haze-300);flex-wrap:wrap;display:flex}.kb-legend span{align-items:center;gap:var(--s-2);display:inline-flex}.kb-legend i{width:14px;height:14px;display:inline-block}.kb-legend i.on{background:var(--dusk-600)}.kb-legend i.alt{background:var(--dusk-700)}.kb-legend i.hot{background:var(--sodium-400)}.side-notes{margin-top:var(--s-5);gap:var(--s-3);font-size:var(--text-sm);color:var(--haze-300);max-width:548px;display:grid}.side-notes strong{color:var(--chalk-100);font-weight:650}.side-notes .icon{vertical-align:-4px;width:18px;height:18px;margin-right:var(--s-1)}.ctl-foot{align-items:center;gap:var(--s-4);margin-top:var(--s-4);display:flex}.ctl-foot .grow{flex:1}.saved{align-items:center;gap:var(--s-2);font-size:var(--text-sm);color:var(--haze-300);display:inline-flex}.saved .icon{width:18px;height:18px;color:var(--go-green)}.capture-line{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--dusk-950);border-left:3px solid var(--sodium-400);font-size:var(--text-sm);font-weight:600;display:flex}.capture-line .key{min-width:22px;height:22px;font-size:var(--text-xs)}.capture-line .muted{font-weight:400}.ctl-toast{z-index:2;bottom:118px;left:50%;transform:translate(-50%)}.btn-sm{min-height:36px;font-size:var(--text-sm);padding:0 var(--s-4)}.btn-sm .icon{width:18px;height:18px}.h3-row{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.h3-row .h3{margin:0}.table-note{margin-top:var(--s-3);font-size:var(--text-xs);color:var(--haze-300)}.ctable td .key-arrow{margin-left:var(--s-3)!important}.ctable td .key.alt{background:var(--dusk-800);color:var(--haze-300)}.alert.warn .key{min-width:22px;height:22px;font-size:var(--text-xs)}.ctl{inset:var(--s-5) 9%;padding-top:var(--s-4)}.btable{table-layout:fixed}.btable thead th:nth-child(2){width:160px}.btable thead th:nth-child(3){width:124px}.btable thead th:nth-child(4){width:116px}.bind.listen{min-width:148px}.alert.warn{padding:var(--s-2) var(--s-4)}.ctl .head-row{margin-bottom:var(--s-3)}.ctl-toast .key{min-width:24px;height:24px;font-size:var(--text-xs);margin:0 2px}.bind.dbl{font-size:var(--text-xs);color:var(--chalk-100);min-width:136px;font-weight:650}.dbl-text{align-items:center;gap:var(--s-1);font-weight:600;display:inline-flex}.strip .dbl-text{margin-right:2px}.boost .dbl-text{color:var(--haze-300);margin-right:var(--s-1)}.capture-line .btn-sm{min-height:30px;margin:0 var(--s-1)}.kk.res{color:var(--dusk-600);box-shadow:inset 0 0 0 1px var(--dusk-700);background:0 0}.kk.long{font-size:9px}.kb-legend i.res{box-shadow:inset 0 0 0 1px var(--dusk-600)}.alert.warn{padding:var(--s-3) var(--s-4);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.alert.warn .alert-title,.alert.warn .alert-actions{margin:0}@media (prefers-reduced-motion:reduce){.kk.hot.pulse,.bind.listen .caret{animation:none}}.ctl .table-scroll{max-height:none;overflow:visible}.ctl-grid{min-height:0;overflow:auto}.bind:focus-visible{box-shadow:inset 0 0 0 2px var(--sodium-400);outline:none}.bind.empty.unbound{color:var(--sodium-400);outline-color:var(--sodium-400)}.bind.unbound .icon{width:16px;height:16px}.lobby-stage.v2{gap:6px}.lobby-stage.v2 .stage{gap:0;margin-top:2px}.lobby-stage.v2 .stage-arrow{z-index:2;position:relative}.lobby-stage.v2 .stage-arrow:first-child{margin-right:-40px}.lobby-stage.v2 .stage-arrow:last-child{margin-left:-40px}.stage3d{width:560px;height:290px;position:relative}.stage3d .pool{background:radial-gradient(58% 46% at 50% 78%, color-mix(in srgb, var(--scene-sky-horizon) 26%, transparent), transparent 72%), radial-gradient(70% 70% at 50% 60%, color-mix(in srgb, var(--scene-sky-band) 34%, transparent), transparent 75%);position:absolute;inset:8% 4% 0}.stage3d .canvas,.stage3d .canvas-slot{position:absolute;inset:0}.stage3d .canvas{overflow:hidden}.stage3d .stage-canvas{cursor:grab;touch-action:pan-y;transition:opacity .2s var(--ease-out);display:block}.stage3d .stage-canvas:active{cursor:grabbing}.stage3d .stage-canvas.is-swapping{opacity:0}.stage3d .drag{font-size:var(--text-xs);color:var(--haze-300);white-space:nowrap;pointer-events:none;position:absolute;top:6px;right:40px}.stage3d .loading{place-content:start center;justify-items:center;gap:var(--s-3);font-size:var(--text-sm);color:var(--haze-300);pointer-events:none;padding-top:12%;display:grid;position:absolute;inset:0}.stage3d .loading:empty{display:none}.stage3d .loading .bar{background:var(--dusk-700);width:200px;height:6px;overflow:hidden;transform:skew(-10deg)}.stage3d .loading .bar i{background:var(--sodium-400);width:40%;height:100%;animation:stage-loading 1.1s var(--ease-out) infinite;display:block}@keyframes stage-loading{0%{transform:translate(-100%)}to{transform:translate(250%)}}.paint-pick{align-items:center;gap:var(--s-3);margin-top:var(--s-2);margin-bottom:var(--s-3);display:flex}.paint-pick>.label{min-width:40px}.chips{align-items:flex-end;gap:10px;height:46px;display:flex}.chip{appearance:none;background:var(--paint);cursor:pointer;width:26px;height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--chalk-100) 22%, transparent);transition:height var(--t-fast) var(--ease-out);border:0;padding:0;position:relative;transform:skew(-10deg)}.chip.on{height:46px;box-shadow:0 0 0 2px var(--dusk-900), 0 0 0 4px var(--chalk-100)}.chip:focus-visible{box-shadow:0 0 0 2px var(--dusk-900), 0 0 0 4px var(--chalk-100), 0 0 0 8px var(--sodium-400);outline:none}.chip:not(.on):focus-visible{box-shadow:0 0 0 2px var(--dusk-900), 0 0 0 5px var(--sodium-400)}.chip .taken{background:var(--haze-300);width:6px;height:6px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)skew(10deg)}.paint-name{min-width:96px;font-weight:650}.shared-note{align-items:center;gap:var(--s-2);font-size:var(--text-xs);color:var(--haze-300);display:flex}.shared-note[hidden]{display:none}.shared-note .swatch{width:10px;height:14px}.swatch.ring{box-shadow:0 0 0 2px var(--dusk-900), 0 0 0 4px var(--ring)}@media (prefers-reduced-motion:reduce){.stage3d .stage-canvas,.chip{transition:none}.stage3d .loading .bar i{width:58%;animation:none}}@media (width<=1599px),(height<=899px){.stage3d{width:440px;height:228px}.lobby-stage.v2 .stage-arrow:first-child{margin-right:-32px}.lobby-stage.v2 .stage-arrow:last-child{margin-left:-32px}.chips{gap:8px}.chip{width:22px;height:30px}.chip.on{height:40px}}.hud{pointer-events:none;font-family:var(--font-ui);font-size:var(--text-md);color:var(--chalk-100);text-shadow:0 1px 2px var(--dusk-950);-webkit-font-smoothing:antialiased;line-height:1.45;position:absolute;inset:0;overflow:hidden;container:hud/size}.hud[hidden]{display:none}.hud *,.hud :before,.hud :after{box-sizing:border-box}.hud p{margin:0}.hud .slot{display:contents}.hud .lt{display:block;overflow:visible}.hud .label{font-size:var(--text-sm);color:var(--haze-300);font-weight:600}.hud .icon{flex:none;width:24px;height:24px}.hud .big-icon{stroke-width:1.6px;width:44px;height:44px}.hud .key{min-width:30px;height:30px;padding:0 var(--s-2);font-family:inherit;font-size:var(--text-sm);color:var(--chalk-100);text-shadow:none;background:var(--dusk-700);box-shadow:inset 0 -3px 0 var(--dusk-950), inset 0 0 0 1px var(--dusk-600);clip-path:polygon(0 0, calc(100% - var(--chamfer-s)) 0, 100% var(--chamfer-s), 100% 100%, var(--chamfer-s) 100%, 0 calc(100% - var(--chamfer-s)));font-variant-numeric:tabular-nums;place-items:center;font-weight:700;line-height:1;display:inline-grid}.hud .key-wide{padding:0 var(--s-3)}.hud-pos,.hud-times,.hud-map{background:var(--scrim);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.hud-left{top:var(--hud-inset);left:var(--hud-inset);justify-items:start;gap:var(--s-4);transition:top var(--t-med) var(--ease-out);display:grid;position:absolute}.hud-pos{padding:var(--s-4) var(--s-5);gap:var(--s-4);display:grid}.pos-row{align-items:end;gap:var(--s-2);display:flex}.pos-of{color:var(--haze-300)}.lap-row{align-items:center;gap:var(--s-3);display:flex}.tt-label{align-items:center;gap:var(--s-2);font-weight:700;font-size:var(--text-lg);color:var(--timing-purple);display:flex}.hud-right{top:var(--hud-inset);right:var(--hud-inset);justify-items:end;gap:var(--s-6);display:grid;position:absolute}.hud-times{padding:var(--s-4) var(--s-5)}.hud-times dl{gap:var(--s-2);margin:0;display:grid}.hud-times dl>div{place-items:center end;column-gap:var(--s-4);grid-template-columns:72px auto;display:grid}.hud-times dl>div+div{padding-top:var(--s-2);border-top:1px solid var(--dusk-600)}.hud-times dt{font-size:var(--text-sm);color:var(--haze-300);justify-self:start;font-weight:600}.hud-times dd{margin:0}.hud-times .best dt,.hud-times .best dd{color:var(--timing-purple)}.hud-times .delta.ahead dd{color:var(--go-green)}.hud-times .delta.behind dd{color:var(--signal-red)}.hud-map{padding:var(--s-3)}.minimap{width:230px;height:230px;display:block}.minimap .trk-edge,.minimap .trk{fill:none;stroke-linejoin:round}.minimap .trk-edge{stroke:var(--dusk-950);stroke-width:16px}.minimap .trk{stroke:var(--haze-300);stroke-width:5px}.minimap .sf{fill:var(--chalk-100)}.strip{left:var(--hud-inset);bottom:var(--hud-inset);max-width:calc(100% - 500px - 3 * var(--hud-inset));padding:var(--s-3) var(--s-4);background:var(--scrim);font-size:var(--text-xs);color:var(--haze-300);text-shadow:none;position:absolute}.strip ul{gap:var(--s-2) var(--s-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.strip-item{align-items:center;gap:var(--s-1);display:inline-flex}.strip .key{min-width:22px;height:22px;font-size:var(--text-xs);padding:0 6px}.strip-item>span{margin-left:2px;font-weight:600}.strip-item>.dbl-text{margin:0 2px 0 0}.dbl-keys{gap:2px;display:inline-flex}.cluster{right:var(--hud-inset);bottom:var(--hud-inset);width:500px;padding:var(--s-4) var(--s-5);background:var(--scrim);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));gap:var(--s-2);transform-origin:100% 100%;display:grid;position:absolute}.shiftlight{background:var(--dusk-800);height:14px;color:var(--dusk-400);text-shadow:none;place-items:center;font-size:10px;font-weight:800;line-height:1;display:grid;transform:skew(-10deg)}.shiftlight.on{background:var(--signal-red);color:var(--dusk-950);box-shadow:0 0 18px var(--signal-red)}.shiftlight.limiter{animation:.125s step-end infinite hud-blink}.tach{align-items:end;gap:3px;height:38px;display:flex}.tach i{background:var(--dusk-700);flex:1;transform:skew(-10deg)}.tach i.red{box-shadow:inset 0 -3px 0 var(--signal-red)}.tach i.lit{background:var(--chalk-100)}.tach i.lit.hot{background:var(--sodium-400)}.tach i.lit.red{background:var(--signal-red);box-shadow:none}.tach-scale{color:var(--haze-300);font-variant-numeric:tabular-nums;justify-content:space-between;padding-right:64px;font-size:11px;display:flex;position:relative}.tach-scale .red{color:var(--signal-red)}.tach-scale em{font-style:normal;position:absolute;right:0}.readouts{align-items:end;gap:var(--s-5);grid-template-columns:auto 1fr auto;display:grid}.gear{color:var(--chalk-100);display:grid}.gear.flash{color:var(--sodium-400)}.gear .label{font-size:11px}.gear-d{align-items:end;gap:var(--s-2);display:flex}.gear-sub{color:var(--haze-300);padding-bottom:4px}.speed{align-items:end;gap:var(--s-2);justify-self:end;display:flex}.unit{font-size:var(--text-sm);color:var(--haze-300);font-weight:700}.mode{font-size:var(--text-xs);padding:4px var(--s-2);box-shadow:inset 0 0 0 1px var(--dusk-600);color:var(--haze-300);align-self:end;margin-bottom:6px;font-weight:800}.mode.manual{color:var(--dusk-950);background:var(--sodium-400);box-shadow:none;text-shadow:none}.boost{align-items:center;gap:var(--s-3);padding-top:var(--s-2);border-top:1px solid var(--dusk-600);grid-template-columns:auto 1fr auto auto;display:grid}.boost .key{min-width:22px;height:22px;font-size:var(--text-xs)}.boost-bar{background:var(--dusk-800);height:12px;overflow:hidden;transform:skew(-10deg)}.boost-fill{background:repeating-linear-gradient(90deg, var(--sodium-400) 0 10px, var(--sodium-600) 10px 12px);height:100%;transition:width 90ms linear}.boost.active .boost-fill{background:var(--chalk-100)}.boost.active .label{color:var(--chalk-100)}.boost.full .boost-bar{animation:1.2s ease-in-out infinite hud-glow}.boost-pct{text-align:right;font-variant-numeric:tabular-nums;min-width:4ch;font-weight:800}.gear-hint{right:var(--hud-inset);align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--glass);border-left:3px solid var(--sodium-400);text-shadow:none;animation:hud-toast-in var(--t-med) var(--ease-out) both;font-weight:650;display:flex;position:absolute;bottom:300px}.gear-hint.refused{border-left-color:var(--signal-red)}.nametag{align-items:center;gap:var(--s-2);padding:3px var(--s-2);background:var(--scrim);font-size:var(--text-sm);white-space:nowrap;border-bottom:2px solid var(--paint);font-weight:650;display:flex;position:absolute;transform:translate(-50%,-100%)}.nametag.ringed{box-shadow:0 2px 0 var(--dusk-900), 0 4px 0 var(--ring)}.nametag .pos{font-variant-numeric:tabular-nums;font-weight:800}.nametag.paused{border-bottom-color:var(--dusk-400);color:var(--haze-300)}.nametag .tag{align-items:center;gap:var(--s-1);font-size:var(--text-xs);padding:2px var(--s-2);color:var(--haze-300);box-shadow:inset 0 0 0 1px var(--dusk-600);font-weight:700;display:inline-flex}.nametag .tag .icon{width:14px;height:14px}.ghost-tag{border-bottom-color:var(--timing-purple);color:var(--timing-purple)}.ghost-tag .icon{width:16px;height:16px}.swatch{background:var(--paint);flex:none;width:14px;height:14px;display:inline-block;transform:skew(-10deg)}.banner{justify-items:center;gap:var(--s-2);padding:var(--s-4) var(--s-8);background:var(--scrim);white-space:nowrap;clip-path:polygon(24px 0,100% 0,calc(100% - 24px) 100%,0 100%);animation:hud-banner-in var(--t-med) var(--ease-out) both;display:grid;position:absolute;top:150px;left:50%;transform:translate(-50%)}.has-chip .banner{top:120px}.has-chip.has-note .banner{top:156px}.banner-sub{font-size:var(--text-lg);font-variant-numeric:tabular-nums;font-weight:650}.banner-note{font-size:var(--text-sm);color:var(--haze-300)}.b-final{color:var(--sodium-400)}.b-wrong{color:var(--signal-red);border-top:3px solid var(--signal-red);border-bottom:3px solid var(--signal-red);animation:hud-banner-in var(--t-med) var(--ease-out) both, hud-pulse .5s ease-in-out infinite}.b-best{color:var(--timing-purple);background:linear-gradient(100deg, transparent 40%, var(--purple-a18) 50%, transparent 60%) 0 0 / 300% 100%, var(--scrim);animation:hud-banner-in var(--t-med) var(--ease-out) both, hud-sweep var(--t-slow) var(--ease-out) 1 both}.banner-time{align-items:center;gap:var(--s-4);color:var(--chalk-100);font-size:var(--text-sm);display:flex}.b-winner{color:var(--sodium-400)}.b-winner .banner-sub{color:var(--chalk-100);align-items:center;gap:var(--s-2);display:flex}.b-finish,.has-chip .b-finish{color:var(--chalk-100);top:34%}.letterbox{background:var(--dusk-950);height:9%;position:absolute;left:0;right:0}.letterbox.top{top:0}.letterbox.bottom{bottom:0}.is-finished .hud-pos,.is-finished .hud-right,.is-finished .strip{display:none}.finish-chip{top:var(--hud-inset);align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--signal-red);color:var(--dusk-950);text-shadow:none;white-space:nowrap;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%)}.finish-note,.finish-wait{padding:var(--s-2) var(--s-4);background:var(--scrim);font-size:var(--text-sm);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.finish-note{top:104px}.finish-wait{bottom:140px}.drift-pop{padding:var(--s-3) var(--s-6);background:var(--scrim);justify-items:center;gap:var(--s-1);color:var(--sodium-400);animation:hud-rise .9s var(--ease-out) both;display:grid;position:absolute;top:36%;left:50%;transform:translate(-50%)}.drift-label{color:var(--chalk-100);font-weight:800}.drift-boost{font-size:var(--text-sm);color:var(--chalk-100);font-weight:650}.prompt{width:max-content;max-width:520px;padding:var(--s-4) var(--s-6);background:var(--glass);border-left:4px solid var(--sodium-400);gap:var(--s-2);font-size:var(--text-lg);text-shadow:none;animation:hud-toast-in var(--t-med) var(--ease-out) both;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%)}.prompt-title{color:var(--sodium-400);font-weight:800}.toast{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);background:var(--dusk-700);white-space:nowrap;animation:hud-toast-in var(--t-med) var(--ease-out) both;font-weight:600;display:flex;position:absolute}.toast .icon{color:var(--go-green)}.toast.disconnected .icon{color:var(--haze-300)}.pad-toast{left:50%;top:var(--hud-inset);transform:translate(-50%)}.has-chip .pad-toast{top:104px}.feed{max-width:380px;padding:var(--s-3) var(--s-4);background:var(--scrim);font-size:var(--text-sm);gap:var(--s-2);display:grid}.feed p{gap:var(--s-2);align-items:baseline;display:flex}.standings{width:300px;padding:var(--s-2) 0;background:var(--scrim);font-size:var(--text-sm);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));margin:0;list-style:none}.st-row{align-items:center;column-gap:var(--s-3);height:32px;padding:0 var(--s-4);grid-template-columns:24px 12px minmax(0,1fr) auto;display:grid;position:relative}.st-place{color:var(--chalk-100);justify-content:center;display:flex}.st-place.dnf{color:var(--haze-300);font-size:11px;font-weight:800}.st-row .swatch{width:12px;height:12px}.st-row.p1{--paint:var(--paint-1)}.st-row.p2{--paint:var(--paint-2)}.st-row.p3{--paint:var(--paint-3)}.st-row.p4{--paint:var(--paint-4)}.st-row.p5{--paint:var(--paint-5)}.st-row.p6{--paint:var(--paint-6)}.st-row.p7{--paint:var(--paint-7)}.st-row.p8{--paint:var(--paint-8)}.st-row.r1{--ring:var(--paint-1)}.st-row.r2{--ring:var(--paint-2)}.st-row.r3{--ring:var(--paint-3)}.st-row.r4{--ring:var(--paint-4)}.st-row.r5{--ring:var(--paint-5)}.st-row.r6{--ring:var(--paint-6)}.st-row.r7{--ring:var(--paint-7)}.st-row.r8{--ring:var(--paint-8)}.st-row.ringed .swatch{box-shadow:0 0 0 2px var(--dusk-900), 0 0 0 4px var(--ring)}.st-row.you.ringed .swatch{outline-offset:6px}.st-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.st-gap{justify-self:end;align-items:center;gap:var(--s-2);font-variant-numeric:tabular-nums;color:var(--haze-300);font-weight:650;display:inline-flex}.st-gap .tag{align-items:center;gap:var(--s-1);font-size:var(--text-xs);color:var(--haze-300);box-shadow:inset 0 0 0 1px var(--dusk-600);padding:1px 6px;font-weight:700;display:inline-flex}.st-gap .tag .icon{width:14px;height:14px}.st-row.you{background:var(--chalk-a06)}.st-row.you:before{content:"";background:var(--sodium-400);width:4px;position:absolute;top:4px;bottom:4px;left:0}.st-row.you .swatch{outline:2px solid var(--sodium-400);outline-offset:2px}.st-row.you .st-name{font-weight:750}.st-row.you .st-gap,.st-row.done .st-gap{color:var(--chalk-100)}.checkered{background:conic-gradient(var(--chalk-100) 0 25%, var(--dusk-950) 0 50%, var(--chalk-100) 0 75%, var(--dusk-950) 0);width:10px;height:10px;box-shadow:0 0 0 1px var(--chalk-100);flex:none;transform:skew(-10deg)}.st-row.away .st-name,.st-row.out .st-name{color:var(--haze-300)}.st-row.out .st-name{font-weight:500}.st-row.gain .st-place{color:var(--go-green)}.st-row.loss .st-place{color:var(--signal-red)}.st-row.moving{transition:translate .2s var(--ease-out)}.st-gap>*{animation:hud-fade-in var(--t-fast) linear both}.hud-left.finished{top:calc(9% + var(--s-4))}@container hud (width<=1439px){.hud-right{gap:var(--s-4)}.hud-times dl{gap:var(--s-1)}.hud-times dl>div+div{padding-top:var(--s-1)}.hud-map{padding:var(--s-2)}.cluster{scale:.85}.minimap{width:200px;height:200px}.strip{max-width:calc(100% - 425px - 3 * var(--hud-inset))}.gear-hint{bottom:260px}}@keyframes hud-toast-in{0%{opacity:0;translate:0 12px}}@keyframes hud-banner-in{0%{opacity:0;transform:translate(-56%)skew(-10deg)}}@keyframes hud-pulse{50%{opacity:.55}}@keyframes hud-blink{50%{opacity:.15}}@keyframes hud-rise{0%{opacity:0;translate:0 16px}20%{opacity:1;translate:0}70%{opacity:1}to{opacity:0;translate:0 -16px}}@keyframes hud-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hud-glow{50%{filter:drop-shadow(0 0 10px var(--sodium-400))}}@keyframes hud-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.gear-hint,.prompt,.toast,.banner,.b-best{animation:hud-fade-in var(--t-fast) linear both}.b-wrong,.shiftlight.limiter,.boost.full .boost-bar,.drift-pop{animation:none}.boost.full .boost-bar{filter:drop-shadow(0 0 10px var(--sodium-400))}.boost-fill,.st-row.moving,.hud-left{transition:none}.st-gap>*{animation:none}}.hud-reduced-motion .gear-hint,.hud-reduced-motion .prompt,.hud-reduced-motion .toast,.hud-reduced-motion .banner{animation:hud-fade-in var(--t-fast) linear both}.hud-reduced-motion .b-wrong,.hud-reduced-motion .drift-pop,.hud-reduced-motion .st-gap>*{animation:none}.hud-reduced-motion .st-row.moving,.hud-reduced-motion .hud-left{transition:none}.touch-controls{--tc-left:max(env(safe-area-inset-left,0px), 20px);--tc-right:max(env(safe-area-inset-right,0px), 20px);--tc-top:max(env(safe-area-inset-top,0px), 8px);--tc-bottom:max(env(safe-area-inset-bottom,0px), 12px);--zone-w:108px;--zone-h:128px;--pedal-w:88px;--brake-w:84px;--brake-h:112px;--btn-h:48px;--gap:10px;--pause-size:48px;z-index:2;pointer-events:none;font-family:var(--font-ui);color:var(--chalk-100);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.touch-controls[hidden]{display:none}.touch-controls *,.touch-controls :before,.touch-controls :after{box-sizing:border-box}@media (width>=1000px) and (height>=700px){.touch-controls{--tc-left:max(env(safe-area-inset-left,0px), 24px);--tc-right:max(env(safe-area-inset-right,0px), 24px);--tc-top:max(env(safe-area-inset-top,0px), 24px);--tc-bottom:max(env(safe-area-inset-bottom,0px), 20px);--zone-w:140px;--zone-h:168px;--pedal-w:112px;--brake-w:108px;--brake-h:156px;--btn-h:60px;--gap:14px;--pause-size:60px}}.touch-controls .tc{pointer-events:auto;gap:var(--gap);padding-bottom:var(--tc-bottom);flex-direction:column;display:flex;position:absolute;bottom:0}.touch-controls .tc-steer{padding-left:var(--tc-left);align-items:flex-start;padding-top:14px;padding-right:36px;left:0}.touch-controls .tc-pedals{grid-template-columns:var(--brake-w) var(--pedal-w);grid-template-rows:var(--btn-h) var(--brake-h);padding-right:var(--tc-right);grid-template-areas:"ebrake throttle""brake throttle";align-items:end;padding-left:40px;display:grid;right:0}.touch-controls .tc-pedals[data-manual=true]{grid-template-rows:var(--btn-h) var(--btn-h) var(--brake-h);grid-template-areas:".shift""ebrake throttle""brake throttle"}.touch-controls[data-hand=left] .tc-steer{padding-left:36px;padding-right:var(--tc-right);align-items:flex-end;left:auto;right:0}.touch-controls[data-hand=left] .tc-pedals{grid-template-columns:var(--pedal-w) var(--brake-w);padding-left:var(--tc-left);grid-template-areas:"throttle ebrake""throttle brake";padding-right:40px;left:0;right:auto}.touch-controls[data-hand=left] .tc-pedals[data-manual=true]{grid-template-areas:"shift.""throttle ebrake""throttle brake"}.tc-pedals .throttle{grid-area:throttle}.tc-pedals .brake{grid-area:brake}.tc-pedals .ebrake{grid-area:ebrake}.tc-pedals .shift{grid-area:shift;width:100%}.touch-controls .tc-row{align-items:end;gap:var(--gap);display:flex}[data-hand=left] .tc-row{flex-direction:row-reverse}.touch-controls .tctl{appearance:none;cursor:pointer;color:var(--chalk-100);background:color-mix(in srgb, var(--dusk-950) 62%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--haze-300) 70%, transparent);font-family:inherit;font-size:var(--text-xs);clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));border:0;align-content:center;place-items:center;gap:2px;margin:0;padding:0;font-weight:700;transition:background 60ms linear,color 60ms linear,transform 60ms linear;display:grid;position:relative}.touch-controls .tctl:focus-visible{outline:3px solid var(--sodium-400);outline-offset:-3px}.touch-controls .tctl .icon{width:28px;height:28px}.touch-controls .tctl.is-down{background:var(--sodium-400);color:var(--dusk-950);box-shadow:none;transform:scale(.96)}.touch-controls .zone{width:var(--zone-w);height:var(--zone-h)}.touch-controls .zone .icon{stroke-width:2.5px;width:40px;height:40px}.touch-controls .btn-ctl{height:var(--btn-h);width:var(--brake-w);font-size:var(--text-sm)}.touch-controls .shift{width:64px;height:var(--btn-h);font-size:var(--text-sm);grid-auto-flow:column;justify-content:center;gap:6px}.touch-controls .shift .lt{width:auto;height:20px}.touch-controls .shift .lt path{stroke:currentColor}.touch-controls .pedal{align-content:end;padding-bottom:12px;overflow:hidden}.touch-controls .pedal:before{content:"";background:repeating-linear-gradient(-10deg, var(--dusk-600) 0 3px, transparent 3px 14px);opacity:.9;position:absolute;inset:22px 18px 40px}.touch-controls .pedal.is-down:before{background:repeating-linear-gradient(-10deg, var(--sodium-600) 0 3px, transparent 3px 14px)}.touch-controls .pedal-label{font-size:var(--text-sm);position:relative}.touch-controls .throttle{width:var(--pedal-w);height:100%;padding-left:12px}.touch-controls .brake{width:var(--brake-w);height:var(--brake-h)}[data-hand=left] .throttle{padding-left:0;padding-right:12px}.touch-controls .boost-rail{background:var(--dusk-950);width:8px;position:absolute;top:0;bottom:0;left:0}[data-hand=left] .boost-rail{left:auto;right:0}.touch-controls .boost-rail i{background:repeating-linear-gradient(0deg, var(--sodium-400) 0 6px, var(--sodium-600) 6px 8px);height:0;position:absolute;bottom:0;left:0;right:0}.touch-controls .x2{color:var(--haze-300);justify-items:center;line-height:1;display:grid;position:absolute;top:10px;left:50%;transform:translate(-40%)}.touch-controls .x2 b{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:800}.touch-controls .x2 span{margin-top:2px;font-size:11px;font-weight:700}.touch-controls .x2.ready{color:var(--sodium-400)}.touch-controls .throttle.is-down .x2,.touch-controls .throttle.is-boost .x2{color:var(--dusk-950)}.touch-controls .throttle.is-boost{background:var(--sodium-400);color:var(--dusk-950);box-shadow:inset 0 0 0 3px var(--chalk-100);transform:scale(.96)}.touch-controls .throttle.is-boost:before{background:repeating-linear-gradient(-10deg, var(--sodium-600) 0 3px, transparent 3px 14px)}.touch-controls .steer-slider{width:calc(var(--zone-w) * 2 + var(--gap));background:color-mix(in srgb, var(--dusk-950) 62%, transparent);height:76px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--haze-300) 70%, transparent);clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));position:relative}.touch-controls .steer-slider .track{background:var(--dusk-400);height:4px;position:absolute;top:calc(50% - 2px);left:18px;right:18px}.touch-controls .steer-slider .mid{background:var(--haze-300);width:2px;margin-left:-1px;position:absolute;top:22px;bottom:22px;left:50%}.touch-controls .steer-slider .thumb{background:var(--chalk-100);width:46px;height:56px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)skew(-10deg)}.touch-controls .steer-slider .thumb.is-down{background:var(--sodium-400)}.touch-controls .steer-slider .fill{background:var(--sodium-400);width:0;height:4px;position:absolute;top:calc(50% - 2px)}.touch-controls .tilt-hud{align-items:end;gap:var(--gap);display:flex}.touch-controls .tilt-read{cursor:default;grid-template-rows:auto 1fr;place-items:stretch stretch;gap:6px;width:196px;height:64px;padding:8px 12px 10px;display:grid}.touch-controls .tilt-read .tl{white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.touch-controls .tilt-read .tl .icon{width:16px;height:16px}.touch-controls .tilt-read .tl em{color:var(--haze-300);font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal;font-weight:600}.touch-controls .tgauge{height:18px;position:relative}.touch-controls .tgauge .rail{background:var(--dusk-400);height:2px;position:absolute;top:8px;left:0;right:0}.touch-controls .tgauge .dz{background:var(--dusk-600);height:10px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.touch-controls .tgauge .c{background:var(--haze-300);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.touch-controls .tgauge .fill{background:var(--sodium-400);width:0;height:4px;position:absolute;top:7px}.touch-controls .tgauge .mk{background:var(--chalk-100);width:10px;height:18px;margin-left:-5px;position:absolute;top:0;left:50%;transform:skew(-10deg)}.touch-controls .recal{width:52px;height:64px;font-size:11px}.touch-controls .recal .icon{width:24px;height:24px}@media (width>=1000px) and (height>=700px){.touch-controls .tilt-read{width:260px;height:80px}.touch-controls .recal{width:64px;height:80px}}.touch-controls .touch-pause{top:var(--tc-top);right:var(--tc-right);width:var(--pause-size);height:var(--pause-size);pointer-events:auto;position:absolute}.touch-controls .touch-pause .icon{width:28px;height:28px}.touch-controls .toast{font-size:var(--text-sm);white-space:nowrap;padding:8px 16px;top:104px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.touch-controls .tctl,.touch-controls .tctl.is-down,.touch-controls .throttle.is-boost{transition:none;transform:none}}.notice{background:var(--dusk-800);border-left:3px solid var(--sodium-400);font-size:var(--text-sm);grid-template-columns:24px 1fr;gap:4px 12px;padding:12px 14px;display:grid}.notice>.icon{color:var(--sodium-400)}.notice b{font-size:var(--text-md)}.notice .notice-body{color:var(--haze-300);grid-column:2}.notice .acts{grid-column:2;gap:10px;margin-top:6px;display:flex}.notice .btn-sm{min-height:44px;font-size:var(--text-sm)}html,body{background:var(--dusk-950);height:100%;font-family:var(--font-ui);color:var(--chalk-100);margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas.scene{width:100%;height:100%;display:block}.practice-card{background:var(--scrim);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.practice-card[hidden]{display:none}.practice-card__panel{width:min(820px,100% - 40px);padding:var(--s-6) var(--s-7);background:var(--dusk-900);border:1px solid var(--chalk-a12)}.practice-card h1{margin:0 0 var(--s-2);font-size:var(--text-2xl)}.practice-card__lead{margin:0 0 var(--s-5);color:var(--haze-300);line-height:1.5}.practice-card__columns{gap:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.practice-card__controls h2{margin:0 0 var(--s-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--haze-300)}.practice-card__controls table{border-collapse:collapse;font-size:var(--text-md)}.practice-card__controls td{padding:var(--s-1) var(--s-3) var(--s-1) 0;vertical-align:top}.practice-card kbd{border:1px solid var(--chalk-a12);background:var(--chalk-a06);min-width:1.6em;font-family:var(--font-ui);font-size:var(--text-sm);text-align:center;padding:1px 6px;display:inline-block}.practice-card__settings{gap:var(--s-3);margin-top:var(--s-5);display:grid}.practice-card__setting{align-items:center;gap:var(--s-3);display:flex}.practice-card__label{min-width:80px;font-weight:700}.practice-card__button{min-width:120px;padding:var(--s-2) var(--s-4);border:1px solid var(--chalk-a12);background:var(--chalk-a06);color:var(--chalk-100);font:600 var(--text-md) var(--font-ui);cursor:pointer}.practice-card__button:hover,.practice-card__button:focus-visible{background:var(--chalk-a12);outline:2px solid var(--sodium-400);outline-offset:2px}.practice-card__note{font-size:var(--text-sm);color:var(--haze-300)}.practice-card__start{margin:var(--s-5) 0 0;color:var(--sodium-400);font-weight:700}.lil-gui.root{--width:320px}.practice-card--touch{touch-action:pan-y;padding:max(env(safe-area-inset-top,0px), 12px) max(env(safe-area-inset-right,0px), 20px) max(env(safe-area-inset-bottom,0px), 12px) max(env(safe-area-inset-left,0px), 20px);overflow-y:auto}.practice-card--touch .practice-card__panel{padding:var(--s-5) var(--s-6);margin:auto}.practice-card__head{justify-content:space-between;align-items:center;gap:var(--s-5);margin-bottom:var(--s-2);display:flex}.practice-card__head h1{margin:0}.practice-card--touch .practice-card__button{min-height:44px}.practice-card__drive{isolation:isolate;min-height:52px;padding:0 var(--s-6);color:var(--dusk-950);font:650 var(--text-lg) var(--font-ui);cursor:pointer;background:0 0;border:0;flex:none;align-items:center;margin:0;display:flex;position:relative}.practice-card__drive:before,.practice-card__drive:after{content:"";z-index:-1;clip-path:polygon(0 0, calc(100% - var(--chamfer)) 0, 100% var(--chamfer), 100% 100%, var(--chamfer) 100%, 0 calc(100% - var(--chamfer)));position:absolute}.practice-card__drive:before{background:var(--sodium-400);inset:0}.practice-card__drive:after{z-index:-2;background:var(--chalk-100);opacity:0;inset:-4px}.practice-card__drive:hover:before{filter:brightness(1.08)}.practice-card__drive:active{transform:translateY(1px)}.practice-card__drive:focus-visible{outline:none}.practice-card__drive:focus-visible:after{opacity:1}