:root{color-scheme:dark;--ink:#101d27;--paper:#f4f1df;--mint:#66eee0;--muted:#a8bfc4}*{box-sizing:border-box}body{margin:0;background:#152535;color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button{color:inherit}#world,.vignette{position:fixed;inset:0;width:100%;height:100%}.vignette{pointer-events:none;background:linear-gradient(90deg,rgba(8,19,28,.82),transparent 85%),linear-gradient(0deg,rgba(8,19,28,.55),transparent 30%)}header{position:fixed;left:4%;right:4%;top:30px;display:flex;align-items:center;gap:24px;z-index:5}.brand{color:var(--paper);text-decoration:none;font-size:32px;font-weight:900;border:1px solid #79909670;width:49px;height:49px;display:grid;place-content:center;position:relative}.brand span{font-size:13px;position:absolute;right:4px;top:2px}.wordmark{letter-spacing:6px;font-weight:900;font-size:21px}.wordmark>span{display:block;font-size:8px;letter-spacing:2px;margin-top:6px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:10px}.top-actions button{background:#132a3580;border:1px solid #8ba3a338;padding:11px 14px;font-size:9px;letter-spacing:1px}#fullscreen{font-size:20px;padding:5px 12px}.menu{position:absolute;left:7%;top:18%;width:min(850px,80vw);z-index:2}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--mint);font-weight:bold}.eyebrow i{width:6px;height:6px;background:var(--mint);border-radius:50%;display:inline-block;margin-right:9px;box-shadow:0 0 16px var(--mint)}h1{font-size:clamp(52px,6.2vw,100px);line-height:.91;letter-spacing:-5px;margin:23px 0;font-weight:900}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--paper)}.intro{font-size:13px;color:#c3d0ce;line-height:1.8;margin-bottom:29px}.track-heading{display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#b3c7ca;max-width:720px;margin-bottom:11px}.tracks{display:flex;gap:9px;max-width:720px}.track{position:relative;flex:1;text-align:left;min-height:104px;border:1px solid #aec7c437;background:#10252b9c;padding:15px;backdrop-filter:blur(12px);transition:.2s}.track:hover{background:#26434b}.track.selected{border-color:var(--mint);background:#244749b3}.track .number{font-size:9px;letter-spacing:2px;color:var(--mint)}.track strong{display:block;font-size:17px;margin:9px 0}.track small{font-size:9px;color:#b7ccca}.track .arrow{position:absolute;right:12px;top:11px;color:var(--mint)}.launch-row{display:flex;align-items:center;gap:25px;margin-top:20px}.primary{background:var(--mint);color:#132d33;border:0;padding:19px 24px;font-weight:800;font-size:11px;letter-spacing:1.6px;min-width:270px;text-align:left;box-shadow:0 5px 35px #35efd51a}.primary:hover{background:#a0fff1}.primary span{float:right;font-size:18px}.desktop-note{font-size:8px;letter-spacing:1.5px;line-height:1.9;color:#e0e4d8}.desktop-note span{color:#9fb6b9;letter-spacing:0}.controls{display:flex;gap:17px;margin-top:20px;font-size:9px;color:#a7bcc0;align-items:center}kbd{font-family:inherit;font-size:9px;border:1px solid #b2ceca44;padding:3px 5px;display:inline-block;color:#e7eddf;border-radius:2px;margin-right:3px}footer{position:fixed;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;color:#b7cccb;font-size:8px;letter-spacing:2px}.race-title{position:fixed;left:4%;top:122px}.race-title span,.timer>span{display:block;font-size:9px;letter-spacing:2px;color:var(--mint);margin-bottom:10px}.race-title strong{font-size:24px}.timer{position:fixed;right:4%;top:122px;text-align:right}.timer strong{font-size:45px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-1px}.timer small{display:block;color:#b5c7c3;font-size:9px;letter-spacing:1.3px;margin-top:7px}.checkpoint{position:fixed;top:112px;left:50%;transform:translateX(-50%);width:200px;text-align:center;font-size:9px;letter-spacing:2px}.progress,.energy{height:3px;background:#c5e0d342;overflow:hidden;margin-top:12px}.progress i,.energy i{height:100%;display:block;background:var(--mint);width:0}.speed{position:fixed;bottom:67px;right:5%;width:200px;text-align:right}.speed strong{font-size:89px;font-weight:800;letter-spacing:-5px;line-height:1}.speed>span{font-size:10px;margin-left:8px;color:#c4d4d1}.energy{height:5px;margin-top:20px}.speed small{display:block;font-size:9px;letter-spacing:2px;margin-top:11px;color:var(--mint)}.race-help{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);font-size:9px;color:#bfd0cd;white-space:nowrap}.race-help span{padding:0 12px}#minimap{position:fixed;bottom:35px;left:3%;width:190px;height:190px}#toast{position:fixed;bottom:26%;left:50%;transform:translateX(-50%);font-size:13px;text-align:center;letter-spacing:2px;text-shadow:0 2px 8px #000;background:#10232baa;padding:15px 25px;border-top:1px solid #64eede66;transition:opacity .4s;max-width:650px;line-height:1.7}#toast:empty{opacity:0}#pause-button{position:fixed;right:4%;top:240px;background:#16313a99;border:1px solid #bdd2cc44;width:36px;height:36px}.overlay{position:fixed;inset:0;z-index:10;background:#091923b8;backdrop-filter:blur(12px);display:grid;place-items:center}.dialog{width:440px;padding:44px;border:1px solid #84a9a75c;background:linear-gradient(130deg,#223a43e8,#122a32f2)}h2{font-size:42px;line-height:1;letter-spacing:-2px;margin:22px 0}.dialog p{font-size:13px;line-height:1.7;color:#b7cbc9}.dialog button{width:100%;margin-top:12px}.secondary{padding:16px;background:transparent;border:1px solid #789e9f6b;font-size:10px;letter-spacing:2px}.text-button{border:0;background:none;font-size:9px;letter-spacing:1px;padding:14px;color:#aabdbb}#result-stats{font-size:12px;line-height:2;color:var(--mint);padding:10px 0}#unsupported,#failure{position:fixed;inset:0;background:#10242ef5;z-index:30;display:grid;place-items:center;padding:35px;text-align:center}#unsupported>div{max-width:440px}#unsupported p,#failure p{max-width:470px;line-height:1.7;color:#b9cdcc}#unsupported a,#failure a{color:var(--mint)}[hidden]{display:none!important}body.racing .vignette{background:linear-gradient(0deg,#061e3070,transparent 30%),linear-gradient(180deg,#09233055,transparent 35%)}body.racing .wordmark{font-size:15px}body.racing .brand{width:38px;height:38px;font-size:25px}@media(max-height:800px){.menu{top:17%}h1{font-size:66px;margin:17px 0}.intro{margin-bottom:17px}.track{min-height:86px;padding:11px}.launch-row{margin-top:14px}.controls{margin-top:15px}header{top:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:900px){.desktop-note{display:none}.menu{left:5%}.controls{gap:8px}}
.race-title,.timer,.checkpoint,.speed{text-shadow:0 2px 14px #071722cc}.timer{background:linear-gradient(110deg,#0d243050,#0d2430d9);padding:18px 22px;border-right:2px solid #6bf4dd66;border-radius:2px;backdrop-filter:blur(9px)}.race-title{background:linear-gradient(90deg,#0d2430c9,#0d243000);padding:16px 30px 18px 17px;border-left:2px solid #6bf4dd66}.checkpoint{padding:12px 16px;background:#0d243098;backdrop-filter:blur(6px)}.speed{background:linear-gradient(130deg,#0d243000,#0d2430b5);padding:18px 20px;border-radius:3px}.timer small{color:#d3e4de!important}.timer>span{color:#81ffe9!important}#pause-button{top:280px!important}