:root{color-scheme:dark;--ink:#142a30;--cream:#f5f1df;--muted:#bbc5bf;--orange:#ff9255;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Segoe UI,Arial,sans-serif;color:var(--cream);background:var(--ink)}*{box-sizing:border-box}body{margin:0;width:100%;height:100dvh;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none}#game-stage{position:absolute;inset:0;width:100%;max-width:200dvh;margin:auto;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:6px}button:disabled{cursor:wait}button:hover{filter:brightness(1.1)}[hidden]{display:none!important}#road{position:absolute;inset:0;width:100%;height:100%;display:block}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,28,33,.36),transparent 20%,transparent 65%,rgba(9,22,25,.42)),radial-gradient(ellipse at center,transparent 55%,rgba(12,22,24,.15))}#impact{position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(242,88,47,.7));transition:opacity .13s}.topbar{position:absolute;z-index:5;top:calc(26px + var(--safe-top));left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.wordmark{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;pointer-events:auto;text-shadow:0 1px 12px #142a3080}.wordmark svg{width:24px;height:32px;fill:var(--orange)}.wordmark>span{font-family:Impact,Arial Narrow,sans-serif;font-style:italic;letter-spacing:1px;font-size:23px;line-height:1}.wordmark small{display:block;font-family:Segoe UI,Arial,sans-serif;font-size:9px;font-weight:600;font-style:normal;letter-spacing:4px;margin-top:5px}.top-actions{display:flex;gap:9px;pointer-events:auto}.icon-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #f5f1df35;border-radius:50%;background:#142a3040;backdrop-filter:blur(8px)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button.muted{opacity:.55}.icon-button.muted .sound-waves,.game-action{display:none}html:is([data-state=riding],[data-state=paused],[data-state=countdown]) .game-action{display:grid}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#d4d9cd}.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#142a30;z-index:8}.loading h1{font:italic 64px/.92 Impact,Arial Narrow,sans-serif;letter-spacing:2px;margin:24px 0}.loading h1 span{display:block;text-align:center;font:600 14px/1.5 Segoe UI,sans-serif;letter-spacing:15px;margin-top:20px}.loading-track{width:230px;height:2px;background:#ffffff20;margin-top:25px}.loading-track>div{height:100%;width:0;background:var(--orange);transition:width .2s}.loading p{font-size:11px;color:var(--muted);letter-spacing:1px;margin-top:16px}.menu{position:absolute;inset:0}.menu-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,28,33,.84),rgba(12,28,33,.47) 35%,transparent 75%)}.menu-content{position:absolute;left:7%;top:50%;transform:translateY(-42%);width:min(540px,60vw)}.menu .eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange)}.orange-line{width:24px;height:2px;background:var(--orange)}.menu h1{font:italic clamp(56px,6.5vw,100px)/.89 Impact,"Arial Narrow",sans-serif;letter-spacing:1px;margin:24px 0 20px;text-shadow:0 5px 20px #0a252c20}.menu h1 em{font-style:inherit;color:var(--orange)}.menu-intro{font-size:17px;line-height:1.5;color:#e1e6dc;margin:0 0 24px}.primary{background:var(--orange);color:#182d32;display:flex;align-items:center;justify-content:space-between;gap:26px;font-weight:900;font-size:13px;letter-spacing:1.5px;padding:17px 22px;min-height:54px;width:255px;border-radius:3px;box-shadow:0 8px 30px #f7772515}.primary span{font-weight:500;font-size:24px;line-height:1}.control-guide{display:flex;gap:20px;margin-top:20px;font-size:9px;font-weight:700;letter-spacing:.8px;color:#d2d6cc}.control-guide>span{display:flex;align-items:center;gap:5px}kbd{font:700 9px Segoe UI,sans-serif;border:1px solid #f5f1df55;border-radius:3px;min-width:20px;height:20px;display:inline-flex;justify-content:center;align-items:center;padding:0 5px;line-height:1;background:#142a3030}.risk-tip{font-size:12px;line-height:1.7;color:#bcc9c2;margin-top:20px}.risk-tip strong{font-weight:600;color:var(--cream)}.menu-options{display:flex;gap:22px;margin-top:21px;align-items:center;font-size:10px;letter-spacing:.5px;color:var(--muted)}.text-button{font-size:10px;padding:0;border-bottom:1px solid #b9c9c25e;background:none;line-height:1.6;color:var(--muted)}.text-button[aria-pressed=true]{color:var(--orange)}.menu-options b{color:var(--cream);margin-left:4px}.location-tag{position:absolute;bottom:30px;right:34px;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:2px}.location-tag>span:last-child{margin-left:14px;color:#ecf1dc90}.location-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.touch-guide{display:none}.hud{position:absolute;inset:0;pointer-events:none;text-shadow:0 2px 10px #0b26254d}.score-block{position:absolute;left:35px;top:calc(105px + var(--safe-top))}.score-block>strong{display:block;font:44px/1.05 Impact,Arial Narrow,sans-serif;letter-spacing:1px;margin-top:5px}.combo{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1px;margin-top:8px}.timer-block{position:absolute;top:calc(25px + var(--safe-top));left:50%;transform:translate(-50%);text-align:center;width:96px}.timer-block .eyebrow{font-size:8px;letter-spacing:1.5px}.timer-block strong{font:33px/1.25 Impact,Arial Narrow,sans-serif;display:block;font-variant-numeric:tabular-nums;letter-spacing:1px}.timer-block strong span{font:11px Segoe UI,sans-serif;margin-left:2px}.time-track{height:2px;background:#ffffff30;margin-top:5px}.time-track>div{width:100%;height:100%;background:var(--cream)}.timer-block.urgent{color:var(--orange)}.timer-block.urgent .time-track>div{background:var(--orange)}.speed-block{position:absolute;bottom:calc(42px + var(--safe-bottom));left:35px;width:175px}.speed-number{display:flex;align-items:baseline;gap:10px}.speed-number strong{font:italic 86px/.9 Impact,Arial Narrow,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums}.speed-number>span{font-size:9px;letter-spacing:1px}.rev-track{height:4px;margin:11px 0 10px;background:repeating-linear-gradient(90deg,#ffffff25 0px,#ffffff25 14px,transparent 14px,transparent 17px)}.rev-track>div{height:4px;width:10%;background:repeating-linear-gradient(90deg,var(--orange) 0px,var(--orange) 14px,transparent 14px,transparent 17px)}.distance-readout{font-size:9px;letter-spacing:1px;color:#d8ded2}.distance-readout b{font-weight:500}.distance-readout>span{float:right;color:var(--orange);font-size:8px}.ride-hint{position:absolute;bottom:calc(33px + var(--safe-bottom));right:34px;font-size:8px;font-weight:600;letter-spacing:1px;color:#ecedddd0;display:flex;align-items:center;gap:7px}.ride-hint>span{margin:0 6px;color:#ffffff40}.toast{position:absolute;top:22%;left:50%;transform:translate(-50%,-8px);pointer-events:none;opacity:0;transition:opacity .14s,transform .14s;text-align:center;color:var(--orange);font:italic 27px Impact,Arial Narrow,sans-serif;letter-spacing:1px;text-shadow:0 2px 10px #10273066}.toast.visible{opacity:1;transform:translate(-50%)}.toast span{display:block;font:600 10px Segoe UI,sans-serif;letter-spacing:2px;margin-top:4px;color:var(--cream)}.count-in{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:italic 105px Impact,Arial Narrow,sans-serif;text-shadow:0 3px 20px #11283090;color:var(--cream);pointer-events:none}.modal{position:absolute;z-index:6;inset:0;background:#10272fcc;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:min(430px,100%);background:#142a30e8;padding:36px;border:1px solid #f4f1dc24;box-shadow:0 30px 120px #0004;border-radius:4px}.modal h2{font:italic 48px/.98 Impact,Arial Narrow,sans-serif;margin:18px 0 12px;letter-spacing:1px}.modal p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 25px}.modal .primary{width:100%;margin-top:25px}.secondary{width:100%;font-size:10px;font-weight:700;letter-spacing:1px;padding:18px 0 0;background:none;color:var(--muted)}.result-score{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px;border-bottom:1px solid #c5d2c430;padding-bottom:20px}.result-score>span:first-child{width:100%;font-size:9px;letter-spacing:2px;color:var(--muted)}.result-score strong{font:64px/.95 Impact,Arial Narrow,sans-serif;color:var(--orange)}.result-score>span:last-child{font-size:10px;letter-spacing:1px;color:var(--muted)}.result-stats{display:flex;justify-content:space-between;margin-top:22px;gap:16px}.result-stats strong{display:block;font-size:23px;font-weight:600}.result-stats span{font-size:8px;letter-spacing:.7px;color:var(--muted)}.touch-controls{display:none;position:absolute;left:18px;right:18px;bottom:calc(20px + var(--safe-bottom));z-index:4;justify-content:space-between;pointer-events:none}.touch-steering,.touch-pedals{display:flex;gap:10px;pointer-events:auto}.touch-button{border:1px solid #f4f1db77;border-radius:8px;background:#122a316e;backdrop-filter:blur(8px);touch-action:none;min-width:60px;height:72px}.steer-button{font:48px/.8 Arial,sans-serif;width:68px}.touch-button svg{display:block;width:25px;height:25px;margin:0 auto 3px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.touch-button>span{font-size:8px;letter-spacing:1px;font-weight:700}.throttle-button{background:#f89550b3;color:var(--ink);border-color:var(--orange)}.touch-button.held{background:#e4ecdbe6;color:var(--ink)}.throttle-button.held{background:#ffad72}@media(max-width:750px){.topbar{left:22px;right:22px;top:calc(20px + var(--safe-top))}.wordmark>span{font-size:20px}.wordmark svg{width:20px}.icon-button{width:36px;height:36px}.top-actions{gap:7px}.menu-content{left:7%;width:75vw}.menu h1{font-size:72px}.menu-intro{font-size:15px}.location-tag{right:22px;bottom:20px;font-size:8px}.score-block{left:22px;top:calc(89px + var(--safe-top))}.score-block>strong{font-size:35px}.speed-block{left:22px;bottom:calc(30px + var(--safe-bottom));width:150px}.speed-number strong{font-size:72px}.ride-hint{right:22px;font-size:7px}.timer-block{top:calc(20px + var(--safe-top));width:75px}.timer-block strong{font-size:28px}}@media(pointer:coarse){.desktop-guide{display:none}.touch-guide{display:block;font-size:11px;color:var(--muted);margin:18px 0}.touch-controls{display:none}html[data-state=riding] .touch-controls{display:flex}.speed-block{bottom:calc(110px + var(--safe-bottom))}.menu-content{transform:translateY(-44%)}.risk-tip{margin-top:16px}}@media(max-width:480px){.menu h1{font-size:60px;margin:22px 0 20px}.menu-content{width:90%;left:7%;top:48%}.menu-shade{background:linear-gradient(90deg,#10282ed9,#10282e75 70%,#10282e30)}.menu-intro{font-size:14px}.menu-options{font-size:9px;gap:20px}.location-tag{left:7%;right:auto;bottom:26px}.touch-steering,.touch-pedals{gap:7px}.touch-controls{left:12px;right:12px;bottom:calc(16px + var(--safe-bottom))}.touch-button{min-width:52px;width:52px;height:65px}.steer-button{font-size:44px}.score-block{top:calc(106px + var(--safe-top));left:20px}.score-block .eyebrow{font-size:8px}.score-block>strong{font-size:34px}.speed-block{left:20px;width:133px}.speed-number strong{font-size:64px}.topbar{left:18px;right:18px}.wordmark>span{font-size:18px}.wordmark small{font-size:7px;letter-spacing:3px}.wordmark svg{width:18px}.timer-block{top:calc(75px + var(--safe-top));width:62px}.timer-block strong{font-size:27px}.timer-block .eyebrow{font-size:7px}.modal{padding:17px}.modal-card{padding:25px}.modal h2{font-size:43px}.result-score strong{font-size:56px}.toast{font-size:24px;top:26%;width:100%}.result-stats{gap:8px}.result-stats span{font-size:7px}}@media(max-height:580px)and (min-width:600px){.menu-content{top:53%;transform:translateY(-44%)}.menu h1{font-size:55px;margin:16px 0 12px}.menu-intro{font-size:13px;line-height:1.3;margin-bottom:14px}.primary{min-height:46px;padding:12px 18px}.control-guide{margin-top:12px}.risk-tip{margin:12px 0 0;font-size:10px}.menu-options{margin-top:12px}.location-tag{bottom:18px}.modal-card{padding:22px;width:400px}.modal h2{font-size:35px;margin:13px 0 8px}.modal p{margin-bottom:15px}.result-score{padding-bottom:13px}.result-score strong{font-size:48px}.result-stats{margin-top:13px}.modal .primary{margin-top:16px}.secondary{padding-top:13px}.speed-number strong{font-size:64px}.score-block{top:90px}.score-block>strong{font-size:32px}.touch-controls{bottom:12px}.touch-button{height:58px}.speed-block{bottom:85px}.touch-guide{margin:12px 0}.location-tag{display:none}}@media(max-height:480px){.result-card{padding:16px 28px}.result-card h2{font-size:32px;margin:10px 0 8px}.result-card p{font-size:11px;margin-bottom:12px}.result-card .result-score{padding-bottom:10px}.result-card .result-score strong{font-size:42px}.result-card .result-stats{margin-top:10px}.result-card .result-stats strong{font-size:19px}.result-card .primary{margin-top:12px;min-height:42px;padding:11px 18px}.result-card .secondary{padding-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}