@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-latin-800-normal.3djb9aq_mafq5.woff2)format("woff2"),url(../media/barlow-condensed-latin-800-normal.3r87gr0di6ox9.woff)format("woff")}
@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/dm-sans-latin-400-normal.2o7k1_w7_w7bj.woff2)format("woff2"),url(../media/dm-sans-latin-400-normal.12jnqtfk91av5.woff)format("woff")}
:root{--ink:#edf3f6;--steel:#b8cbdc;--font-body:"DM Sans", Arial, sans-serif;--font-display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:#080f1b;margin:0}h1,h2,p{margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.4}::selection{color:#07121f;background:#99c9df}:focus-visible{outline-offset:5px;outline:2px solid #abe8ff}.company-page{isolation:isolate;flex-direction:column;min-height:max(100svh,790px);display:flex;position:relative}.dusk-backdrop,.dusk-shade{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dusk-backdrop{object-fit:cover;z-index:-3}.dusk-shade{z-index:-2;background:#06132555}.company-header{z-index:3;pointer-events:none;justify-content:space-between;align-items:center;padding:28px 42px;display:flex;position:relative}.company-mark{color:#e7eff6;width:36px;height:32px;display:block}.company-header p{letter-spacing:.18em;color:#bfd3e4;font-size:9px}.company-main{z-index:2;pointer-events:none;flex:1;padding:clamp(35px,7vh,100px) 42px 300px;transition:opacity .2s;position:relative}.company-intro{max-width:610px}.company-eyebrow,.race-eyebrow{letter-spacing:.2em;color:#a9c9db;font-size:9px}.company-eyebrow{text-transform:uppercase;margin-bottom:23px}.company-intro h1{font-family:var(--font-display);letter-spacing:-.025em;text-shadow:0 4px 40px #030b19;font-size:clamp(90px,10.5vw,154px);font-weight:800;line-height:.83}.company-intro h1 span{color:#b9cede;display:block}.company-description{color:#c1d0df;max-width:35ch;margin-top:24px;font-size:12px;line-height:1.8}.company-contact{color:var(--ink);pointer-events:auto;margin-top:12px;display:inline-block}.company-footer{z-index:3;color:#9bb1c4;letter-spacing:.03em;pointer-events:none;justify-content:space-between;padding:22px 42px;font-size:9px;display:flex;position:relative}.company-page[data-racing=true] .company-main{opacity:0;visibility:hidden}.company-page[data-racing=true] .company-footer{color:#839bac}.race-stage{z-index:1;outline:none;position:absolute;inset:0}.race-stage>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.race-stage:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#03091475,#0000 38% 70%,#020912a3);position:absolute;inset:0}.race-stage[data-phase=idle]:after{background:linear-gradient(90deg,#030b18d9,#0000 65%,#030b1855)}.race-lobby{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(125deg,#071321ed,#0d1a2acc);border:1px solid #95b9d52e;width:320px;padding:25px;position:absolute;top:135px;right:42px;box-shadow:0 25px 70px #02071380}.race-lobby h2{letter-spacing:-.04em;margin:15px 0 23px;font-size:30px;font-weight:500;line-height:1.08}.race-lobby h2 span{color:#b0d0e1}.course-options{flex-direction:column;gap:6px;display:flex}.course-option{color:#bacbdb;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 7px;display:flex}.course-option:hover{background:#1731495c}.course-option[aria-pressed=true]{background:#18364a80;border-color:#8ccfe850}.course-option svg{fill:none;stroke:#86b6cc;stroke-width:4px;stroke-linejoin:round;flex-shrink:0;width:51px;height:51px}.course-option span:nth-child(2){flex:1}.course-option small{letter-spacing:.12em;color:#8eacbf;font-size:7px;display:block}.course-option strong{margin:4px 0;font-size:12px;font-weight:500;display:block}.course-option em{color:#819caf;font-size:8px;font-style:normal;display:block}.course-radio{border:1px solid #8cb6cb;border-radius:50%;width:7px;height:7px}.course-option[aria-pressed=true] .course-radio{background:#b7efff;box-shadow:0 0 10px #63c8ef88}.race-start{color:#071220;background:#bfdeeb;border:1px solid #d9f3ff;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:20px;padding:15px 17px;font-size:12px;font-weight:600;display:flex}.race-start:hover{background:#e1f6ff}.race-start svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:18px;height:18px}.lobby-controls{color:#8ca9bb;letter-spacing:.03em;margin-top:16px;font-size:8px;line-height:2}.lobby-controls span{letter-spacing:.06em;font-size:7px}.touch-copy{display:none}.race-hud{z-index:2;pointer-events:none;justify-content:space-between;gap:25px;display:flex;position:absolute;top:100px;left:42px;right:42px}.race-course-name strong{letter-spacing:-.04em;margin:7px 0 12px;font-size:24px;font-weight:500;display:block}.race-actions{pointer-events:auto;gap:7px;display:flex}.race-actions button,.pause-options button{color:#b8d5e7;background:#0b1b2cd6;border:1px solid #9ec9e53b;padding:8px 12px;font-size:9px}.race-actions button:hover,.pause-options button:hover{border-color:#b5e4fa}.race-timing{text-align:right;text-shadow:0 3px 15px #0008}.race-timing>div{align-items:center;gap:22px;display:flex}.race-timing>div>span{letter-spacing:.12em;color:#a5c0d1;font-size:9px}.race-timing>div b{font-size:34px;font-family:var(--font-display);color:#dcedf6;line-height:1.2;display:block}.race-timing strong{font:500 34px var(--font-body);font-variant-numeric:tabular-nums;letter-spacing:-.05em}.race-timing p{letter-spacing:.06em;color:#87a7ba;margin-top:9px;font-size:8px}.race-timing p b{color:#c2d6e3;font-variant-numeric:tabular-nums;min-width:90px;margin-left:10px;font-weight:400;display:inline-block}.race-message{z-index:3;text-align:center;pointer-events:none;width:100%;font-family:var(--font-display);letter-spacing:-.01em;color:#c6efff;text-shadow:0 3px 30px #001c3299;font-size:clamp(55px,10vw,115px);font-weight:700;position:absolute;top:38%}.race-message:not(:empty){background:linear-gradient(90deg,#0000,#06142670,#0000)}.race-stage[data-phase=racing] .race-message{font-size:clamp(28px,5vw,65px)}.race-minimap{z-index:2;pointer-events:none;width:135px;position:absolute;bottom:205px;right:42px}.race-minimap svg{fill:none;stroke:#a8c6d064;stroke-width:5px;stroke-linejoin:round;width:100%;display:block}.race-minimap circle{fill:#c6f4ff;stroke:#081822;stroke-width:2px}.race-minimap span{text-align:center;letter-spacing:.12em;color:#84acbe;margin-top:5px;font-size:7px;display:block}.race-instruments{z-index:2;pointer-events:none;align-items:baseline;gap:12px;display:flex;position:absolute;bottom:83px;left:42px}.race-speed{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:66px;font-weight:600;line-height:1}.race-unit{color:#a0bdcf;letter-spacing:.15em;font-size:8px}.race-drift-score{letter-spacing:.08em;color:#93b7cc;flex-direction:column;gap:8px;margin-left:15px;font-size:9px;display:flex}.race-drift-score b{color:#bfe8fb;font-variant-numeric:tabular-nums;margin-left:10px;font-weight:500}.race-drift-score small{visibility:hidden;color:#f1b2d4;font-size:7px}.race-drift-score .road-status{color:#e3ba7b;display:none}.race-stage[data-drifting=true] .drift-status{visibility:visible}.race-stage[data-offroad=true] .road-status{visibility:visible;display:block}.drive-pad{z-index:2;grid-template-rows:repeat(2,44px);grid-template-columns:repeat(3,46px);gap:5px;display:grid;position:absolute;bottom:80px;right:42px}.drive-pad button{appearance:none;color:#d6e5f0;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0c1b2bd9;border:1px solid #afc6dc55;place-items:center;font-size:8px;display:grid}.drive-pad button svg{pointer-events:none;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.drive-pad button[data-active=true]{color:#07121f;background:#b8d4e8}.drive-pad button[data-action=gas]{grid-area:1/2}.drive-pad button[data-action=left]{grid-area:2/1}.drive-pad button[data-action=brake]{grid-area:2/2}.drive-pad button[data-action=right]{grid-area:2/3}.mobile-drive-controls{z-index:2;pointer-events:none;display:none;position:absolute;inset:0}.drive-joystick{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:auto;background:radial-gradient(circle,#112336a0,#071321db);border:1px solid #9bc6e370;border-radius:50%;width:108px;height:108px;position:absolute;bottom:78px;left:24px}.joystick-cross{pointer-events:none;border:1px solid #9bc6e326;border-radius:50%;position:absolute;inset:15px}.joystick-cross:before,.joystick-cross:after{content:"";background:#9bc6e32b;position:absolute}.joystick-cross:before{width:100%;height:1px;top:50%}.joystick-cross:after{width:1px;height:100%;left:50%}.joystick-knob{width:44px;height:44px;transform:translate(var(--stick-x,0px), var(--stick-y,0px));pointer-events:none;background:radial-gradient(circle at 35% 25%,#91abc6a6,#223e5be9 65%);border:1px solid #bad9ef91;border-radius:50%;position:absolute;top:calc(50% - 22px);left:calc(50% - 22px);box-shadow:0 4px 12px #0005,inset 0 1px 2px #e0f3ff40}.joystick-caption{text-align:center;color:#90aec8;letter-spacing:.17em;pointer-events:none;width:100%;font-size:8px;position:absolute;top:calc(100% + 10px)}.drive-pedals{pointer-events:auto;grid-template-rows:72px;grid-template-columns:62px 72px;align-items:end;gap:10px;display:grid;position:absolute;bottom:78px;right:20px}.drive-pedals button{appearance:none;color:#d8eaf7;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;letter-spacing:.08em;background:#0b1b2be8;border:1px solid #9fc5e375;padding:0;font-size:10px}.mobile-gas{border-radius:50%;width:72px;height:72px;box-shadow:inset 0 0 0 5px #a1d7f112}.mobile-brake{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:62px;height:62px;display:flex}.mobile-brake span{letter-spacing:.04em;opacity:.65;font-size:6px}.drive-pedals button[data-active=true]{color:#071321;background:#b9d8eb;border-color:#c6e7f9}.race-stage[data-phase=idle] :is(.race-hud,.race-minimap,.race-instruments,.drive-pad,.mobile-drive-controls),.race-stage[data-phase=paused] :is(.drive-pad,.mobile-drive-controls){display:none}.race-stage:not([data-ready=true]) :is(.drive-pad,.mobile-drive-controls){visibility:hidden}.race-pause{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030b18b8;place-items:center;display:grid;position:absolute;inset:0}.race-pause>div{background:#0c1a2de8;border:1px solid #8baec342;width:min(340px,85%);padding:28px}.race-pause h2{font-size:36px;font-family:var(--font-display);margin:15px 0 8px}.race-pause p:not(.race-eyebrow){color:#9dbbcd;font-size:12px}.pause-options{justify-content:space-between;gap:10px;margin-top:12px;display:flex}.pause-options button{flex:1}.race-fallback{color:#bad2e1;max-width:32ch;font-size:11px;position:absolute;bottom:90px;left:42px}.race-stage:has(.race-fallback) .race-start{visibility:visible;opacity:.6}@media (pointer:coarse),(max-width:700px){.drive-pad{display:none}.mobile-drive-controls{display:block}.keyboard-copy{display:none}.touch-copy{display:inline}.race-instruments{bottom:225px}.race-minimap{width:95px;bottom:230px}.race-instruments .race-speed{font-size:51px}.race-drift-score{margin-left:0}}@media (max-width:1000px) and (min-width:701px){.company-intro{max-width:380px}.company-intro h1{font-size:105px}.race-lobby{width:290px;padding:20px;right:30px}}@media (max-width:700px){.company-page{min-height:max(100svh,850px)}.company-header{padding:22px 24px}.company-mark{width:30px;height:27px}.company-header p{font-size:8px}.company-main{padding:45px 24px 490px}.company-eyebrow{margin-bottom:17px;font-size:8px}.company-intro h1{font-size:clamp(65px,18vw,100px)}.company-description{max-width:31ch;margin-top:18px;font-size:10px}.company-footer{padding:19px 24px;font-size:8px}.company-footer p:last-child{display:none}.race-lobby{width:auto;padding:16px 17px;top:355px;left:24px;right:24px}.race-lobby h2{display:none}.race-lobby .race-eyebrow{margin-bottom:12px;font-size:7px}.course-options{gap:4px}.course-option{gap:10px;padding:6px}.course-option svg{width:42px;height:34px}.course-option small{font-size:6px}.course-option strong{margin:3px 0;font-size:11px}.course-option em{font-size:7px}.race-start{margin-top:12px;padding:12px 14px;font-size:11px}.lobby-controls{margin-top:9px;font-size:7px;line-height:1.8}.lobby-controls span{font-size:6px}.race-hud{gap:12px;top:90px;left:24px;right:24px}.race-course-name .race-eyebrow{font-size:6px}.race-course-name strong{margin-top:8px;font-size:17px}.race-actions{flex-wrap:wrap;gap:5px}.race-actions button{padding:8px;font-size:8px}.race-timing>div{gap:10px}.race-timing>div>span{font-size:7px}.race-timing>div b{font-size:26px}.race-timing strong{font-size:21px}.race-timing p{white-space:nowrap;font-size:6px}.race-timing p b{min-width:66px;margin-left:6px}.race-instruments{gap:8px;left:24px}.race-unit,.race-drift-score{font-size:7px}.race-drift-score b{margin-left:4px}.race-minimap{right:24px}.race-minimap span{font-size:6px}.race-message{top:35%}.race-fallback{bottom:100px;left:24px}}@media (prefers-reduced-motion:reduce){.company-main{transition:none}}@media (max-width:700px){.company-page{min-height:max(100svh,740px)}.company-main{padding-top:28px}.company-intro h1{font-size:clamp(62px,17vw,90px)}.race-lobby{padding:14px;top:auto;bottom:64px}.course-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.course-option{text-align:center;flex-direction:column;gap:4px;padding:8px 3px}.course-option svg{width:39px;height:39px}.course-option small{font-size:5px}.course-option strong{white-space:nowrap;font-size:8px}.course-option em,.course-radio{display:none}.race-lobby .race-eyebrow{margin-bottom:8px}.drive-joystick,.drive-pedals{bottom:max(78px,100% - 100svh + 24px)}.race-instruments{bottom:max(225px,100% - 100svh + 170px)}.race-minimap{bottom:max(230px,100% - 100svh + 175px)}.course-option strong{font-size:9px}.race-actions button{min-height:34px;font-size:10px}.race-timing p{font-size:7px}}.company-footer a{color:inherit;text-underline-offset:3px}.race-start:disabled{cursor:wait;opacity:.6}
