@font-face{font-family:Barlow;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/barlow-regular.ttf) format("truetype")}@font-face{font-family:Barlow;font-style:normal;font-weight:600 900;font-display:swap;src:url(/fonts/barlow-semibold.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/barlow-condensed-semibold.ttf) format("truetype")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800 900;font-display:swap;src:url(/fonts/barlow-condensed-extrabold.ttf) format("truetype")}:root{font-family:Barlow,Arial,sans-serif;color:#f7f5e9;background:#91adae;font-synthesis:none;--orange:#f37845;--cream:#f4f1e6;--muted:#d2d5c9;--dark:#172821;--mono:"Barlow",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{color:inherit}svg{width:22px;height:22px}#game,#viewport,.vignette{position:fixed;inset:0}#viewport canvas{width:100%;height:100%;display:block;outline:none}.vignette{pointer-events:none;background:linear-gradient(180deg,rgba(12,27,25,.48),transparent 25%,transparent 66%,rgba(13,29,24,.7)),linear-gradient(90deg,rgba(15,30,22,.09),transparent 28%);z-index:1}.topbar{position:absolute;top:30px;left:37px;right:37px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--cream);font-size:27px;font-weight:800;letter-spacing:-1.2px;line-height:1}.brand-symbol{width:42px;height:42px;display:grid;place-items:center;color:var(--orange);border:1.5px solid #ef8b58;border-radius:10px;transform:rotate(-4deg)}.brand-symbol svg{width:30px;height:30px;transform:rotate(4deg)}.brand-light{font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500;line-height:2.2;margin-top:3px}.course{position:absolute;left:50%;transform:translate(-50%);font-weight:700;font-size:14px;letter-spacing:2px;text-align:center;white-space:nowrap}.course>div{display:flex;align-items:center;gap:12px}.course-index{font-size:10px;letter-spacing:1px;color:#d1d5c6;border-right:1px solid #e4ecd948;padding-right:12px}.course-badge{color:#e8dfc6;background:#f5ead71a;border:1px solid #e8e2ca30;border-radius:3px;font-size:8px;padding:4px 6px;letter-spacing:1px}.course p{display:flex;justify-content:center;align-items:center;gap:10px;font-size:8px;letter-spacing:1.4px;color:#d4d9cd;margin:9px 0 0}.course i{width:2px;height:2px;background:#d4d9cd;border-radius:100%}.toolbar{display:flex;gap:8px;align-items:center}.icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #edf4da30;background:#102b242a;border-radius:50%;transition:background .18s}.icon-button:hover{background:#f3784559}.icon-button svg{width:17px;height:17px}.icon-button.muted{opacity:.5}.race-stats{position:absolute;z-index:3;top:121px;left:38px;display:flex;gap:23px;align-items:center}.race-stats label,.finish-stats label{font-size:8px;letter-spacing:2px;font-weight:600;color:#e1e3d7;display:block}.race-stats strong{display:block;font-family:Barlow Condensed,Arial,sans-serif;font-weight:600;line-height:1.15;font-size:45px;letter-spacing:1px}.race-stats strong small{font-size:22px;color:#e2e4d8a6;margin-left:7px}.position strong{color:var(--orange)}.stat-line{height:38px;background:#edf5d929;width:1px}.timing{margin-left:12px}.timing strong{font-size:26px;letter-spacing:1px;margin-top:3px}.timing strong span{font-size:17px;color:#e9eddeac}.best-time{font-size:7px;letter-spacing:1px;color:#e0e4d0aa;margin-top:6px}.best-time>span{margin-left:10px;color:#e5e8d8}.intro{z-index:2;position:absolute;top:32%;left:6.3%;text-shadow:0 2px 35px #18302950}.intro[hidden]{display:none}.eyebrow{font-size:9px;letter-spacing:2.1px;font-weight:600;color:#e6e8d6}.intro .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:5px;width:5px;background:var(--orange);border-radius:50%}h1{font-family:Barlow Condensed,Arial Narrow,Arial,sans-serif;font-size:clamp(65px,6.1vw,98px);font-weight:800;letter-spacing:-1px;line-height:.94;margin:20px 0 15px}h1 em{color:var(--orange);font-style:normal}.intro p{font-size:13px;color:#f0f1e2d9;letter-spacing:.25px;margin-bottom:27px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:239px;padding:17px 20px;background:var(--orange);border:1px solid #fc9b6e;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:1.4px;color:#fff8ed;box-shadow:0 5px 30px #2a231726;transition:background .18s,transform .18s}.primary-button:hover{background:#fa8c5b;transform:translateY(-2px)}.primary-button svg{width:17px;height:17px}.primary-button:disabled{opacity:.65}.start-hint{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;color:#ecedde9f;margin-top:15px}.minimap-area{position:absolute;z-index:2;bottom:67px;left:37px;width:200px}.map-heading{display:flex;gap:7px;align-items:center;font-size:7px;font-weight:600;letter-spacing:1.4px;color:#f3f3e4b0}.live-dot{width:4px;height:4px;background:#d8deac;display:inline-block;border-radius:50%}.north{margin-left:auto;color:#eff4e8b0;font-size:9px}#minimap{display:block;width:200px;height:155px;margin:5px 0 0;opacity:.96}.location{display:flex;gap:10px;align-items:center;margin:3px 0 0 7px}.location svg{color:var(--orange);width:23px;height:23px}.location>span{font-size:10px;letter-spacing:1.2px;font-weight:600}.location small{display:block;font-size:6px;letter-spacing:1px;color:#d3dbc3a0;margin-top:6px}.controls-hint{position:absolute;z-index:2;bottom:73px;left:50%;transform:translate(-50%);display:flex;gap:18px;white-space:nowrap;color:#e2e8d9b0}.controls-hint>span{display:flex;gap:4px;align-items:center;font-size:7px;letter-spacing:1px}.controls-hint>span kbd:last-of-type{margin-right:4px}kbd{display:inline-grid;place-items:center;min-width:19px;height:20px;border:1px solid #edf4d845;border-bottom-width:2px;border-radius:3px;padding:2px 5px;font-size:8px;line-height:1;font-weight:500;font-family:var(--mono);color:#f0f2e5}.telemetry{z-index:2;position:absolute;bottom:72px;right:34px;width:195px}.drive-mode{display:flex;gap:9px;justify-content:center;align-items:center;font-size:10px;letter-spacing:1px;font-weight:600}.drive-mode>span:last-child{font-size:7px;color:#e2e7d19f;border-left:1px solid #e5e8d639;padding-left:10px}.drive-mode>span.warning{color:#ffad72}.speed-display{position:relative;height:142px;margin-top:15px}.speed-arc{width:195px;height:144px;position:absolute;left:0;top:0;overflow:visible}.arc-background{fill:none;stroke:#e5e9d626;stroke-width:3;stroke-dasharray:2 4}.arc-fill{fill:none;stroke:#f58b57;stroke-width:4;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .15s}.speed-value{position:absolute;left:47px;top:35px;text-align:center;min-width:88px}.speed-value strong{font-family:Barlow Condensed,Arial,sans-serif;font-size:77px;line-height:1;letter-spacing:-1px;font-weight:600}.speed-value>span{display:block;letter-spacing:3px;font-size:8px;margin-top:3px;color:#dbe4cfb0}.gear{position:absolute;right:0;top:105px;text-align:center}.gear>span{font-size:18px;color:var(--orange);font-family:Barlow Condensed,sans-serif}.gear small{display:block;font-size:6px;letter-spacing:1px;color:#e1e7d5a0;margin-top:2px}.boost{display:flex;align-items:center;gap:9px;margin:8px 12px 0}.boost>span{font-size:20px;color:var(--orange)}.boost>div{height:3px;background:#f5eed123;flex:1}.boost i{display:block;width:100%;height:100%;background:var(--orange);transition:width .1s}.boost small{font-size:6px;letter-spacing:1px;color:#d5dbc89c}.bottomline{position:absolute;z-index:3;bottom:23px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.session-note{font-size:7px;letter-spacing:1.7px;color:#dce3cd6e}.bottomline>div{display:flex;align-items:center;gap:16px}.bottomline button{border:0;background:none;display:flex;gap:7px;align-items:center;padding:0;font-size:7px;letter-spacing:1px;color:#dce3cfaa}.bottomline button:hover{color:#fff}.bottomline svg{width:13px;height:13px}.backend{font-size:7px;letter-spacing:1.2px;color:#d0dfb29e}.backend:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#b9d49b;margin-right:6px}.separator{font-size:10px;color:#fff3}.countdown{position:absolute;left:50%;top:41%;transform:translate(-50%,-50%);font-family:Barlow Condensed,Arial,sans-serif;font-size:145px;font-weight:800;z-index:4;color:#fff6dc;text-shadow:0 5px 50px #17271b40}.toast{position:absolute;left:50%;top:24%;transform:translate(-50%,-10px);background:#192b25d9;padding:12px 22px;border:1px solid #d2dfbb40;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:1.2px;z-index:4;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}.toast.visible{opacity:1;transform:translate(-50%)}dialog{color:var(--cream);background:#1b2b25f5;border:1px solid #d3dcbd33;border-radius:13px;padding:31px;max-width:440px;width:calc(100% - 32px);box-shadow:0 30px 120px #06100aa0}dialog::backdrop{background:#1021197a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:center;justify-content:space-between}.dialog-header .icon-button{border:0;background:none;font-size:26px}h2{font-size:37px;font-family:Barlow Condensed,Arial,sans-serif;letter-spacing:-.3px;margin:15px 0 10px}dialog>p{color:#c0c9ba;font-size:12px;margin-bottom:23px}#settings-panel{display:flex;flex-direction:column;gap:17px;margin-bottom:23px}#settings-panel label{display:flex;flex-direction:column;gap:8px;font-size:8px;letter-spacing:1.4px;color:#c4cebc}select{background:#2b3b30;border:1px solid #d1dcbb33;border-radius:4px;padding:12px;color:var(--cream);font-size:12px}.menu-controls{display:grid;grid-template-columns:1fr 1fr;gap:13px;font-size:10px;color:#d9e0d0;margin:25px 0 29px}.menu-controls kbd{height:18px;font-size:8px;margin-right:3px}dialog .primary-button{width:100%}.secondary-button{display:flex;align-items:center;justify-content:center;gap:10px;background:none;border:0;font-size:9px;letter-spacing:1.5px;margin:20px auto 0;color:#c5cfbbaa}.secondary-button svg{width:13px;height:13px}.finish-stats{display:flex;justify-content:space-between;padding:20px 0 28px}.finish-stats strong{display:block;font-size:25px;font-family:Barlow Condensed,sans-serif;margin-top:10px}.finish-stats strong span{font-size:17px}.touch-controls{display:none;position:absolute;z-index:4;bottom:65px;left:22px;right:22px;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:10px;align-items:end}.touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;width:54px;height:54px;border:1px solid #faf5df65;background:#172b276e;border-radius:50%;font-size:18px}.touch-controls button.pressed{background:#ec7a45ab}.touch-controls .touch-gas{height:70px;width:60px;border-radius:25px;color:#ffe8c4;background:#e9774580}.touch-controls .touch-boost{width:40px;height:40px;color:#ffad6e}#error-panel{position:absolute;z-index:10;inset:0;background:#152720;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}#error-panel[hidden]{display:none}#error-panel p{max-width:450px;font-size:14px;color:#becab9;margin-bottom:25px}.loader{height:15px;width:15px;border:2px solid #fff3;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body:not(.loaded) #viewport{opacity:0}#viewport{transition:opacity .65s}body[data-phase=ready] .race-stats{opacity:.75}@media(min-width:1500px){.topbar{top:38px;left:48px;right:48px}.race-stats{left:49px;top:140px}.minimap-area{left:48px;bottom:80px;width:230px}#minimap{width:230px;height:175px}.telemetry{right:47px;bottom:85px}.bottomline{left:49px;right:49px;bottom:28px}.controls-hint{bottom:85px}.intro{top:31%}}@media(max-width:1000px){.controls-hint{gap:10px}.controls-hint>span:last-child{display:none}.course{font-size:11px}.course-badge{display:none}.brand{font-size:22px}.brand small{font-size:6px}.intro{left:5%;top:34%}h1{font-size:72px}.telemetry{transform:scale(.87);transform-origin:bottom right}.minimap-area{transform:scale(.85);transform-origin:bottom left}}@media(max-width:700px){.topbar{top:22px;left:20px;right:20px;align-items:start}.brand{font-size:22px;gap:9px}.brand-symbol{width:33px;height:33px;border-radius:8px}.brand-symbol svg{width:24px}.brand small{font-size:5.5px;letter-spacing:1.3px}.course{top:54px;width:auto;font-size:10px;letter-spacing:1.5px;left:0;transform:none;text-align:left}.course p{justify-content:start;font-size:6px;gap:7px;margin-top:6px}.course-index{font-size:8px}.toolbar{gap:6px}.icon-button{width:30px;height:30px}.icon-button svg{width:14px}.race-stats{top:127px;left:21px;gap:15px}.race-stats strong{font-size:34px}.race-stats strong small{font-size:17px}.race-stats label{font-size:6px}.timing{margin-left:4px}.timing strong{font-size:23px}.best-time{font-size:6px}.intro{top:30%;left:25px}.intro h1{font-size:67px;margin-top:17px}.intro .eyebrow{font-size:7px;letter-spacing:1.2px}.intro p{font-size:11px;max-width:230px;line-height:1.5;margin-bottom:20px}.primary-button{min-width:220px;padding:15px 16px;font-size:9px}.start-hint{font-size:6px}.minimap-area{left:20px;bottom:150px;transform:scale(.62)}.telemetry{right:19px;bottom:160px;transform:scale(.63)}.controls-hint{display:none}.bottomline{left:21px;right:21px;bottom:20px}.bottomline>div{gap:10px}.session-note{display:none}.bottomline>div{width:100%;justify-content:end}.backend{margin-right:auto;font-size:6px}.bottomline button{font-size:6px}.toast{top:24%;font-size:8px;max-width:80%;text-align:center;width:max-content}.countdown{top:42%;font-size:115px}.touch-controls{display:flex}body[data-phase=ready] .touch-controls{display:none}body[data-phase=ready] .minimap-area{bottom:65px}body[data-phase=ready] .telemetry{bottom:76px}.location small{font-size:7px}}@media(pointer:coarse)and (min-width:701px){.touch-controls{display:flex;bottom:48px}.controls-hint{display:none}.minimap-area{bottom:125px}.telemetry{bottom:135px}body[data-phase=ready] .touch-controls{display:none}}@media(max-height:600px)and (min-width:701px){.topbar{top:17px}.race-stats{top:87px;transform:scale(.8);transform-origin:top left}.intro{top:30%;left:5%}h1{font-size:62px}.intro p{margin-bottom:15px}.intro .eyebrow{font-size:7px}.minimap-area{transform:scale(.65);bottom:55px}.telemetry{transform:scale(.7);bottom:55px}.controls-hint{bottom:57px}.bottomline{bottom:17px}}#settings-panel[hidden]{display:none}@media(min-width:701px)and (max-height:800px){.intro{top:29%}.intro h1{font-size:62px;margin:16px 0 12px}.intro p{margin-bottom:20px}.minimap-area{transform:scale(.7);transform-origin:bottom left}.start-hint{margin-top:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}