.km{pointer-events:none;isolation:isolate;--ink-2:#17100b;--ink-warm:#1a1208;--ink-c:#1c0f07ed;--paper:#fff4e2;--dim:#f0dcbea8;--gold:#ffcf6b;--sky-warm:#ffd0a0;--kerb-red:#e0453f;--boost-blue:#4fc3ff;--sea-shallow:#3fc9c4;--tier:#a8b6cc;--accent:var(--sky-warm);--safe:clamp(14px, 3.9vmin, 60px);--safe-x:calc(var(--safe) * 1.28);--r:clamp(8px, 1.5vmin, 22px);--ch:clamp(11px, 2.1vmin, 32px);--pad:clamp(7px, 1.15vmin, 18px);--gutter:clamp(8px, 1.4vmin, 22px);--rim:1.5px;--rail:clamp(84px, 14.5vmin, 208px);--rail-top:clamp(56px, 9.1vmin, 130px);--map-w:clamp(138px, 19.4vmin, 284px);--map-h:clamp(72px, 11.1vmin, 162px);--plate-bg:linear-gradient(179deg, #54402f 0%, #3d2b1e 30%, #281a12 66%, #170e0a 100%);--plate-rim:linear-gradient(177deg, color-mix(in srgb, var(--accent) 72%, #fff6e6) 0%, color-mix(in srgb, var(--accent) 34%, #ffe2ba57) 16%, #96704a66 46%, #180c05e0 100%);--plate-shadow:drop-shadow(0 .16vmin .28vmin #140a0494) drop-shadow(0 1vmin 2vmin #180c057a);--t1:clamp(9px, 1.28vmin, 16px);--t2:clamp(12px, 1.72vmin, 22px);--t3:clamp(17px, 2.45vmin, 31px);--t4:clamp(26px, 3.75vmin, 48px);--t5:clamp(32px, 4.9vmin, 62px);--t6:clamp(44px, 6.7vmin, 86px);--gold-ramp:linear-gradient(180deg, #fffdf6 5%, #ffe7ae 45%, #f7ae3c 84%, #e07c14 100%);--gold-glow:drop-shadow(0 0 0 #0000);--f:"Avenir Next", "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--fd:"Avenir Next Condensed", "Roboto Condensed", "PT Sans Narrow", "Arial Narrow", "Helvetica Neue Condensed", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", var(--f);--ring:.055em 0 0 var(--ink-c), -.055em 0 0 var(--ink-c), 0 .055em 0 var(--ink-c), 0 -.055em 0 var(--ink-c), .039em .039em 0 var(--ink-c), -.039em .039em 0 var(--ink-c), .039em -.039em 0 var(--ink-c), -.039em -.039em 0 var(--ink-c), 0 .07em .14em #160b049e;--ring-s:.07em 0 0 var(--ink-c), -.07em 0 0 var(--ink-c), 0 .07em 0 var(--ink-c), 0 -.07em 0 var(--ink-c), .05em .05em 0 var(--ink-c), -.05em .05em 0 var(--ink-c), .05em -.05em 0 var(--ink-c), -.05em -.05em 0 var(--ink-c);--e-out:cubic-bezier(.16, .84, .44, 1);--e-soft:cubic-bezier(.33, 0, .16, 1);--e-spring:cubic-bezier(.34, 1.56, .64, 1);font-family:var(--fd);color:var(--paper);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1, "case" 1, "ss01" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden}.km-plate,.km-lap,.km-timer,.km-pos,.km-item-frame,.km-speed-face,.km-pill,.km-toast{background:var(--plate-rim);border-radius:var(--r);clip-path:var(--clip,none);filter:var(--plate-shadow);border:0;position:relative}.km-plate:before,.km-lap:before,.km-timer:before,.km-pos:before,.km-item-frame:before,.km-speed-face:before,.km-pill:before,.km-toast:before{content:"";inset:var(--rim);border-radius:inherit;background:var(--plate-bg);clip-path:var(--clip,none);pointer-events:none;z-index:-1;position:absolute;box-shadow:inset 0 -.55vmin 1.3vmin #ffac6229}.km{--clip-br:polygon(0 0, 100% 0, 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, 0 100%);--clip-bl:polygon(0 0, 100% 0, 100% 100%, var(--ch) 100%, 0 calc(100% - var(--ch)));--clip-tr:polygon(0 0, calc(100% - var(--ch)) 0, 100% var(--ch), 100% 100%, 0 100%);--clip-tl:polygon(var(--ch) 0, 100% 0, 100% 100%, 0 100%, 0 var(--ch));--clip-b2:polygon(0 0, 100% 0, 100% calc(100% - var(--ch)), calc(100% - var(--ch)) 100%, var(--ch) 100%, 0 calc(100% - var(--ch)))}.km-well,.km-item-frame:after{border-radius:calc(var(--r) * .6);clip-path:var(--clip,none);background:#120a0585;box-shadow:inset 0 .35vmin .9vmin #0e0703ad,inset 0 -.12vmin #ffe2ba24}.km-lock-l,.km-line-v,.km-item-count{font-family:var(--fd);letter-spacing:.01em;color:var(--paper);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;text-shadow:var(--ring);paint-order:stroke fill;font-weight:900}.km-lock{display:inline-block;position:relative}.km-lock-l{white-space:nowrap;align-items:baseline;display:flex}.km-label{font-family:var(--fd);font-size:var(--t1);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 52%, var(--dim));text-shadow:var(--ring-s);font-weight:700;line-height:1}.km-gold{background-image:var(--gold-ramp);color:#0000;text-shadow:none;filter:var(--gold-glow);-webkit-background-clip:text;background-clip:text}.km-vig,.km-boost,.km-drift,.km-flash{pointer-events:none;will-change:opacity;position:absolute;inset:0}.km-vig{opacity:0;background:radial-gradient(74% 64% at 50% 52%,#04071200 42%,#0407126b 78%,#03050ed1 100%)}.km-boost{mix-blend-mode:screen;opacity:0;background:radial-gradient(62% 56%,#ffb05000 68%,#ff983e29 88%,#ff742c57 100%),radial-gradient(130% 26% at 50% 112%,#ffce8238,#ffce8200 70%)}.km-drift{background:radial-gradient(ellipse 72% 64% at 50% 54%, transparent 64%, var(--tier) 116%);mix-blend-mode:screen;opacity:0;transition:background .22s var(--e-out)}.km-charge{pointer-events:none;opacity:0;--fill:0;--cc:#a8b6cc;--cn:var(--boost-blue);--pulse:1.1s;--pulse-lo:.84;will-change:opacity;position:absolute;inset:0}.km-charge-e{width:clamp(30px,5.4vmin,90px);position:absolute;top:0;bottom:0;overflow:hidden}.km-charge-e:after{content:"";opacity:0;background:linear-gradient(0deg,#0000 calc(33.333% - 3px),#1e1007e0 calc(33.333% - 3px) calc(33.333% - 1px),#fff6e6f5 calc(33.333% - 1px) calc(33.333% + 1px),#1e1007e0 calc(33.333% + 1px) calc(33.333% + 3px),#0000 calc(33.333% + 3px)),linear-gradient(0deg,#0000 calc(66.666% - 3px),#1e1007e0 calc(66.666% - 3px) calc(66.666% - 1px),#fff6e6f5 calc(66.666% - 1px) calc(66.666% + 1px),#1e1007e0 calc(66.666% + 1px) calc(66.666% + 3px),#0000 calc(66.666% + 3px));transition:opacity .14s linear;position:absolute;inset:0}.km-charge.drifting .km-charge-e:after{opacity:1}.km-charge-e.l{left:calc(env(safe-area-inset-left,0px) + 8px);transform-origin:0%;-webkit-mask-image:linear-gradient(90deg,#000 0%,#00000080 38%,#0000 100%);mask-image:linear-gradient(90deg,#000 0%,#00000080 38%,#0000 100%)}.km-charge-e.r{right:calc(env(safe-area-inset-right,0px) + 8px);transform-origin:100%;-webkit-mask-image:linear-gradient(270deg,#000 0%,#00000080 38%,#0000 100%);mask-image:linear-gradient(270deg,#000 0%,#00000080 38%,#0000 100%)}html[data-touch] .km-charge-e{top:calc(env(safe-area-inset-top,0px) + 4%);bottom:46%}.km-charge-e>i{height:100%;transform:translateY(calc((1 - var(--fill)) * 100%));will-change:transform;background:linear-gradient(to bottom, #fffaf0fa 0px, #fffaf0fa 4px, var(--cn) 5px, var(--cn) 20px, color-mix(in srgb, var(--cn) 55%, var(--cc)) 26px, var(--cc) 34px,  color-mix(in srgb, var(--cc) 90%, transparent) 22%, color-mix(in srgb, var(--cc) 74%, transparent) 56%, color-mix(in srgb, var(--cc) 58%, transparent) 100%),  linear-gradient(to bottom, #180d05cc 0%, #180d05a3 40%, #180d0580 100%);position:absolute;top:0;left:0;right:0}.km-charge.t1{--pulse:1.1s;--pulse-lo:.84}.km-charge.t2{--pulse:.7s;--pulse-lo:.74}.km-charge.t3{--pulse:.4s;--pulse-lo:.6}.km-charge.boosting{--pulse:.4s;--pulse-lo:.7}.km-charge.t1 .km-charge-e>i,.km-charge.t2 .km-charge-e>i,.km-charge.t3 .km-charge-e>i,.km-charge.boosting .km-charge-e>i{animation:km-railPulse var(--pulse) var(--e-soft) infinite}@keyframes km-railPulse{0%,to{opacity:var(--pulse-lo)}50%{opacity:1}}.km-charge.pop .km-charge-e{animation:km-railPop .44s var(--e-out)}@keyframes km-railPop{0%{filter:brightness(2.6);transform:scaleX(2.4)}to{filter:brightness();transform:scaleX(1)}}.km-tierpop{pointer-events:none;opacity:0;--tc:var(--boost-blue);background:radial-gradient(ellipse 82% 74% at 50% 52%, transparent 54%, color-mix(in srgb, var(--tc) 30%, transparent) 82%, color-mix(in srgb, var(--tc) 82%, transparent) 100%), radial-gradient(ellipse 132% 120% at 50% 52%, transparent 72%, #fff8ec3d 100%);position:absolute;inset:0}.km-tierpop.run{animation:km-tierPop .42s var(--e-out) both}.km-tierpop.t3.run{animation:km-tierPop3 .58s var(--e-out) both}@keyframes km-tierPop{0%{opacity:.9;transform:scale(1.16)}26%{opacity:.72;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes km-tierPop3{0%{opacity:1;transform:scale(1.24)}20%{opacity:.8;transform:scale(1)}46%{opacity:.34;transform:scale(.995)}to{opacity:0;transform:scale(.98)}}.km-callout{margin-bottom:calc(var(--gutter) * .7);white-space:nowrap;opacity:0;transform-origin:100% 100%;--tc:var(--boost-blue);font-size:calc(var(--t2) * 1.2);justify-content:flex-end;align-items:baseline;gap:.45em;display:flex;position:absolute;bottom:100%;right:0}.km-callout-l{font-family:var(--fd);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--tc) 34%, #fff6e6);text-shadow:var(--ring-s), 0 0 .7vmin color-mix(in srgb, var(--tc) 85%, transparent), 0 0 1.8vmin color-mix(in srgb, var(--tc) 55%, transparent);font-size:1em;font-weight:900}.km-callout.t3 .km-callout-l{letter-spacing:.2em;text-indent:.2em;font-size:1.42em}.km-callout-x{font-family:var(--fd);color:var(--paper);text-shadow:var(--ring);opacity:0;font-size:1.34em;font-weight:900}.km-callout.chain .km-callout-x{opacity:1}.km-callout.run{animation:km-callout 1.15s var(--e-out) both}@keyframes km-callout{0%{opacity:1;transform:translateY(0)scale(1.34)}9%{opacity:1;transform:translateY(0)scale(1.06)}16%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.7vmin)scale(.97)}}.km-flash{opacity:0;background:radial-gradient(circle at 50% 48%,#fffdf4 0%,#ffe9c0 45%,#ffdca000 78%)}.km-flash.on{animation:km-flash .62s var(--e-out) both}@keyframes km-flash{0%{opacity:0;transform:scale(1.25)}9%{opacity:.92;transform:scale(1)}to{opacity:0;transform:scale(1.06)}}.km-flash.tick{animation:km-tick .44s var(--e-out) both;background:radial-gradient(circle at 50% 44%,#ffe2a0eb 0%,#ffb05457 42%,#ff963c00 76%)}@keyframes km-tick{0%{opacity:0;transform:scale(1.22)}11%{opacity:.34;transform:scale(1.02)}to{opacity:0;transform:scale(1.1)}}.km-hud{isolation:isolate;top:calc(var(--safe) + env(safe-area-inset-top,0px));right:calc(var(--safe-x) + env(safe-area-inset-right,0px));bottom:calc(var(--safe) + env(safe-area-inset-bottom,0px));left:calc(var(--safe-x) + env(safe-area-inset-left,0px));transition:opacity .55s var(--e-out), transform .6s var(--e-out), filter .42s var(--e-soft);position:absolute}.km.is-blocked .km-hud{opacity:0;filter:blur(8px);transform:scale(.965)}.km.is-dimmed .km-hud{opacity:.28;filter:blur(3px)saturate(.5)}.km.is-counting .km-hud{opacity:1;transform:translateY(.7vmin)scale(.985)}.km-tl,.km-tr{gap:var(--gutter);flex-direction:column;display:flex;position:absolute;top:0}.km-tl{align-items:flex-start;left:0}.km-tr{align-items:flex-end;right:0}.km-lap{--accent:var(--sky-warm);--clip:var(--clip-br);height:var(--rail-top);box-sizing:border-box;padding:0 calc(var(--pad) * 1.5) 0 calc(var(--pad) * 1.25);align-items:center;display:flex}.km-lap-in{transform-origin:0%;flex-direction:column;align-items:flex-start;gap:.3em;display:flex}.km-lap-in.punch{animation:km-punch .62s var(--e-spring) both}@keyframes km-punch{0%{transform:scale(1)}22%{transform:scale(1.12)}to{transform:scale(1)}}.km-lap-nums{font-size:var(--t5);line-height:.86}.km-lap-cur{letter-spacing:-.02em;font-size:1em;font-weight:900}.km-lap-sep{color:var(--dim);margin:0 .06em 0 .12em;font-size:.5em;font-weight:900;transform:translateY(-.05em)}.km-lap-tot{color:var(--dim);font-size:.52em;font-weight:900}.km-lap.final .km-lap-cur{color:var(--gold)}.km-lap.final{--accent:var(--gold)}.km-split{opacity:0;transform-origin:0%}.km-split.on{animation:km-split 2.5s var(--e-out) both}@keyframes km-split{0%{opacity:0;transform:translate(-1.6vmin)scale(.94)}9%{opacity:1;transform:translate(0)scale(1.02)}16%{transform:translate(0)scale(1)}82%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-1.2vmin)scale(.97)}}.km-pill,.km-line{font-size:var(--t1);justify-content:space-between;align-items:baseline;gap:1.4em;display:flex}.km-pill{padding:.55em .95em .6em}.km-line{border-top:1px solid #ffd6aa33;align-self:stretch;padding-top:.7em}.km-line-k{font-family:var(--fd);letter-spacing:.2em;text-transform:uppercase;color:var(--dim);white-space:nowrap;text-shadow:var(--ring-s);font-weight:700}.km-line-v{font-size:var(--t3)}.km-split.best{--accent:var(--gold)}.km-split.best .km-line-v,.km-bestpill.best-new .km-line-v{color:var(--gold)}.km-timer{--accent:var(--gold);--clip:var(--clip-bl);height:var(--rail-top);box-sizing:border-box;padding:0 calc(var(--pad) * 1.35);flex-direction:column;justify-content:center;align-items:center;gap:.3em;display:flex}.km-timer-v{font-size:var(--t5);letter-spacing:0;justify-content:center;font-weight:900;line-height:.94}.km-timer-v>span{flex:none}.km-t-m{text-align:right;width:1.06ch}.km-t-sep{text-align:center;width:.52ch;color:var(--dim)}.km-t-s{text-align:left;width:2.06ch}.km-t-f{text-align:left;color:#fff4e2c7;align-self:baseline;width:2.6ch;font-size:.64em}.km-bestpill{--accent:var(--gold);opacity:0;transform-origin:100% 0;transition:opacity .4s var(--e-out), transform .5s var(--e-out);transform:translateY(-.5vmin)scale(.96)}.km-tr.has-best .km-bestpill{opacity:1;transform:none}.km-pos{--accent:var(--gold);--clip:var(--clip-br);padding:calc(var(--pad) * .9) calc(var(--pad) * 1.6) var(--pad) calc(var(--pad) * 1.25);font-size:var(--t1);box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:.5em;width:clamp(176px,24vmin,348px);display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.km-pos-in{transform-origin:12% 60%;line-height:.8;font-size:var(--t6);position:relative}.km-pos-in .km-lock-l{align-items:flex-start}.km-pos-in.punch{animation:km-posPunch .72s var(--e-spring) both}@keyframes km-posPunch{0%{transform:scale(1)}20%{transform:scale(1.16)}52%{transform:scale(.98)}to{transform:scale(1)}}.km-pos-n{letter-spacing:-.035em;font-size:1em;font-weight:900}.km-pos-s{color:var(--dim);margin-top:.42em;margin-left:.14em;font-size:.36em;font-weight:900}.km-pos.p1 .km-pos-n,.km-pos.p1 .km-pos-s{color:var(--gold)}.km-pos-arrow{opacity:0;color:var(--paper);text-shadow:var(--ring-s);margin-left:.12em;font-size:.3em;font-weight:900;line-height:1;position:absolute;top:.06em;left:100%}.km-pos.gain .km-pos-arrow{color:#7ef0a4}.km-pos.loss .km-pos-arrow{color:#ff8a7a}.km-pos-arrow.run{animation:km-posArrow .68s var(--e-out) both}@keyframes km-posArrow{0%{opacity:0;transform:translateY(.5em)scale(.7)}22%{opacity:1;transform:translateY(0)scale(1.1)}34%{transform:translateY(0)scale(1)}68%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.35em)scale(.95)}}.km-rel{border-top:1px solid #ffd6aa33;grid-template-columns:.62em 1fr auto;align-self:stretch;align-items:center;gap:.6em;padding-top:.72em;display:grid}.km-rel-c{background:var(--c,#8fa0bb);width:.62em;height:.62em;box-shadow:0 0 0 1.5px #180d06e0, 0 0 .7vmin color-mix(in srgb, var(--c,#8fa0bb) 55%, transparent);border-radius:50%}.km-rel-n{font-family:var(--fd);font-size:var(--t2);letter-spacing:.06em;text-transform:uppercase;color:#fff4e2e6;text-shadow:var(--ring-s);white-space:nowrap;min-width:0;font-weight:900;overflow:hidden}.km-rel-v{font-size:calc(var(--t3) * .8);text-align:right;width:7.6ch;transition:color .3s var(--e-out);flex:none}.km-rel.ahead .km-rel-v{color:#7ef0a4}.km-rel.behind .km-rel-v{color:#ff9a86}.km-rel.none .km-rel-v{color:var(--dim)}.km-map{--accent:var(--sea-shallow);--clip:var(--clip-b2);width:var(--map-w);height:var(--map-h);position:absolute;top:0;left:50%;transform:translate(-50%)}.km-map .km-well{inset:calc(var(--pad) * .6);position:absolute;overflow:hidden}.km-map canvas{width:100%;height:100%;display:block}.km-item,.km-speed{height:var(--rail);position:absolute;bottom:0}.km-item{width:var(--rail);--accent:var(--sky-warm);--clip:var(--clip-tr);left:0}.km-item.has-item{--accent:var(--item-tint,var(--sky-warm))}.km-item-frame{transition:filter .3s var(--e-out);position:absolute;inset:0}.km-item-frame:after{content:"";position:absolute;inset:8%}.km-item-pulse{border-radius:var(--r);clip-path:var(--clip);opacity:0;animation:km-slotPulse 3.6s var(--e-soft) infinite;pointer-events:none;background:#ffe2ba8c;position:absolute;inset:0}.km-item-pulse:after{content:"";border-radius:inherit;clip-path:var(--clip);background:var(--plate-bg);position:absolute;inset:2px}.km-item.has-item .km-item-pulse,.km-item.spinning .km-item-pulse{opacity:0;animation:none}@keyframes km-slotPulse{0%,to{opacity:.06}50%{opacity:.42}}.km-item.has-item .km-item-frame{filter:var(--plate-shadow) drop-shadow(0 0 1.4vmin color-mix(in srgb, var(--item-tint,#fff) 60%, transparent))}.km-item.spinning .km-item-frame{filter:var(--plate-shadow) drop-shadow(0 0 1.8vmin #ffcf6bb3)}.km-item-icon{border-radius:calc(var(--r) * .6);clip-path:var(--clip);transform-origin:50% 56%;transition:transform .12s var(--e-out), opacity .26s var(--e-out);position:absolute;inset:8%;overflow:hidden}.km-item-icon canvas{width:100%;height:100%;display:block}.km-item.empty .km-item-icon{opacity:.34;filter:saturate(.35)brightness(.86)}.km-item.spinning .km-item-icon{opacity:.9;transform:scaleY(1.08)scaleX(.97)}.km-item-icon.land{animation:km-itemLand .72s var(--e-spring) both}@keyframes km-itemLand{0%{transform:scale(1.36)rotate(-4deg)}38%{transform:scale(.92)rotate(2deg)}66%{transform:scale(1.06)rotate(-1deg)}to{transform:scale(1)rotate(0)}}.km-item-count{text-align:center;border-radius:calc(var(--r) * .6);min-width:1.9em;font-size:var(--t2);color:var(--ink-warm);text-shadow:none;background:linear-gradient(180deg, #fff0c0, var(--gold));opacity:0;transition:opacity .24s var(--e-out), transform .34s var(--e-spring);padding:.16em .36em .2em;font-weight:900;position:absolute;bottom:-2%;right:-2%;transform:scale(.5);box-shadow:0 0 0 1.5px #281606bf,0 .35vmin 1vmin #160b049e}.km-item.multi .km-item-count{opacity:1;transform:scale(1)}.km-speed{width:calc(var(--rail) * 1.04);transform-origin:100% 100%;--accent:var(--kerb-red);--speed-s:1;right:0}html[data-touch] .km .km-speed{--speed-s:.82;transform:scale(var(--speed-s))}html[data-touch] .km .km-item{bottom:auto;top:env(safe-area-inset-top,0px);left:min(calc(env(safe-area-inset-left,0px) + 26vmin + 112px), calc(50% - (var(--map-w) / 2) - 12px - var(--rail-top)));width:var(--rail-top);height:var(--rail-top);--clip:var(--clip-br)}html[data-touch][data-touch-hand=left] .km .km-speed{transform-origin:100% 100%;right:0}html[data-touch][data-touch-hand=left] .km .km-pos{--clip:var(--clip-bl);align-items:flex-end;left:auto;right:0}.km-speed-face{--clip:var(--clip-tl);transform-origin:100% 100%;position:absolute;inset:0}.km-speed-face canvas{width:100%;height:100%;position:absolute;inset:0}.km-speed.tier{animation:km-dialPop .52s var(--e-spring) both}@keyframes km-dialPop{0%{transform:scale(calc(var(--speed-s) * 1.1))}to{transform:scale(var(--speed-s))}}.km-speed-face.surge{animation:km-dialSurge .62s var(--e-spring)}@keyframes km-dialSurge{0%{filter:var(--plate-shadow) drop-shadow(0 0 2.2vmin #ffc24af2);transform:scale(1.16)}34%{transform:scale(.985)}to{filter:var(--plate-shadow) drop-shadow(0 0 0 #ffc24a00);transform:scale(1)}}.km-speed-read{justify-content:center;align-items:baseline;gap:.28em;line-height:.86;display:flex;position:absolute;bottom:8%;left:0;right:0}.km-speed-n{font-size:var(--t4);letter-spacing:-.01em;width:3.05ch;font-weight:900}.km-speed-n .km-lock-l{justify-content:center}.km-speed-u{font-family:var(--fd);font-size:var(--t1);letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-shadow:var(--ring-s);font-weight:800}.km-speed.red .km-speed-n .km-lock-l{color:#ff9d6a}.km-speed.boosting .km-speed-n .km-lock-l{color:var(--gold)}.km-bottom{justify-content:center;align-items:flex-end;width:clamp(140px,26vmin,380px);display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.km-toasts{pointer-events:none;place-items:end center;width:100%;display:grid;position:relative}.km-toast{white-space:nowrap;font-family:var(--fd);font-size:var(--t2);letter-spacing:.1em;text-transform:uppercase;color:var(--paper);text-shadow:var(--ring-s);--accent:var(--tc,var(--sky-warm));animation:km-toast 2.4s var(--e-out) both;grid-area:1/1;align-items:center;gap:.7em;padding:.55em 1em .6em;font-weight:900;display:flex}.km-toast.out{animation:km-toastOut .18s var(--e-soft) both}.km-toast i{color:var(--tc,var(--gold));font-size:1.1em;font-style:normal;line-height:1}@keyframes km-toast{0%{opacity:0;transform:translateY(1.8vmin)scale(.9)}8%{opacity:1;transform:translateY(0)scale(1.02)}14%{transform:translateY(0)scale(1)}80%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-1.2vmin)scale(.97)}}@keyframes km-toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-.9vmin)scale(.94)}}.km-count{pointer-events:none;transition:opacity .45s var(--e-out);place-items:center;display:grid;position:absolute;inset:0}.km-count-stage{place-items:center;display:grid;position:relative;transform:translateY(-5vh)}.km-count-stage:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#160c0594 0%,#160c0547 46%,#160c0500 76%);border-radius:50%;width:66vmin;height:52vmin;position:absolute}.km-count-vig{opacity:0;pointer-events:none;background:radial-gradient(74% 64% at 50% 46%,#04071200 40%,#04071257 76%,#03050e99 100%);position:absolute;inset:0}.km-count-vig.run{animation:km-countVig .86s var(--e-out) both}@keyframes km-countVig{0%{opacity:0}14%{opacity:1}to{opacity:0}}.km-count-lights{background:linear-gradient(#3c2c1ec7,#140b05e6);border-radius:999px;gap:.75em;margin-bottom:.6em;padding:.42em .62em;font-size:clamp(18px,4.2vmin,58px);display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1.5px #ffd6aa4d,0 .5vmin 1.6vmin #140a049e}.km-count-lamp{width:1em;height:1em;transition:background .18s var(--e-out), box-shadow .18s var(--e-out);background:radial-gradient(circle at 38% 32%,#4a4038,#1c1510 70%);border-radius:50%;box-shadow:inset 0 0 0 1.5px #140b05e6,inset 0 .1em .16em #ffffff1a}.km-count-lights.l1 .km-count-lamp:first-child,.km-count-lights.l2 .km-count-lamp:nth-child(-n+2),.km-count-lights.l3 .km-count-lamp{background:radial-gradient(circle at 38% 32%, #ff9a80, var(--kerb-red) 62%, #8c1c18 100%);box-shadow:inset 0 0 0 1.5px #140b05e6,0 0 .9em #e0453fbf}.km-count-lights.go .km-count-lamp{background:radial-gradient(circle at 38% 32%,#d6ffd0,#4fd45e 60%,#17742e 100%);box-shadow:inset 0 0 0 1.5px #140b05e6,0 0 1.1em #5ae66ed9}.km-count-lights.run{animation:km-lamps .5s var(--e-spring) both}@keyframes km-lamps{0%{transform:translate(-50%)scale(.94)}40%{transform:translate(-50%)scale(1.045)}to{transform:translate(-50%)scale(1)}}.km-count-n{letter-spacing:-.04em;opacity:0;--gold-glow:drop-shadow(0 .014em .012em #1a1208f2) drop-shadow(0 .006em 0 #1a1208e6) drop-shadow(0 0 .1em #ffaa468c);font-size:clamp(140px,34vmin,480px);font-weight:900;line-height:1}.km-count-n.go{letter-spacing:-.02em;--gold-ramp:linear-gradient(180deg, #fdfff6 4%, #d6ffd0 36%, #6fe06a 72%, #1d9c38 100%);--gold-glow:drop-shadow(0 .014em .012em #061a0af2) drop-shadow(0 .006em 0 #061a0ae6) drop-shadow(0 0 .12em #3cdc5a80);font-size:clamp(110px,27vmin,380px)}.km-count-n.run{animation:km-countIn .62s var(--e-out) both}.km-count-n.go.run{animation:km-goIn .7s var(--e-spring) both}@keyframes km-countIn{0%{opacity:0;transform:scale(.42)}22%{opacity:1;transform:scale(1.22)}42%{transform:scale(.95)}62%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes km-goIn{0%{opacity:0;transform:scale(.44)rotate(-7deg)}30%{opacity:1;transform:scale(1.18)rotate(2deg)}52%{transform:scale(.98)rotate(0)}to{opacity:1;transform:scale(1.03)}}.km-count-ring{aspect-ratio:1;opacity:0;mix-blend-mode:screen;border:.5vmin solid #ffe2a0d9;border-radius:50%;width:clamp(150px,34vmin,500px);position:absolute;box-shadow:0 0 2.4vmin #ffbe5a80}.km-count-ring.run{animation:km-ring .9s var(--e-out) both}@keyframes km-ring{0%{opacity:.9;border-width:1.2vmin;transform:scale(.3)}to{opacity:0;border-width:.1vmin;transform:scale(1.85)}}.km-count-ticks{aspect-ratio:1;opacity:0;pointer-events:none;width:clamp(150px,34vmin,500px);position:absolute}.km-count-ticks svg{width:100%;height:100%;display:block}.km-count-ticks.run{animation:km-ticks .86s var(--e-out) both}@keyframes km-ticks{0%{opacity:0;transform:scale(.72)rotate(-6deg)}18%{opacity:.95;transform:scale(1.02)rotate(0)}to{opacity:0;transform:scale(1.42)rotate(4deg)}}.km-screens{position:absolute;inset:0}.km-screen{opacity:0;visibility:hidden;transition:opacity .42s var(--e-soft), transform .55s var(--e-out), visibility 0s linear .5s;place-items:center;display:grid;position:absolute;inset:0;transform:scale(1.03)}.km-screen.on{opacity:1;visibility:visible;transition:opacity .4s var(--e-out), transform .6s var(--e-out), visibility 0s;transform:scale(1)}.km-screen:before{content:"";-webkit-backdrop-filter:blur(14px)saturate(1.25)brightness(.82);background:radial-gradient(90% 80% at 50% 42%,#1a0f094d,#120a05cc 82%),linear-gradient(200deg,#3a22166b,#140b069e);position:absolute;inset:0}.km-screen>.km-screen-in{width:min(150vmin,94vw);padding:calc(var(--safe) + env(safe-area-inset-top,0px)) calc(var(--safe-x) + env(safe-area-inset-right,0px)) calc(var(--safe) + env(safe-area-inset-bottom,0px)) calc(var(--safe-x) + env(safe-area-inset-left,0px));flex-direction:column;align-items:center;display:flex;position:relative}.km-screen.on .km-stage{animation:km-stage .72s var(--e-out) both}@keyframes km-stage{0%{opacity:0;transform:translateY(3.2vmin)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.km-logo{width:min(112vmin,88vw);max-height:52vh;display:block}.km-logo .km-logo-rays{transform-origin:450px 200px;animation:42s linear infinite km-rays}@keyframes km-rays{to{transform:rotate(360deg)}}.km-logo-wm{font-family:var(--f);font-weight:900}.km-sub{letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;color:#ffe2aedb;text-shadow:0 .1em .4em #140a04e6;margin-top:-1vmin;font-size:clamp(11px,1.9vmin,26px);font-weight:700}.km-prompt{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--paper);animation:km-breathe 2.4s var(--e-soft) infinite;text-shadow:0 .1em .35em #140a04e6;margin-top:4.5vmin;font-size:clamp(12px,2.1vmin,28px);font-weight:800}@keyframes km-breathe{0%,to{opacity:.42;transform:scale(.99)}50%{opacity:1;transform:scale(1.01)}}.km-glyphs{align-items:flex-start;gap:clamp(14px,3.4vmin,40px);margin-top:1.6vmin;display:flex}.km-glyphs:empty{display:none}.km-gl{letter-spacing:.14em;text-transform:uppercase;color:#f8f2e6db;flex-direction:column;align-items:center;gap:6px;font-size:clamp(14px,1.9vmin,20px);font-weight:800;display:flex}.km-gl>span{letter-spacing:.05em;color:#f4f7fb;background:radial-gradient(circle at 50% 38%,#ffffff29,#090f1b85 72%);border:2px solid #ffffff57;border-radius:50%;place-items:center;width:clamp(38px,6.4vmin,62px);height:clamp(38px,6.4vmin,62px);font-size:clamp(8px,1.35vmin,13px);display:grid;position:relative}.km-gl-stick i,.km-gl-stick b{border-radius:50%;position:absolute}.km-gl-stick i{border:2px solid #ffffff6b;inset:0}.km-gl-stick b{background:radial-gradient(circle at 40% 35%,#fff,#ffd98a 55%,#f0a93c 100%);width:42%;height:42%;top:29%;left:46%}.km-gl-drift{background:radial-gradient(circle at 50% 36%,#78dcff6b,#0c34549e 72%)!important;border-color:#96e6ffb8!important}.km-gl-item{font-weight:400;font-size:clamp(16px,2.6vmin,26px)!important}.km-btn-controls{opacity:.82;min-height:46px;margin-top:1.4vmin;padding:0 1.6em;font-size:clamp(11px,1.6vmin,15px)}.km-hint{letter-spacing:.16em;color:#f8f2e670;text-transform:uppercase;margin-top:2.4vmin;font-size:clamp(9px,1.4vmin,18px);font-weight:600}.km-hint b{color:#ffecc8e6;background:#fff6e41a;border:1px solid #fff6e433;border-radius:.4em;margin:0 .25em;padding:.18em .5em;font-weight:800;display:inline-block}.km-title{letter-spacing:.14em;text-transform:uppercase;text-align:center;font-size:clamp(24px,5.4vmin,74px);font-weight:900}.km-roster{grid-template-columns:repeat(4,1fr);gap:clamp(8px,1.6vmin,22px);width:100%;margin-top:3vmin;display:grid}@media (max-aspect-ratio:1){.km-roster{grid-template-columns:repeat(2,1fr)}}.km-card{pointer-events:auto;cursor:pointer;border-radius:calc(var(--r) * 1.2);transform-origin:50% 100%;transition:transform .42s var(--e-spring), box-shadow .34s var(--e-out), border-color .34s var(--e-out), filter .34s var(--e-out);filter:saturate(.55)brightness(.8);background:linear-gradient(#38281ca8,#180e08d6);border:1px solid #fff0d629;padding:clamp(8px,1.5vmin,20px);position:relative;overflow:hidden;box-shadow:0 .8vmin 2.4vmin #140a0480,inset 0 .12vmin #fff6e433}.km-card:hover{filter:saturate(.85)brightness(.95);transform:translateY(-.5vmin)}.km-card.sel{filter:none;border-color:color-mix(in srgb, var(--c) 70%, #fff0d666);box-shadow:0 0 3vmin color-mix(in srgb, var(--c) 45%, transparent), 0 1.4vmin 3.4vmin #140a0499, inset 0 .12vmin 0 #fff6e44d;transform:translateY(-1.4vmin)scale(1.045)}.km-card-chip{border-radius:calc(var(--r) * .9);background:linear-gradient(120deg, #ffffff57, #fff0 46%), repeating-linear-gradient(118deg, #ffffff1c 0 6%, #0000 6% 13%), linear-gradient(170deg, color-mix(in srgb, var(--c) 88%, #fff), var(--c) 46%, color-mix(in srgb, var(--c) 62%, #1c1209));height:clamp(38px,7vmin,96px);position:relative;overflow:hidden;box-shadow:inset 0 0 2vmin #00000059,inset 0 .12vmin #ffffff73}.km-card-chip:after{content:"";background:linear-gradient(#160c0600,#160c0657);position:absolute;inset:30% 0 0}.km-card-init{letter-spacing:.02em;color:#fffcf457;text-shadow:0 .05em .12em #160c0673;mix-blend-mode:overlay;z-index:1;place-items:center;font-size:clamp(24px,4.6vmin,62px);font-weight:900;display:grid;position:absolute;inset:0}.km-card-name{letter-spacing:.1em;text-transform:uppercase;color:var(--paper);margin-top:1vmin;font-size:clamp(12px,2.1vmin,28px);font-weight:900}.km-card-you{letter-spacing:.2em;color:var(--ink-2);background:linear-gradient(#fff2c4,#ffc247);border-radius:.5em;padding:.2em .55em .24em;font-size:clamp(8px,1.15vmin,15px);font-weight:900;position:absolute;top:clamp(8px,1.5vmin,20px);right:clamp(8px,1.5vmin,20px)}.km-stats{flex-direction:column;gap:.55vmin;margin-top:1vmin;display:flex}.km-stat{grid-template-columns:4.6em 1fr;align-items:center;gap:.6em;display:grid}.km-stat span{letter-spacing:.14em;text-transform:uppercase;color:#f8f2e680;font-size:clamp(7px,1.05vmin,14px);font-weight:700}.km-bar{background:#fff6e41a;border-radius:999px;height:clamp(4px,.75vmin,10px);position:relative;overflow:hidden;box-shadow:inset 0 .1vmin .2vmin #00000073}.km-bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--c) 70%, #fff), var(--c));width:0;box-shadow:0 0 .8vmin color-mix(in srgb, var(--c) 60%, transparent);transition:width .7s var(--e-out);border-radius:999px;position:absolute;inset:0 auto 0 0}.km-screen.on .km-bar i{width:var(--v)}.km-menu-list{flex-direction:column;gap:1.1vmin;width:min(46vmin,80vw);margin-top:3.2vmin;display:flex}.km-btn{pointer-events:auto;cursor:pointer;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;text-align:center;color:#f8f2e6d1;transition:transform .3s var(--e-spring), color .24s var(--e-out), background .24s var(--e-out), box-shadow .24s var(--e-out), border-color .24s var(--e-out);background:linear-gradient(#402e20b3,#1a0f09e0);border:1px solid #fff0d633;border-radius:999px;padding:.72em 1.4em .78em;font-size:clamp(13px,2.3vmin,30px);font-weight:800;position:relative;overflow:hidden;box-shadow:0 .6vmin 1.8vmin #140a0480,inset 0 .12vmin #fff6e438}.km-btn:hover,.km-btn.sel{color:var(--ink-2);background:linear-gradient(#fff3cc,#ffc84e 58%,#f09a1c);border-color:#ffecbee6;transform:scale(1.035);box-shadow:0 0 2.6vmin #ffc45a80,0 .8vmin 2vmin #140a0480,inset 0 .14vmin #ffffffb3}.km-btn:active{transform:scale(.985)}.km-results-grid{grid-template-columns:1.6fr 1fr;align-items:start;gap:clamp(10px,2.4vmin,34px);width:100%;margin-top:2.4vmin;display:grid}@media (max-aspect-ratio:1){.km-results-grid{grid-template-columns:1fr}}.km-standings{flex-direction:column;gap:.55vmin;display:flex}.km-row{border-radius:calc(var(--r) * .7);opacity:0;background:linear-gradient(#38281c8c,#180e08b8);border:1px solid #fff0d61f;grid-template-columns:3.1em .9em 1fr auto;align-items:center;gap:.9em;padding:.5em 1em .55em;display:grid}.km-screen.on .km-row{animation:km-rowIn .6s var(--e-out) both;animation-delay:var(--d)}.km-screen.on .km-standings.settled .km-row{animation:none}@keyframes km-rowIn{0%{opacity:0;transform:translate(-3vmin)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.km-row.you{background:linear-gradient(#483816b3,#1c1408d1);border-color:#ffd6789e;box-shadow:0 0 2vmin #ffc45a47,inset 0 .12vmin #fff6e44d}.km-row-p{letter-spacing:-.02em;color:var(--gold);font-size:clamp(14px,2.6vmin,34px);font-weight:900}.km-row-p sup{margin-left:.08em;font-size:.52em;font-weight:800}.km-row-c{background:var(--c);width:.9em;height:.9em;box-shadow:0 0 .8vmin color-mix(in srgb, var(--c) 70%, transparent), inset 0 .1em 0 #ffffff73;border-radius:50%}.km-row-n{letter-spacing:.1em;text-transform:uppercase;font-size:clamp(12px,2.1vmin,27px);font-weight:800}.km-row-t{font-variant-numeric:tabular-nums;color:#f8f2e6b3;font-size:clamp(11px,1.85vmin,24px);font-weight:700}.km-laps{flex-direction:column;gap:.6vmin;display:flex}.km-lapline{border-radius:calc(var(--r) * .8);background:linear-gradient(#38281c80,#180e08ad);border:1px solid #fff0d61a;justify-content:space-between;align-items:baseline;padding:.5em .9em .55em;display:flex}.km-lapline b{letter-spacing:.2em;text-transform:uppercase;color:#f8f2e68c;font-size:clamp(9px,1.35vmin,18px);font-weight:800}.km-lapline em{font-variant-numeric:tabular-nums;font-size:clamp(13px,2.2vmin,29px);font-style:normal;font-weight:800}.km-lapline.best{border-color:#ffd678a6}.km-lapline.best em{color:var(--gold)}.km-lapline-total{background:linear-gradient(#4c37269e,#1e120bcc);border-color:#fff0d63d;margin-top:.6vmin}.km-lapline-total b{color:#ffe2aecc}.km-best{border-radius:calc(var(--r) * 1.1);text-align:center;background:linear-gradient(#4e3c16b8,#1a1308db);border:1px solid #ffd67899;margin-bottom:.4vmin;padding:.9em 1.1em 1em;box-shadow:0 0 2.6vmin #ffc45a47,inset 0 .12vmin #fff6e452}.km-best b{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#ffe2aad9;font-size:clamp(9px,1.3vmin,17px);font-weight:800;display:block}.km-best em{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:#fff3d0;text-shadow:0 0 1.6vmin #ffbe5a99,0 .06em .2em #140a04b3;margin-top:.18em;font-size:clamp(22px,4.4vmin,58px);font-style:normal;font-weight:900;display:block}.km-pause-badge{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:#ffe2aeb3;margin-bottom:1vmin;font-size:clamp(9px,1.4vmin,18px);font-weight:800}@media (prefers-reduced-motion:reduce){.km *,.km :before,.km :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.km-pause-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(10px,2.6vmin,36px);width:100%;margin-top:2.2vmin;display:grid}@media (max-aspect-ratio:1){.km-pause-grid{grid-template-columns:1fr}}.km-pause-grid .km-menu-list{width:100%;margin-top:0}.km-order-title{font-family:var(--fd);letter-spacing:.36em;text-indent:.36em;text-transform:uppercase;color:#ffe2aeb8;margin-bottom:1vmin;font-size:clamp(9px,1.35vmin,18px);font-weight:800}.km-screen.on>.km-screen-in{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;max-height:100dvh;overflow-y:auto}.km-screen.on>.km-screen-in::-webkit-scrollbar{display:none}@media (max-height:520px){.km-screen.on>.km-screen-in{width:min(150vmin,97vw);padding-top:calc(var(--safe) * .42 + env(safe-area-inset-top,0px));padding-bottom:calc(var(--safe) * .42 + env(safe-area-inset-bottom,0px))}.km-title{letter-spacing:.1em;font-size:clamp(15px,4.4vmin,30px)}.km-sub{font-size:clamp(9px,1.6vmin,14px)}.km-roster{grid-template-columns:repeat(8,1fr);gap:clamp(4px,.9vmin,10px);margin-top:1.1vmin}.km-card{padding:clamp(4px,.9vmin,10px)}.km-card-chip{height:clamp(20px,4.4vmin,34px)}.km-card-name{font-size:clamp(8px,1.4vmin,13px)}.km-stats{gap:.34vmin;margin-top:.5vmin}.km-stat{grid-template-columns:1fr;gap:0}.km-stat span{display:none}.km-bar{height:clamp(3px,.9vmin,7px)}.km-standings{gap:.3vmin}.km-row{gap:.6em;padding:.28em .7em .3em}.km-row-p{font-size:clamp(11px,2vmin,18px)}.km-menu-list{gap:.6vmin;width:min(52vmin,62vw);margin-top:1.1vmin}.km-btn{padding:.46em 1.1em .5em;font-size:clamp(11px,2vmin,17px)}.km-results-grid,.km-pause-grid{grid-template-columns:1.15fr 1fr}.km-screen.on .km-stage{animation-duration:.5s}}@media (max-height:400px){.km-title{font-size:clamp(13px,3.8vmin,22px)}.km-card-chip{height:clamp(16px,3.6vmin,26px)}.km-row{padding:.2em .6em .22em}.km-btn{padding:.38em 1em .42em}.km-roster,.km-menu-list{margin-top:.7vmin}}