:root{--yellow:#f7de00;--pink:#ff2a93;--cyan:#1fdcff;--ink:#07080b;--panel:#08090db8;--line:#ffffff1a;--text:#f1f1ee;--dim:#f1f1ee94;--display:Impact, "Haettenschweiler", "Arial Narrow Bold", "PingFang SC", sans-serif;--body:"PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;user-select:none;background:#020203;margin:0;overflow:hidden}#stage{outline:none;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}.brand{position:absolute;top:28px;left:34px;pointer-events:none!important}.brand-tag{background:var(--yellow);color:#000;letter-spacing:.14em;padding:3px 12px 3px 10px;font-size:12px;font-weight:800;display:inline-block;transform:skew(-12deg)}.brand h1{font-family:var(--display);letter-spacing:.01em;text-shadow:4px 4px #ff2a93d9;margin:8px 0 0;font-size:68px;font-style:italic;font-weight:900;line-height:.92}.brand h1 em{color:var(--yellow);text-shadow:4px 4px #000000e6;font-style:italic}.brand-sub{color:var(--dim);letter-spacing:.06em;margin-top:12px;font-size:13px}.panel{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--yellow);-webkit-backdrop-filter:blur(14px);width:276px;padding:18px 18px 8px;position:absolute;top:28px;right:28px}.panel section{margin-bottom:16px}.panel h2{letter-spacing:.18em;color:var(--dim);justify-content:space-between;align-items:baseline;margin:0 0 9px;font-size:12px;font-weight:800;display:flex}.panel h2 b{letter-spacing:.04em;color:var(--text);font-size:14px}.swatches{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:3px;outline:none;padding:0;transition:transform .14s,border-color .14s;position:relative;transform:skew(-8deg);box-shadow:inset 0 0 0 1px #ffffff29}.swatch:after{content:"";background:linear-gradient(160deg,#ffffff6b 0%,#fff0 38%);border-radius:1px;position:absolute;inset:0}.swatch:hover{transform:skew(-8deg)translateY(-2px)}.swatch.active{border-color:var(--yellow)}.chips{gap:8px;display:flex}.chip{border:1px solid var(--line);color:var(--text);font:600 13px var(--body);cursor:pointer;background:#ffffff0f;flex:1;padding:7px 0;transition:background .14s,color .14s;transform:skew(-8deg)}.chip:hover{background:#ffffff24}.chip.active{background:var(--yellow);border-color:var(--yellow);color:#000}.dock{gap:18px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.dock-group{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);gap:6px;padding:6px;display:flex;transform:skew(-10deg)}.dock button{min-width:62px;color:var(--dim);font:700 13px var(--body);letter-spacing:.08em;cursor:pointer;background:0 0;border:0;padding:9px 14px;transition:background .14s,color .14s}.dock button>span{display:inline-block;transform:skew(10deg)}.dock button:hover{color:var(--text);background:#ffffff14}.dock button.active{background:var(--yellow);color:#000}.stat{color:var(--dim);letter-spacing:.04em;font:600 12px/1.5 ui-monospace,SF Mono,Menlo,monospace;position:absolute;bottom:30px;left:34px;pointer-events:none!important}.stat b{color:var(--yellow)}.hint{color:var(--dim);letter-spacing:.06em;font-size:12px;position:absolute;bottom:32px;right:30px;pointer-events:none!important}#loading{z-index:10;background:#020203;place-items:center;transition:opacity .7s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.loading-inner{text-align:center;width:320px}.loading-title{font-family:var(--display);text-shadow:4px 4px #ff2a93d9;font-size:64px;font-style:italic;line-height:1}.loading-title span{color:var(--yellow)}.loading-bar{background:#ffffff1f;height:4px;margin-top:26px;transform:skew(-20deg)}.loading-bar i{background:var(--yellow);width:0%;height:100%;transition:width .2s;display:block}.loading-text{color:var(--dim);letter-spacing:.1em;margin-top:14px;font-size:13px}.loading-text.error{color:#ff6b6b;letter-spacing:0;line-height:1.6}@media (width<=900px){.brand h1{font-size:44px}.panel{width:228px;padding:14px 14px 4px}.hint{display:none}}.dock button.cta{background:var(--pink);color:#fff;min-width:96px;font-size:14px}.dock button.cta:hover{color:#fff;background:#ff4aa5}#hud{pointer-events:none;position:fixed;inset:0}.hud-top{align-items:center;gap:14px;display:flex;position:absolute;top:28px;left:34px}.hud-exit{pointer-events:auto;background:var(--panel);border:1px solid var(--line);color:var(--text);font:600 12px var(--body);letter-spacing:.06em;cursor:pointer;padding:5px 12px;transform:skew(-12deg)}.hud-exit:hover{background:#ffffff29}kbd{text-align:center;border:1px solid #ffffff59;border-radius:3px;min-width:18px;padding:0 5px;font:700 11px/16px ui-monospace,SF Mono,Menlo,monospace;display:inline-block}.hud-gauge{width:300px;position:absolute;bottom:34px;right:38px;transform:skew(-8deg)}.hud-row{justify-content:flex-end;align-items:flex-end;gap:16px;display:flex}.hud-gear{background:var(--yellow);color:#000;width:54px;height:54px;font:italic 900 40px/54px var(--display);text-align:center;margin-bottom:14px}.hud-speed{text-shadow:3px 3px #000000bf;align-items:baseline;gap:8px;display:flex}.hud-speed b{min-width:190px;font:italic 900 104px/.9 var(--display);text-align:right;font-variant-numeric:tabular-nums}.hud-speed span{font:800 14px var(--body);letter-spacing:.14em;color:var(--dim)}.hud-rpm,.hud-nitro>div{background:#ffffff29;height:9px;overflow:hidden}.hud-rpm{margin-top:6px}.hud-rpm i,.hud-nitro i{transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.hud-rpm i{background:linear-gradient(90deg, #f1f1ee 0%, #f1f1ee 78%, var(--yellow) 90%, #ff3b30 100%)}.hud-rpm i.hot{filter:brightness(1.35)}.hud-nitro{align-items:center;gap:10px;margin-top:9px;display:flex}.hud-nitro label{font:800 12px var(--body);letter-spacing:.14em;color:var(--cyan)}.hud-nitro>div{flex:1}.hud-nitro i{background:var(--cyan)}.hud-nitro.active i{box-shadow:0 0 14px var(--cyan);background:#fff}.hud-drift{background:var(--pink);color:#fff;font:800 15px var(--body);letter-spacing:.2em;opacity:0;padding:4px 18px;transition:opacity .12s,transform .12s;position:absolute;top:15%;left:50%;transform:translate(-50%)skew(-12deg)scale(.8)}.hud-drift.show{opacity:1;transform:translate(-50%)skew(-12deg)scale(1)}.hud-drift b{font:italic 900 26px var(--display);letter-spacing:.02em}.hud-help{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--yellow);-webkit-backdrop-filter:blur(10px);padding:12px 16px 10px;position:absolute;bottom:30px;left:34px}.hud-help.hidden{display:none}.hud-help h3{letter-spacing:.18em;color:var(--dim);margin:0 0 8px;font-size:12px;font-weight:800}.hud-help dl{grid-template-columns:auto auto;gap:4px 16px;margin:0;font-size:12.5px;display:grid}.hud-help dt{color:var(--yellow);font:700 12px ui-monospace,SF Mono,Menlo,monospace}.hud-help dd{margin:0}.hud-help p{color:var(--dim);margin:9px 0 0;font-size:11.5px}.hud-tele{background:var(--panel);border:1px solid var(--line);color:var(--text);margin:0;padding:10px 14px;font:600 12px/1.6 ui-monospace,SF Mono,Menlo,monospace;position:absolute;top:28px;right:34px}.hud-toast{background:var(--yellow);color:#000;font:800 15px var(--body);letter-spacing:.14em;opacity:0;padding:6px 22px;transition:opacity .2s;position:absolute;top:24%;left:50%;transform:translate(-50%)skew(-12deg)}.hud-toast.show{opacity:1}.menu{z-index:5;-webkit-backdrop-filter:blur(6px);background:#0202039e;place-items:center;display:grid;position:fixed;inset:0}.menu[data-screen=main]{-webkit-backdrop-filter:none;background:linear-gradient(90deg,#020203e6 0%,#0202038c 30%,#02020300 58%);place-items:stretch stretch}.menu-main{flex-direction:column;justify-content:center;gap:34px;max-width:560px;padding:0 0 0 64px;display:flex}.menu-brand h1{font-family:var(--display);text-shadow:6px 6px #ff2a93d9;margin:10px 0 0;font-size:104px;font-style:italic;font-weight:900;line-height:.9}.menu-brand h1 em{color:var(--yellow);text-shadow:6px 6px #000000e6;font-style:italic}.menu-list{flex-direction:column;gap:10px;width:340px;display:flex}.menu-item{border:1px solid var(--line);color:var(--text);font:800 19px var(--body);letter-spacing:.1em;text-align:left;cursor:pointer;background:#08090dc7;border-left:4px solid #ffffff59;outline:none;justify-content:space-between;align-items:baseline;gap:16px;padding:13px 20px 13px 22px;transition:background .12s,color .12s,transform .12s,border-color .12s;display:flex;transform:skew(-10deg)}.menu-item>*{display:inline-block;transform:skew(10deg)}.menu-item small{font:600 12px var(--body);letter-spacing:.04em;color:var(--dim)}.menu-item:hover,.menu-item:focus-visible{background:var(--yellow);border-color:var(--yellow);color:#000;transform:skew(-10deg)translate(8px)}.menu-item:hover small,.menu-item:focus-visible small{color:#0000009e}.menu-item.primary{border-left-color:var(--pink)}.menu-foot{color:var(--dim);letter-spacing:.08em;font-size:12px}.menu-credit{max-width:460px;color:var(--dim);opacity:.8;margin-top:14px;font-size:11px;line-height:1.6}.menu-credit a{color:inherit;pointer-events:auto;text-decoration:underline}.menu-panel{border:1px solid var(--line);border-left:5px solid var(--yellow);background:#08090de6;width:min(600px,100vw - 48px);max-height:calc(100vh - 48px);padding:26px 30px 24px;overflow:auto}.menu-narrow{width:min(420px,100vw - 48px)}.menu-narrow .menu-list{width:100%}.menu-results{width:min(680px,100vw - 48px)}.menu-title h2{font:italic 900 52px/1 var(--display);letter-spacing:.01em;text-shadow:4px 4px #ff2a93cc;margin:8px 0 0}.menu-title h2.win{color:var(--yellow);text-shadow:4px 4px #000000e6}.menu-desc{color:var(--dim);margin:14px 0 18px;font-size:13.5px;line-height:1.65}.menu-row{grid-template-columns:64px 1fr;align-items:center;gap:14px;margin-bottom:12px;display:grid}.menu-row>label{letter-spacing:.18em;color:var(--dim);font-size:12px;font-weight:800}.menu-actions{gap:12px;margin-top:22px;display:flex}.menu-actions .menu-item{flex:1;justify-content:center}.menu-actions .menu-item:hover,.menu-actions .menu-item:focus-visible{transform:skew(-10deg)translateY(-2px)}.menu-actions .menu-item.primary{background:var(--pink);border-color:var(--pink);color:#fff}.menu-actions .menu-item.primary:hover,.menu-actions .menu-item.primary:focus-visible{background:var(--yellow);border-color:var(--yellow);color:#000}.menu-volume{align-items:center;gap:14px;display:flex}.menu-volume .chip{flex:0 0 76px}.menu-volume input[type=range]{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg, var(--yellow) var(--fill,70%), #ffffff29 var(--fill,70%));outline:none;flex:1;height:8px;transform:skew(-12deg)}.menu-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:0;width:14px;height:22px}.menu-keys{grid-template-columns:auto 1fr;gap:6px 18px;margin:18px 0 0;font-size:13px;display:grid}.menu-keys dt{color:var(--yellow);font:700 12.5px ui-monospace,SF Mono,Menlo,monospace}.menu-keys dd{margin:0}.menu-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.menu-table th{border-bottom:1px solid var(--line);letter-spacing:.16em;color:var(--dim);text-align:left;padding:6px 10px;font-size:11.5px;font-weight:800}.menu-table td{border-bottom:1px solid #ffffff0f;padding:8px 10px}.menu-table td:first-child{width:54px;font:italic 900 22px var(--display)}.menu-table td i{width:10px;height:10px;margin-right:9px;display:inline-block;transform:skew(-12deg)}.menu-table tr.me td{color:var(--yellow);background:#f7de0024;font-weight:700}.garage-back{background:var(--panel);border:1px solid var(--line);color:var(--text);font:700 13px var(--body);letter-spacing:.08em;cursor:pointer;padding:6px 14px;position:absolute;top:176px;left:34px;transform:skew(-12deg)}.garage-back:hover{background:var(--yellow);color:#000}.race-left{position:absolute;top:74px;left:34px}.race-rank{text-shadow:4px 4px #000c;align-items:baseline;gap:4px;display:flex}.race-rank b{font:italic 900 104px/.95 var(--display);color:var(--yellow);transform-origin:0 100%;display:inline-block}.race-rank b.pop{animation:.35s ease-out race-pop}.race-rank span{font:italic 900 36px var(--display);color:var(--text)}@keyframes race-pop{0%{transform:scale(1.5)}to{transform:scale(1)}}.race-lap{background:var(--panel);border:1px solid var(--line);font:800 13px var(--body);letter-spacing:.14em;margin-top:4px;padding:3px 12px;display:inline-block;transform:skew(-12deg)}.race-board{margin:14px 0 0;padding:0;font-size:13px;list-style:none}.race-board li{background:#08090d99;align-items:center;gap:8px;width:168px;margin-bottom:3px;padding:3px 9px;display:flex;transform:skew(-10deg)}.race-board li.me{background:var(--yellow);color:#000;font-weight:800}.race-board em{width:14px;font:italic 900 15px var(--display);text-align:center}.race-board i{width:9px;height:9px}.race-board span{letter-spacing:.06em;flex:1}.race-board small{opacity:.7;font-size:10.5px}.race-clock{text-align:right;font-variant-numeric:tabular-nums;text-shadow:3px 3px #000000bf;position:absolute;top:28px;right:38px;transform:skew(-8deg)}.race-clock b{font:italic 900 50px/1 var(--display);display:block}.race-clock div{margin-top:4px;font:700 15px ui-monospace,SF Mono,Menlo,monospace}.race-clock label{font:800 11.5px var(--body);letter-spacing:.16em;color:var(--dim);margin-right:10px}.race-big{font:italic 900 240px/1 var(--display);color:var(--yellow);text-shadow:10px 10px #000000d9;opacity:0;pointer-events:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.6)}.race-big.go{color:#fff;text-shadow:10px 10px 0 var(--pink);font-size:200px}.race-big.show{animation:.95s ease-out forwards race-count}@keyframes race-count{0%{opacity:0;transform:translate(-50%,-50%)scale(1.9)}18%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1;transform:translate(-50%,-50%)scale(.96)}to{opacity:0;transform:translate(-50%,-50%)scale(.8)}}.race-banner{background:var(--pink);color:#fff;font:italic 900 46px/1.1 var(--display);letter-spacing:.04em;white-space:nowrap;opacity:0;padding:8px 34px;transition:opacity .18s,transform .18s;position:absolute;top:27%;left:50%;transform:translate(-50%)skew(-12deg)scale(.7)}.race-banner.finish{background:var(--yellow);color:#000}.race-banner.show{opacity:1;transform:translate(-50%)skew(-12deg)scale(1)}.race-note{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--yellow);white-space:nowrap;opacity:0;padding:5px 18px;font:700 15px ui-monospace,SF Mono,Menlo,monospace;transition:opacity .2s;position:absolute;top:17%;left:50%;transform:translate(-50%)skew(-12deg)}.race-note.show{opacity:1}.race-warn{color:#fff;font:800 18px var(--body);letter-spacing:.16em;white-space:nowrap;background:#ff3b30;padding:6px 24px;display:none;position:absolute;top:36%;left:50%;transform:translate(-50%)skew(-12deg)}.race-warn.show{animation:.7s steps(2,end) infinite race-blink;display:block}@keyframes race-blink{0%{opacity:1}to{opacity:.45}}.race-mapbox{width:236px;position:absolute;bottom:26px;left:28px}.race-map{background:linear-gradient(#787c8433 0%,#60646c75 38%,#565a628f 100%);border:1.5px solid #fff3;border-radius:20px;width:236px;height:236px;display:block;box-shadow:0 8px 26px #00000059;-webkit-mask-image:linear-gradient(#00000059 0%,#000 22%);mask-image:linear-gradient(#00000059 0%,#000 22%)}.race-turn{background:var(--panel);border-left:4px solid var(--text);width:max-content;color:var(--text);opacity:0;align-items:center;gap:6px;padding:3px 14px 3px 6px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:0;left:250px;transform:translateY(6px)}.race-turn.show{opacity:1;transform:none}.race-turn svg{fill:none;stroke:currentColor;stroke-width:5.5px;stroke-linecap:round;stroke-linejoin:round;width:40px;height:44px}.race-turn.right svg{transform:scaleX(-1)}.race-turn b{font:italic 900 30px/1 var(--display);letter-spacing:.02em}.race-turn span{font:700 12px var(--body);color:var(--dim)}.race-turn.soon{border-left-color:var(--yellow);color:var(--yellow)}.race-turn.now{border-left-color:var(--pink);background:var(--pink);color:#fff}.race-turn.now b{font:800 17px var(--body);letter-spacing:.12em}.race-tags{pointer-events:none;position:absolute;inset:0;overflow:hidden}.race-tag{font:800 12px var(--body);letter-spacing:.08em;white-space:nowrap;will-change:transform;background:#08090db8;align-items:center;gap:6px;padding:2px 8px 2px 2px;display:flex;position:absolute;top:0;left:0}.race-tag em{color:#000;min-width:18px;font:italic 900 14px/18px var(--display);text-align:center;padding:0 4px}.hud.racing .hud-help{bottom:232px}@media (width<=900px){.menu-brand h1{font-size:64px}.menu-main{padding-left:28px}.race-rank b{font-size:72px}.race-big{font-size:150px}.race-board{display:none}}.model-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--yellow);-webkit-backdrop-filter:blur(14px);width:300px;padding:14px 16px 12px;position:absolute;top:232px;left:28px}.model-chips{gap:6px;display:flex}.model-variants{margin-top:6px}.model-variants .model-chip{padding:5px 0 4px;font-size:14px}.model-chip{font-family:var(--display);letter-spacing:.02em;color:var(--dim);border:1px solid var(--line);cursor:pointer;background:#ffffff0d;flex:1;padding:7px 0 6px;font-size:17px;font-style:italic;font-weight:900;transition:color .12s,background .12s,border-color .12s}.model-chip:hover{color:var(--text);border-color:#fff6}.model-chip.active{color:#000;background:var(--yellow);border-color:var(--yellow)}.model-tagline{letter-spacing:.1em;margin-top:12px;font-size:15px;font-weight:800}.model-blurb{min-height:54px;color:var(--dim);margin:6px 0 12px;font-size:12.5px;line-height:1.5}.model-stat{letter-spacing:.1em;color:var(--dim);grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;margin-top:6px;font-size:12px;display:grid}.model-stat i{background:#ffffff1a;height:6px;transform:skew(-16deg)}.model-stat b{background:var(--yellow);height:100%;transition:width .25s;display:block}.model-stat em{color:var(--text);text-align:right;font-style:normal;font-weight:800}#hud.cinematic>:not(.intro){visibility:hidden}.intro{pointer-events:none;position:absolute;inset:0;overflow:hidden}.intro-bar{background:#000;height:0;position:absolute;left:0;right:0}.intro-bar-top{top:0}.intro-bar-bottom{bottom:0}.intro-kicker{font:800 12px var(--body);letter-spacing:.28em;color:var(--dim);display:block}.intro-event,.intro-card{opacity:0;transform-origin:0 100%;text-shadow:4px 4px #000000bf;position:absolute;bottom:16vh;left:6vw}.intro-event b{font:italic 900 96px/.95 var(--display);letter-spacing:.01em;color:var(--yellow);margin:2px 0 6px;display:block}.intro-event p{background:var(--text);color:#000;width:max-content;font:800 15px var(--body);letter-spacing:.08em;text-shadow:none;margin:0;padding:5px 14px}.intro-card{border-left:6px solid var(--yellow);background:linear-gradient(90deg,#08090dd1,#08090d00);align-items:stretch;gap:16px;padding:10px 26px 10px 0;display:flex}.intro-card em{min-width:74px;font:italic 900 64px/1 var(--display);color:#000;text-shadow:none;justify-content:center;align-items:center;margin-left:14px;display:flex}.intro-card b{font:italic 900 72px/.95 var(--display);color:var(--text);margin:2px 0;display:block}.intro-card p{font:800 15px var(--body);letter-spacing:.12em;color:var(--yellow);margin:0}.intro-skip{font:600 12px var(--body);letter-spacing:.08em;color:var(--text);opacity:0;position:absolute;bottom:13vh;right:4vw}@media (width<=900px){.intro-event b{font-size:60px}.intro-card b{font-size:46px}}