:root{color:#f5f2df;font-synthesis:none;background:#18272c;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}#game{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;cursor:pointer}#ui{pointer-events:none;position:fixed;inset:0}button,input{pointer-events:auto}.brand{letter-spacing:3px;font-size:12px;font-weight:800}.hud{text-shadow:0 2px 10px #16282c88;display:none;position:absolute;inset:30px 38px}.riding .hud{display:block}.hud-top{justify-content:space-between;align-items:flex-start;display:flex}.course-name{color:#f2dcc1;letter-spacing:2px;margin-top:8px;font-size:12px}.time{font-variant-numeric:tabular-nums;letter-spacing:-1.5px;text-align:right;font-size:43px;font-weight:600}.micro{letter-spacing:2px;color:#d3ddd4;text-transform:uppercase;font-size:10px}.speed{text-align:right;position:absolute;bottom:0;right:0}.speed strong{letter-spacing:-2px;font-size:55px;font-weight:500}.speed span{letter-spacing:1px;margin-left:8px;font-size:12px}.pb{letter-spacing:1px;font-size:12px;position:absolute;bottom:8px;left:0}.pb strong{font-variant-numeric:tabular-nums;margin-top:6px;font-size:21px;display:block}.progress{background:#ffffff20;height:2px;position:absolute;bottom:-16px;left:0;right:0}.progress i{background:#e9b575;width:0;height:100%;display:block}.toast{letter-spacing:1px;opacity:0;text-align:center;white-space:nowrap;background:#172d34cb;border:1px solid #e3d3a338;padding:11px 18px;font-size:13px;transition:opacity .12s;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.load-meter{opacity:0;background:#ffffff23;width:76px;height:3px;position:absolute;bottom:27%;left:50%;transform:translate(-50%)}.load-meter.show{opacity:1}.load-meter i{background:#f6c47d;height:100%;display:block}.panel{background:linear-gradient(90deg,#10262aee 0%,#10262aae 29%,#10262a08 69%);align-items:center;padding:6vw;display:flex;position:absolute;inset:0}.panel.hidden{display:none}.panel-content{width:390px;max-width:80vw}.eyebrow{letter-spacing:3px;text-transform:uppercase;color:#f5c991;align-items:center;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.eyebrow:before{content:"";background:#f5c991;width:24px;height:2px}h1{letter-spacing:-5px;text-transform:uppercase;margin:0 0 24px;font-size:clamp(58px,7vw,104px);font-weight:900;line-height:.9}h1 small{font-size:inherit;color:#f2ce97;display:block}h2{letter-spacing:-2px;margin:0 0 12px;font-size:44px;font-weight:600}.intro{color:#e0e4d9;max-width:310px;margin:0 0 25px;font-size:14px;line-height:1.6}.menu{gap:8px;display:grid}.primary,.secondary,.setting{text-align:left;color:#f3f0df;background:#203b3cbb;border:1px solid #edf0dd29;border-radius:3px;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;font-size:14px;display:flex}.primary{color:#213233;background:#f0c489;border-color:#f0c489;font-weight:700}.primary:hover,.primary:focus-visible{background:#ffe1b1}.secondary:hover,.secondary:focus-visible,.setting:focus-visible{outline-offset:2px;background:#345253;outline:2px solid #f0c489}.primary:focus-visible{outline-offset:3px;outline:2px solid #fff7df}.key{letter-spacing:1px;opacity:.65;font-size:10px}.controls{color:#c5d2cc;margin-top:24px;font-size:12px;line-height:1.9}.controls b{color:#fbedd3;font-weight:500}.footer{color:#d4ded3b0;letter-spacing:1.4px;justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:25px;left:6vw;right:38px}.settings{margin-top:10px}.setting{padding:12px 14px;font-size:12px}.setting span:last-child{color:#f0c489}.results{border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;gap:26px;margin:20px 0 24px;padding:15px 0;display:flex}.result-time{font-variant-numeric:tabular-nums;letter-spacing:-2px;margin:6px 0;font-size:48px}.result-small{margin:10px 0;font-size:20px}.split-row{color:#d7e0d7;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.impact{opacity:0;pointer-events:none;transition:opacity .1s;position:absolute;inset:0;box-shadow:inset 0 0 120px #a8433380}.impact.show{opacity:1}.status-note{color:#d3dcd2;margin:10px 0;font-size:12px}.faint{color:#becbc4}.error{pointer-events:auto;background:#173337;padding:30px;position:absolute;inset:15%}.error p{line-height:1.6}@media (height<=680px){.panel{padding:30px 6vw}h1{font-size:65px}.eyebrow{margin-bottom:12px}.intro{margin-bottom:15px}.controls{margin-top:12px}.footer{bottom:12px}.primary,.secondary{padding:12px 18px}.hud{inset:20px 25px}}.hud-top{background:linear-gradient(#10272b66,#0000);border-radius:3px;margin:-12px -14px;padding:12px 14px}.hud .brand,.hud .micro,.course-name{text-shadow:0 1px 3px #10272b,0 0 9px #10272baa}.toast{bottom:10%}.panel-content{scrollbar-width:thin;pointer-events:auto;width:420px;max-height:calc(100vh - 80px);overflow-y:auto}.setting-copy{gap:5px;max-width:340px;display:grid}.setting .setting-label{color:#c6d2cb;letter-spacing:.6px;font-size:11px}.setting strong{color:#f2cb93;font-size:14px}.setting small{color:#d9e0d7;font-size:12px;line-height:1.4}.setting.explained{padding:13px 15px}.award{color:#d1b294;align-items:center;gap:20px;margin:0 0 14px;display:flex}.award strong{letter-spacing:3px;text-transform:uppercase;font-size:37px}.medal-emblem{background:linear-gradient(135deg,#fff2,#0004);border:3px solid;border-radius:50%;width:82px;height:82px;padding:5px;box-shadow:inset 0 0 0 3px #173232,inset 0 0 0 4px,0 8px 22px #0005}.medal-emblem svg{width:100%;height:100%}.award.gold{color:#f5ce78}.award.silver{color:#d1dfe5}.award.bronze{color:#d39b76}.award.legend{color:#b4f0da}.award.finished{color:#c2d3cb}.award+h2{letter-spacing:-.5px;font-size:25px}.faster{color:#b9ecd2}.slower{color:#ffc09a}.split-row strong{font-weight:500}.split-row{margin:9px 0}.result-time span{letter-spacing:0;font-size:18px}.results{margin:16px 0;padding:12px 0}.result-time{font-size:44px}.targets{color:#d5dacf;justify-content:space-between;margin-top:9px;font-size:11px;display:flex}.targets b{color:#edd2a8;margin-top:5px;font-size:13px;font-weight:500;display:block}.medal-targets{margin-top:18px}.status-note{line-height:1.45}.menu{margin-top:16px}@media (height<=760px){.award{margin-bottom:8px}.medal-emblem{width:64px;height:64px}.award strong{font-size:29px}.panel{padding:35px 6vw}.result-time{font-size:36px}.results{margin:10px 0}.primary,.secondary{padding:12px 16px}.footer{bottom:14px}.panel-content{max-height:calc(100vh - 65px)}}h1{letter-spacing:-4px;font-size:clamp(58px,5.6vw,74px)}.panel-content{overflow-x:hidden}.practice-link{display:block}.practice-link small{color:#c5d2cc;margin-top:5px;font-size:11px;font-weight:400;display:block}.ride-feedback{color:#fff3df;opacity:0;pointer-events:none;background:#10292ff5;border:1px solid #d9e6df55;border-left:5px solid #f1c483;border-radius:7px;width:370px;max-width:calc(100vw - 76px);padding:19px 23px 20px;transition:opacity .18s;position:absolute;bottom:140px;left:38px;box-shadow:0 5px 22px #06191f45}.ride-feedback strong{letter-spacing:.8px;font-size:30px;line-height:1.15;display:block}.ride-feedback span{color:#e4eae3;margin-top:7px;font-size:20px;line-height:1.35;display:block}.ride-feedback[data-severity=crash]{border-left-color:#f2a28b}.ride-feedback[data-severity=crash] strong{color:#ffbba6}.ride-feedback.show{opacity:1}.ride-feedback.show.fading{opacity:0;transition-duration:.35s}@media (height<=760px),(width<=1100px){.ride-feedback{width:310px;padding:15px 19px;bottom:115px;left:25px}.ride-feedback strong{font-size:25px}.ride-feedback span{font-size:18px}}@media (prefers-reduced-motion:reduce){.ride-feedback,.ride-feedback.show.fading{transition:none}}.ghost-options button[aria-pressed=true]{background:#345253;border-color:#f0c489}.ghost-options button strong{color:#f0c489;font-size:13px}.ghost-options button:disabled{opacity:.5;cursor:default}
