@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-700i.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/barlow-condensed-800i.woff2)format("woff2");font-weight:800;font-style:italic;font-display:swap}:root{--paper:#f3ede1;--paper-dim:#f3ede19e;--accent:#ff5a1f;--accent-soft:#ff8a4c;--ink:#0a0c0d;--glass:#0a0c0d75;--glass-line:#ffffff26;--display:"Barlow Condensed", "Arial Narrow", sans-serif;--mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", monospace}*{box-sizing:border-box}html,body{background:#0a0c0d;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--display);color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}button{color:inherit;cursor:pointer;background:0 0;border:0;font-family:inherit}kbd{min-width:22px;height:22px;font-family:var(--display);letter-spacing:.08em;color:var(--paper);background:#ffffff0f;border:1px solid #ffffff59;border-bottom-color:#ffffff2e;border-radius:3px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 2px #00000040}#app{position:fixed;inset:0;overflow:hidden}#stage{position:absolute;inset:0}#stage canvas{display:block;width:100%!important;height:100%!important}#vignette{pointer-events:none;z-index:4;background:radial-gradient(at 50% 48%,#0000 42%,#05060747 78%,#040506b8 100%),linear-gradient(#0607084d,#0000 18% 78%,#05060785);position:absolute;inset:0}#film-grain{pointer-events:none;z-index:5;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(3,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}to{transform:translate(0)}}#sun-glare{z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:0;transition:opacity .8s;position:absolute;inset:0}#sun-glare i{border-radius:50%;position:absolute}#sun-glare i:first-child{filter:blur(6px);background:radial-gradient(circle,#ffd69680 0%,#ffa8582e 26%,#0000 62%);width:46vmax;height:46vmax;margin:-23vmax 0 0 -23vmax}#sun-glare i:nth-child(2){filter:blur(2px);background:radial-gradient(circle,#fff4dcd9 0%,#ffbe6e52 38%,#0000 70%);width:12vmax;height:12vmax;margin:-6vmax 0 0 -6vmax}#sun-glare i:nth-child(3){filter:blur(1px);background:#fff7e6;width:2.2vmax;height:2.2vmax;margin:-1.1vmax 0 0 -1.1vmax;box-shadow:0 0 40px 18px #ffbe6e59}.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.hud-label{letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);font-size:11px;font-weight:600}.hud-label span{color:#ffffff4d;margin-left:6px}#hud{z-index:10;pointer-events:none;position:absolute;inset:0}#hud:not(.is-hidden){animation:.45s both hudIn}@keyframes hudIn{0%{opacity:0}to{opacity:1}}.hud-top{top:max(22px, env(safe-area-inset-top));justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:absolute;left:26px;right:26px}.hud-block{background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(14px)saturate(1.1);box-shadow:0 10px 40px #00000038}.hud-pos{skew:-4deg;width:138px;padding:12px 14px 11px}.pos-line{align-items:baseline;font-style:italic;font-weight:800;line-height:.85;display:flex}#hud-pos{letter-spacing:-.03em;font-size:58px}.pos-total{color:#ffffff6b;margin-left:3px;font-size:21px}.lap-line{letter-spacing:.12em;border-top:1px solid #ffffff24;align-items:baseline;gap:6px;margin-top:8px;padding-top:8px;font-size:15px;font-weight:700;display:flex}.lap-line .lap-of{color:#fff6;font-size:12px}.hud-lapbar{width:min(360px,30vw);padding:12px 16px 11px}.track-progress{background:#ffffff2b;height:3px;margin:13px 0 10px;position:relative}.track-progress i{background:var(--accent);width:0%;position:absolute;inset:0 auto 0 0;box-shadow:0 0 14px #ff5a1fcc}.track-progress b{background:var(--paper);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:0%;box-shadow:0 0 0 3px #ffffff2e}.hud-sub{letter-spacing:.16em;color:#ffffff80;justify-content:space-between;font-size:10px;font-weight:600;display:flex}.hud-time{text-align:right;width:192px;padding:12px 14px 10px}.time-main{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1.12}.time-rows{gap:2px;margin-top:5px;display:grid}.time-rows div{letter-spacing:.12em;color:#ffffff73;justify-content:space-between;font-size:11px;display:flex}.time-rows b{color:#ffffffd1;font-variant-numeric:tabular-nums;font-weight:600}.hud-bottom{left:26px;right:26px;bottom:max(22px, env(safe-area-inset-bottom));justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute}.minimap-wrap{padding:10px 12px 8px}#minimap{width:218px;height:145px;display:block}.center-hints{flex:1;justify-items:center;gap:12px;padding-bottom:2px;display:grid}.nitro-wrap{align-items:center;gap:10px;width:min(340px,34vw);display:flex}.nitro-key{letter-spacing:.14em;color:#ffffff8c;border:1px solid #ffffff40;padding:2px 5px;font-size:10px}.nitro-track{background:#ffffff26;flex:1;height:5px;position:relative;overflow:hidden}.nitro-track i{transform-origin:0;background:linear-gradient(90deg, #ff9d5c, var(--accent));width:100%;transition:transform 80ms linear;position:absolute;inset:0;box-shadow:0 0 12px #ff5a1fa6}.nitro-word{letter-spacing:.18em;color:#ffffff8c;font-size:10px}.key-hints{opacity:.62;letter-spacing:.12em;color:#fffc;gap:16px;font-size:10px;display:flex}.key-hints span{align-items:center;gap:4px;display:flex}.key-hints kbd{min-width:18px;height:18px;font-size:10px}.speedo{flex:none;width:270px;height:254px;position:relative}.speedo svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.speedo-bg,.speedo-arc{fill:none;stroke-linecap:butt}.speedo-bg{stroke:#ffffff24;stroke-width:3px}.speedo-ticks{fill:none;stroke:#ffffff3d;stroke-width:12px;stroke-dasharray:1.4 8.1}.speedo-arc{stroke:var(--accent);stroke-width:6px;stroke-dasharray:377;stroke-dashoffset:377px;filter:drop-shadow(0 0 6px #ff5a1fcc);transition:stroke-dashoffset .12s linear}.speedo-dots{fill:#ffffff8c}.speedo-readout{text-align:center;letter-spacing:-.03em;font-style:italic;font-weight:800;position:absolute;inset:44px 0 auto}#hud-speed{font-variant-numeric:tabular-nums;text-shadow:0 6px 30px #00000080;font-size:76px;line-height:.95;display:block}.speedo-readout small{letter-spacing:.34em;color:var(--paper-dim);margin-top:4px;font-size:11px;font-style:normal;font-weight:600;display:block}.gear-box{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0b80;border:1px solid #ffffff38;place-content:center;width:47px;height:56px;display:grid;position:absolute;bottom:60px;right:3px}#hud-gear{font-size:28px;font-style:italic;font-weight:800;line-height:.9}.gear-box small{letter-spacing:.18em;color:var(--paper-dim);font-size:8px}.cam-mode{letter-spacing:.18em;color:#ffffff8c;writing-mode:vertical-rl;font-size:10px;position:absolute;bottom:60px;left:13px}.overlay{z-index:20;position:absolute;inset:0}.overlay:not(.is-hidden){animation:.4s both overlayIn}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}#start-screen{background:linear-gradient(90deg,#060809e6 0%,#06080994 34%,#0608091a 62%,#06080905 100%),linear-gradient(#0507082e 0%,#0000 25% 67%,#050708d1 100%);flex-direction:column;justify-content:space-between;padding:clamp(20px,3vw,40px) clamp(24px,4.4vw,72px);display:flex}.start-top{justify-content:space-between;align-items:flex-start;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand svg{width:32px;height:32px;fill:var(--accent)}.brand b{letter-spacing:.22em;font-size:17px;font-style:italic;font-weight:800;line-height:.9;display:block}.brand span{letter-spacing:.32em;color:var(--paper-dim);margin-top:3px;font-size:8px;display:block}.start-meta{letter-spacing:.18em;color:#ffffff8f;align-items:center;gap:14px;font-size:10px;font-weight:600;display:flex}.start-meta .dot{background:var(--accent);border-radius:50%;width:3px;height:3px}.start-main{max-width:720px;margin-top:auto;margin-bottom:auto;padding-top:3vh}.eyebrow{letter-spacing:.28em;color:#ffffffb8;align-items:center;gap:10px;font-size:12px;font-weight:600;display:flex}.eyebrow i{background:var(--accent);width:34px;height:2px;display:block;box-shadow:0 0 12px #ff5a1fb3}.hero-title{letter-spacing:-.035em;text-transform:uppercase;margin:14px 0 0;font-style:italic;font-weight:800;line-height:.74}.hero-title span{text-shadow:0 16px 70px #0000008c;font-size:clamp(92px,13.5vw,208px);display:block}.hero-title em{font-style:inherit;color:#0000;-webkit-text-stroke:1.5px #ffffff85;margin-top:.02em;font-size:clamp(92px,13.5vw,208px);display:block}.hero-copy{color:#f3ede1a6;letter-spacing:.01em;max-width:420px;margin:22px 0 0;font-family:system-ui,sans-serif;font-size:13px;line-height:1.8}.start-actions{flex-wrap:wrap;align-items:stretch;gap:12px;margin-top:30px;display:flex}.btn-start{background:var(--accent);color:#0d0805;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));text-align:left;align-items:center;gap:14px;min-width:274px;padding:12px 30px 12px 13px;transition:transform .25s,background .25s;display:flex;position:relative;overflow:hidden}.btn-start:hover{background:#ff6b33;transform:translateY(-2px)}.btn-start:active{transform:translateY(0)}.btn-icon{border:1px solid #00000052;flex:none;place-content:center;width:38px;height:38px;font-size:12px;display:grid}.btn-text b{letter-spacing:.14em;font-size:19px;font-weight:800;line-height:1;display:block}.btn-text small{letter-spacing:.12em;opacity:.64;margin-top:4px;font-size:9px;display:block}.btn-shine{background:linear-gradient(120deg,#0000 20%,#ffffff6b 48%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.btn-start:hover .btn-shine{transform:translate(120%)}.btn-ghost{color:#ffffffc7;letter-spacing:.2em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border:1px solid #ffffff42;padding:0 22px;font-size:11px;font-weight:600;transition:all .25s}.btn-ghost:hover{color:#fff;background:#ffffff14;border-color:#ffffffb3}.spec-row{gap:clamp(24px,4vw,54px);margin-top:34px;display:flex}.spec-row b{letter-spacing:.02em;font-size:25px;font-style:italic;font-weight:700;display:block}.spec-row span{letter-spacing:.2em;color:var(--paper-dim);margin-top:2px;font-size:9px;display:block}.start-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.control-card{border-left:2px solid var(--accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090b0c61;padding:14px 18px}.control-grid{grid-template-columns:auto auto;align-items:center;gap:7px 16px;margin-top:10px;display:grid}.control-grid span{gap:3px;display:flex}.control-grid b{letter-spacing:.14em;color:#ffffffad;font-size:10px;font-weight:500}.best-card{text-align:right;border-right:2px solid #ffffff38;padding:8px 0 8px 28px}.best-time{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:29px;font-weight:700}.best-sub{letter-spacing:.18em;color:var(--paper-dim);font-size:9px}.start-footer{letter-spacing:.24em;color:#ffffff4d;justify-content:space-between;margin-top:18px;font-size:8px;display:flex}#countdown{z-index:18;text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.count-num{letter-spacing:-.05em;color:var(--paper);text-shadow:0 12px 80px #000000a6;font-size:clamp(150px,26vw,330px);font-style:italic;font-weight:800;line-height:.8;animation:.9s cubic-bezier(.16,1,.3,1) countPop}.count-num.go{color:var(--accent)}.count-label{letter-spacing:.45em;color:#ffffffa8;margin-top:12px;font-size:12px}.count-stripes{background:repeating-linear-gradient(90deg, var(--paper) 0 10px, transparent 10px 20px);opacity:.55;width:190px;height:3px;margin:26px auto 0}@keyframes countPop{0%{opacity:0;filter:blur(8px);transform:scale(1.45)}22%{opacity:1;filter:blur()}to{transform:scale(1)}}#toast{z-index:17;text-align:center;pointer-events:none;text-shadow:0 4px 30px #00000080;transition:opacity .35s,transform .35s;position:absolute;top:20%;left:50%;transform:translate(-50%)}#toast span{letter-spacing:.36em;color:var(--accent-soft);font-size:10px;font-weight:600;display:block}#toast b{letter-spacing:.03em;font-size:38px;font-style:italic;font-weight:800;display:block}#wrongway{z-index:17;letter-spacing:.18em;color:#ff3b2f;text-shadow:0 0 30px #ff281e80;font-size:26px;font-style:italic;font-weight:800;animation:.7s steps(2,end) infinite blink;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}@keyframes blink{50%{opacity:.15}}.overlay.compact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;background:#0507088c;place-content:center;display:grid}.panel{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);background:linear-gradient(150deg,#141718f0,#090b0cf5);border:1px solid #ffffff24;width:min(600px,88vw);padding:clamp(28px,4vw,48px);box-shadow:0 30px 100px #0000008c}.panel h2{letter-spacing:-.02em;margin:14px 0 8px;font-size:clamp(48px,6vw,78px);font-style:italic;font-weight:800;line-height:.9}.panel h2 em{font-style:inherit;color:#0000;-webkit-text-stroke:1px #ffffff80}.panel h2 #finish-place{color:var(--accent)}.panel p{color:#f3ede19e;margin:0 0 24px;font-family:system-ui,sans-serif;font-size:13px;line-height:1.7}.panel-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.btn-start.small{min-width:220px;padding:9px 22px 9px 10px}.btn-start.small .btn-icon{width:34px;height:34px}.btn-start.small .btn-text b{font-size:16px}.result-grid{background:#ffffff1f;border:1px solid #ffffff1f;grid-template-columns:1fr 1fr;gap:1px;display:grid}.result-grid div{background:#111415;padding:14px 16px}.result-grid span{letter-spacing:.2em;color:var(--paper-dim);font-size:9px;display:block}.result-grid b{font-variant-numeric:tabular-nums;margin-top:4px;font-size:25px;font-weight:700;display:block}.result-grid b small{letter-spacing:.14em;color:var(--paper-dim);font-size:10px;font-weight:500}#touch-controls{inset:auto 0 max(18px, env(safe-area-inset-bottom)) 0;z-index:22;pointer-events:none;justify-content:space-between;padding:0 18px;display:flex;position:absolute}.touch-left,.touch-right,.touch-mid{pointer-events:auto;gap:10px;display:flex}.touch-mid{align-items:flex-end}.touch-mid button{letter-spacing:.08em;width:54px;height:54px;font-size:10px}#touch-controls button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffd9;touch-action:none;-webkit-tap-highlight-color:transparent;background:#080a0b70;border:1px solid #ffffff4d;border-radius:50%;width:74px;height:74px;font-size:16px;font-weight:700}#touch-controls button:active{background:#ff5a1fb3}#touch-controls .throttle{background:#ff5a1f47;border-color:#ff5a1fa6;width:88px;height:88px}.sound-toggle{z-index:24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0b66;border:1px solid #ffffff38;place-content:center;width:34px;height:34px;transition:all .25s;display:grid;position:absolute;top:120px;right:24px}.sound-toggle:hover{border-color:var(--accent)}.sound-toggle svg{fill:none;stroke:#ffffffd1;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.sound-toggle svg path:first-child{fill:#ffffffd1;stroke:none}.sound-toggle .off,.sound-toggle.muted .on{display:none}.sound-toggle.muted .off{display:block}#loading{z-index:100;background:#0a0c0d;place-content:center;justify-items:center;gap:20px;transition:opacity .7s,visibility .7s;display:grid;position:absolute;inset:0}#loading.done{opacity:0;visibility:hidden;pointer-events:none}.load-mark{letter-spacing:.08em;font-size:32px;font-style:italic;font-weight:800}.load-mark span{color:#0000;-webkit-text-stroke:1px #ffffff8c;margin-left:6px}.load-bar{background:#ffffff26;width:min(300px,60vw);height:2px}.load-bar i{background:var(--accent);width:0%;height:100%;transition:width .25s;display:block;box-shadow:0 0 14px #ff5a1fcc}.load-text{letter-spacing:.3em;color:var(--paper-dim);font-size:9px}@media (height<=720px){#start-screen{padding-top:18px;padding-bottom:18px}.hero-title span,.hero-title em{font-size:clamp(72px,11vw,128px)}.hero-copy{display:none}.start-actions,.spec-row{margin-top:18px}.start-footer{display:none}.start-main{padding-top:0}.control-card{padding:9px 14px}.best-time{font-size:24px}}@media (width<=900px){.hud-lapbar{display:none}.hud-pos{width:114px}#hud-pos{font-size:46px}.hud-time{width:164px}.time-main{font-size:25px}.minimap-wrap,.key-hints{display:none}.center-hints{align-items:flex-end}.nitro-wrap{width:280px}.speedo{width:220px;height:208px}#hud-speed{font-size:60px}.start-bottom,.start-footer{display:none}.hero-copy{max-width:320px}}@media (width<=680px){#start-screen{background:linear-gradient(#06080933 0%,#06080973 38%,#050708eb 100%);padding:20px}.start-meta{display:none}.start-main{margin-bottom:4vh}.hero-title span,.hero-title em{font-size:clamp(76px,24vw,120px)}.spec-row{gap:22px;margin-top:24px}.start-actions{margin-top:22px}.btn-start{min-width:100%}.btn-ghost,.hero-copy{display:none}.hud-top{top:14px;left:14px;right:14px}.hud-pos{width:98px;padding:9px 11px}#hud-pos{font-size:38px}.hud-time{width:142px;padding:9px 11px}.time-main{font-size:21px}.time-rows,.sound-toggle{display:none}.hud-bottom{justify-content:flex-end;bottom:12px;left:14px;right:14px}.speedo{width:172px;height:164px}#hud-speed{font-size:46px}.speedo-readout{inset:30px 0 auto}.speedo-readout small{font-size:8px}.gear-box,.center-hints,.nitro-wrap{display:none}.sound-toggle{top:92px}#touch-controls button{width:62px;height:62px}#touch-controls .throttle{width:76px;height:76px}}@media (hover:none) and (pointer:coarse){#touch-controls{display:flex}.hud-bottom{bottom:112px}.center-hints{display:none}}