@font-face{font-family:Pixel;src:url('/projects/roadster/assets/vendor/PressStart2P-Regular.ttf') format('truetype');font-display:swap}
:root{--bg:#11121b;--panel:#181a25;--paper:#f4f1e8;--muted:#9193a1;--orange:#ff785a;--cyan:#9cedec;--line:#30313e;font-family:Arial,Helvetica,sans-serif;color:var(--paper);background:var(--bg);color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{touch-action:manipulation}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}[hidden]{display:none!important}.shell{max-width:1500px;margin:auto;padding:0 4.5vw}.masthead{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.author{display:flex;gap:12px;align-items:center;letter-spacing:1.5px;font-size:10px;font-weight:700}.back-arrow{font-size:22px;margin-right:3px}.top-actions{display:flex;align-items:center;gap:30px}.text-button{background:none;border:0;padding:7px 0;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.2px}.text-button:hover{color:var(--paper)}.sound-bars{color:var(--orange);margin-right:7px;letter-spacing:0}.key-small,kbd{display:inline-block;border:1px solid #535462;border-bottom-width:2px;border-radius:3px;padding:4px 5px;font-family:inherit;min-width:22px;text-align:center;color:#d8d8e1;font-size:10px;line-height:1}.key-small{padding:3px 4px;min-width:17px;font-size:9px}.top-actions .key-small{margin-left:5px}.icon-button{border:0;background:none;color:var(--muted);font-size:25px;line-height:1}
.game-frame{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:#14152b;border:1px solid #45404b;border-radius:3px;isolation:isolate;box-shadow:0 20px 80px #0005}.game-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;border:0;display:flex;align-items:center;justify-content:center;background:#0c0d14}.game-frame:fullscreen canvas{object-fit:contain}.game-frame canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0px,#0000 2px,#00000018 3px,#00000018 4px);opacity:.6;z-index:2}.start-screen{position:absolute;inset:0;background:linear-gradient(90deg,#11111fea,#10111e90 36%,#10111e00 64%);z-index:3}.intro{position:absolute;top:11%;left:5.2%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--orange);margin:0 0 24px;line-height:1.6}.orange-dot{display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:8px;box-shadow:0 0 8px #ff785a66}h1{font-size:clamp(40px,6.8vw,103px);line-height:.9;letter-spacing:-.065em;font-weight:900;font-style:italic;margin:0 0 25px;transform:skewX(-3deg);text-shadow:0 3px #11121b}h1 em{font-style:inherit;color:var(--orange)}.intro-copy{font-size:clamp(12px,1.3vw,19px);line-height:1.6;color:#ccc9cd;margin:0 0 27px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:35px;min-width:230px;background:var(--orange);color:#21181d;font-size:12px;letter-spacing:1.4px;font-weight:800;border:0;border-radius:2px;padding:18px 22px;box-shadow:0 3px 0 #9e4138;transition:background .15s,transform .15s}.primary-button:hover{background:#ff997e;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px);box-shadow:none}.primary-button span{font-size:23px;font-weight:400;line-height:.7}.start-meta{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1px;color:#a09ba8;margin-top:16px}.car-caption{position:absolute;right:5%;bottom:21%;display:flex;align-items:center;gap:12px;font-size:8px;line-height:1.8;letter-spacing:1.5px;color:#b5a3c1;text-shadow:0 1px 3px #080711}.caption-line{width:33px;height:1px;background:#e08872;position:relative}.caption-line:before{content:'';position:absolute;left:0;top:-2px;width:5px;height:5px;background:var(--orange)}
.game-hud{position:absolute;inset:0;z-index:4;pointer-events:none}.hud-top{display:flex;gap:25px;align-items:center;position:absolute;left:4%;right:4%;top:5%}.hud-label{display:block;color:#bdbbc9;font-size:8px;font-weight:700;letter-spacing:1.4px;margin-bottom:7px;text-shadow:0 1px 3px #000}.hud-top strong{font-family:Pixel,monospace;font-size:20px;font-weight:400;text-shadow:2px 2px #191225}strong small{font:600 9px Arial,Helvetica,sans-serif;color:#a7a7b6;letter-spacing:1px}.route-progress{height:2px;background:#ffffff2c;flex:1;position:relative;margin-right:22px}.route-progress>div{height:2px;background:var(--orange);width:0;position:relative}.route-progress>div:after{content:'';display:block;position:absolute;width:5px;height:5px;right:0;top:-2px;background:var(--orange)}.home-mark{position:absolute;right:-24px;top:-12px;font-size:23px;color:#ddd5e2}.hud-attempt{text-align:right}.pause-button{pointer-events:auto;color:#c4c1cf;background:#18132280;border:1px solid #ffffff24;border-radius:3px;width:30px;height:34px;font-size:15px}.hud-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;position:absolute;left:3%;right:3%;bottom:5%}.gps{display:flex;gap:16px;align-items:center;background:#0f1023e8;border-left:3px solid var(--orange);padding:15px 20px;min-width:285px;box-shadow:0 5px 30px #0003}.gps .hud-label{color:#b7a6c5;font-size:7px;margin-bottom:5px}.gps p{font-size:14px;margin:0 0 6px;line-height:1.3;font-weight:600}.gps small{font-size:8px;color:#b0a7bc;letter-spacing:1px}.gps-icon{color:var(--orange);font-size:35px;width:40px;text-align:center;line-height:1;font-weight:400}.gps.urgent{border-color:var(--cyan)}.gps.urgent .gps-icon{color:var(--cyan)}.telemetry{padding:13px 18px;background:#101223d9;min-width:190px}.telemetry-pair{display:flex;gap:20px;justify-content:space-between}.telemetry .hud-label{font-size:7px}.telemetry strong{font-family:Pixel,monospace;font-size:15px;font-weight:400}.pressure-heading{display:flex;justify-content:space-between;color:#b0a7bc;font-size:7px;letter-spacing:1px;margin:12px 0 6px}.pressure-meter{height:4px;background:#4b455b}.pressure-meter i{height:100%;width:100%;display:block;background:var(--cyan);transition:background .2s}.air-indicator{position:absolute;right:4%;top:29%;display:flex;flex-direction:column;align-items:center;gap:9px;width:82px;font-size:7px;letter-spacing:1px;color:var(--cyan)}.horizon-instrument{height:52px;width:52px;border-radius:50%;border:1px solid #dce5ed55;position:relative;background:#172334bb;overflow:hidden}.horizon-instrument i{width:100%;height:1px;background:#ffffff4d;position:absolute;top:50%;left:0}.horizon-instrument b{position:absolute;top:50%;left:7px;right:7px;height:2px;background:var(--cyan);transform-origin:center}.horizon-instrument b:after{content:'';position:absolute;left:16px;top:-5px;height:6px;width:2px;background:inherit}.air-indicator small{font:8px Pixel,monospace}.toast{position:absolute;top:23%;left:50%;transform:translateX(-50%);font-family:Pixel,monospace;font-size:10px;color:var(--cyan);text-align:center;text-shadow:2px 2px #151329;line-height:1.8;white-space:nowrap}.under-game{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 2px;border-bottom:1px solid var(--line)}.control-strip{display:flex;align-items:center;gap:25px}.control-strip>span{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.8px;color:#b4b4c1}.control-strip kbd:last-of-type{margin-right:5px}footer{display:flex;align-items:center;gap:24px;color:#828391;font-size:11px;padding:24px 2px 30px}footer a{color:#c4c1c8;border-bottom:1px solid #5b5360;padding-bottom:2px}footer .text-button{font-size:8px}.best{margin-left:auto;font-size:9px;letter-spacing:1px;color:#a3a2b0}.overlay{position:absolute;inset:0;background:#0c0c1bd9;backdrop-filter:blur(3px);z-index:10;display:flex;align-items:center;justify-content:center}.result-panel{max-width:480px;width:80%;text-align:center}.result-panel .eyebrow{margin-bottom:18px}.result-panel h2,.help-panel h2,dialog h2{font-size:clamp(25px,4vw,54px);line-height:1.05;letter-spacing:-2px;margin:0 0 20px;font-style:italic;font-weight:900}.result-panel>p:not(.eyebrow):not(.result-shortcut){font-size:14px;line-height:1.7;color:#b4afc2;max-width:360px;margin:0 auto 20px}.result-stats{display:flex;justify-content:center;gap:35px;margin:23px 0 26px}.result-stats span{font-size:8px;color:#aba1b8;letter-spacing:1px;display:block}.result-stats b{font-family:Pixel,monospace;font-size:16px;font-weight:400;display:block;margin-bottom:9px;color:var(--paper)}.result-panel .primary-button{margin:0 auto}.result-shortcut{font-size:8px;letter-spacing:1px;color:#8a829c;margin-top:18px}.result-exit{margin:10px 0 0;font-size:8px}.help-panel{max-width:530px;width:85%;padding:25px 0}.help-panel .eyebrow{margin-bottom:12px}.help-panel h2{font-size:35px;margin-bottom:8px;letter-spacing:-1.5px}.lesson{display:flex;gap:20px;margin:19px 0;align-items:flex-start}.lesson-keys{display:flex;gap:4px;width:80px;flex-shrink:0}.lesson kbd{padding:9px;min-width:32px}.lesson .wide-key{font-size:9px;padding:10px 12px}.lesson h3{font-size:13px;margin:0 0 5px;font-weight:600}.lesson p{font-size:11px;line-height:1.6;color:#a9a2b9;margin:0}.help-note{font-size:10px;line-height:1.8;color:#8d849f;margin:22px 0}.help-panel .primary-button{font-size:10px;min-width:175px;padding:14px 17px}.touch-controls{position:absolute;bottom:12px;left:12px;right:12px;z-index:6;display:flex;justify-content:space-between;pointer-events:none}.touch-controls>div{display:flex;gap:8px}.touch-controls button{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;width:52px;height:45px;background:#201c35cc;border:1px solid #d2bfd344;border-radius:4px;color:#eee;font-size:24px}.touch-controls button.touch-brake{font-size:9px}.touch-controls .touch-thrust{font-size:10px;width:82px;color:var(--orange);border-color:#ff785a88}.touch-controls button.pressed{background:#dc7a5e;color:#1b1424}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}dialog{background:#1b1b2a;color:var(--paper);border:1px solid #575063;border-radius:4px;padding:40px;max-width:520px;width:90vw}dialog::backdrop{background:#000b}dialog h2{font-size:29px;letter-spacing:-1px}dialog p{color:#a9a6b5;font-size:13px;line-height:1.8}dialog a{color:var(--orange);text-decoration:underline}.dialog-close{position:absolute;top:12px;right:15px;border:0;color:#bfb9cc;background:none;font-size:26px}.noscript{margin:3em auto;text-align:center}
@media(min-width:1500px){.shell{padding:0 70px}h1{font-size:103px}}@media(max-width:1000px){.shell{padding:0 3vw}.masthead{height:72px}.intro{top:10%}.eyebrow{font-size:8px;margin-bottom:17px}.intro-copy{margin-bottom:18px}.primary-button{min-width:195px;padding:14px 17px;font-size:10px}.start-meta{font-size:6px;margin-top:12px}.car-caption{font-size:6px}.gps{min-width:240px;padding:11px 13px;gap:10px}.gps p{font-size:12px}.gps-icon{font-size:29px;width:30px}.telemetry{min-width:165px;padding:11px 13px}.telemetry strong{font-size:12px}.hud-top strong{font-size:15px}.lesson{margin:14px 0}.help-panel{width:75%;padding:12px 0}.help-panel h2{font-size:28px}.help-panel .eyebrow{font-size:7px}.help-note{margin:12px 0}.result-stats{margin:17px 0}.result-panel>p:not(.eyebrow):not(.result-shortcut){font-size:12px;margin-bottom:12px}}
@media(max-width:650px){.shell{padding:0 12px}.masthead{height:65px;gap:8px}.author{font-size:8px;gap:7px;letter-spacing:.8px}.top-actions{gap:16px}.top-actions .text-button{font-size:8px}.top-actions .key-small{display:none}.sound-bars{display:none}.game-frame{aspect-ratio:4/5}.game-frame canvas{object-fit:cover}.start-screen{background:linear-gradient(90deg,#11111fde,#10111e20)}.intro{left:7%;top:10%}.intro .eyebrow{font-size:7px;letter-spacing:1.1px;max-width:210px}.intro h1{font-size:clamp(52px,12vw,78px);margin-bottom:23px}.intro-copy{font-size:14px;line-height:1.7}.primary-button{font-size:11px;padding:17px 20px;min-width:215px}.start-meta{font-size:6px;gap:5px}.car-caption{display:none}.under-game{padding:17px 2px}.control-strip{gap:15px;flex-wrap:wrap}.control-strip>span{font-size:7px}.control-strip kbd{font-size:8px;min-width:19px}.control-strip span:last-child{display:none}footer{font-size:10px;gap:15px;flex-wrap:wrap;padding:20px 2px}footer .best{width:100%;margin-left:0;font-size:8px}.hud-top{gap:12px;top:4%;left:5%;right:5%}.hud-top strong{font-size:13px}.hud-label{font-size:6px}.hud-bottom{bottom:18%;left:4%;right:4%;align-items:flex-end}.gps{min-width:0;max-width:67%;padding:10px;gap:7px}.gps p{font-size:11px}.gps small{font-size:6px;letter-spacing:.4px}.gps-icon{width:22px;font-size:24px}.telemetry{min-width:84px;padding:10px}.telemetry-pair{gap:9px}.telemetry-pair>div:last-child{display:none}.telemetry strong{font-size:11px}.telemetry .hud-label{font-size:6px}.pressure-heading{font-size:5px;margin-top:10px;gap:5px;letter-spacing:0}.telemetry-pair small{font-size:6px}.air-indicator{top:23%;right:5%;font-size:6px}.horizon-instrument{width:43px;height:43px}.horizon-instrument b:after{left:12px}.toast{font-size:7px;top:20%}.result-panel{width:87%}.result-panel h2{font-size:36px}.result-panel>p:not(.eyebrow):not(.result-shortcut){font-size:12px}.result-stats{gap:26px;margin:25px 0}.result-stats b{font-size:14px}.result-stats span{font-size:7px}.result-panel .eyebrow{font-size:8px}.help-panel{width:87%;padding:15px 0}.help-panel h2{font-size:29px}.lesson{gap:10px;margin:15px 0}.lesson-keys{width:70px}.lesson kbd{padding:8px}.lesson h3{font-size:11px}.lesson p{font-size:10px}.help-note{font-size:9px}.help-panel .primary-button{min-width:170px;padding:13px 15px}.help-panel .eyebrow{margin-bottom:10px}.touch-controls{bottom:4%;left:4%;right:4%}.touch-controls button{width:48px;height:46px}.touch-controls .touch-thrust{width:76px}}
@media(pointer:coarse) and (min-width:651px){.hud-bottom{bottom:19%}.touch-controls{bottom:3%}.air-indicator{top:25%}.control-strip{opacity:.6}}
@media(max-height:500px) and (orientation:landscape){.shell{padding:0 8px}.masthead{height:40px}.game-frame{aspect-ratio:16/7;max-height:calc(100svh - 85px)}.under-game{padding:9px 0}.under-game kbd{padding:3px;font-size:7px}.under-game span{font-size:7px}footer{display:none}.intro{top:8%;left:5%}.intro h1{font-size:45px;margin-bottom:12px}.intro .eyebrow{font-size:6px;margin-bottom:10px}.intro-copy{font-size:10px;margin-bottom:12px}.intro .primary-button{padding:11px 14px;min-width:175px;font-size:9px}.start-meta{display:none}.help-panel{max-width:620px;overflow-y:auto;max-height:95%;padding:15px}.help-panel h2{font-size:23px}.lesson{margin:9px 0}.lesson p{font-size:9px}.lesson h3{font-size:10px}.lesson kbd{padding:7px}.help-note{margin:7px 0;font-size:8px}.help-panel .primary-button{padding:11px}.result-panel h2{font-size:33px;margin-bottom:12px}.result-panel .eyebrow{margin-bottom:10px}.result-stats{margin:14px 0}.result-stats b{font-size:13px}.result-panel .primary-button{padding:12px;min-width:170px}.result-shortcut{margin:10px 0;font-size:6px}.result-exit{margin-top:5px}.gps{padding:8px 12px}.gps p{font-size:10px}.gps small{font-size:6px}.hud-bottom{bottom:22%}.telemetry{padding:8px 12px;min-width:150px}.telemetry .pressure-heading{margin-top:8px}.touch-controls button{height:35px;font-size:20px}.touch-controls .touch-thrust{font-size:9px}.touch-controls button.touch-brake{font-size:8px}}
@media(prefers-reduced-motion:reduce){.primary-button{transition:none}.scanlines{opacity:.3}}

.pause-glyph{display:block;margin:auto;width:10px;height:13px;border-left:3px solid currentColor;border-right:3px solid currentColor}.primary-button svg{flex-shrink:0}.back-arrow svg{width:17px;height:17px;transform:rotate(-90deg)}
@media(pointer:coarse){.touch-controls button{min-height:48px}.help-panel{max-height:96%;overflow-y:auto}.control-strip{gap:12px}.result-shortcut{font-size:8px}.intro-copy{max-width:280px}}
@media(pointer:coarse){.control-strip span:last-child{display:flex}}
/* Clear road view and thumb reach in the portrait game. */
.opening-overlay{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(#090c1733,transparent 24%,transparent 80%,#090c17aa)}.opening-overlay>div{position:absolute;left:6%;top:7%}.opening-overlay .eyebrow{font-size:9px;margin:0}.opening-overlay p{font-size:32px;font-style:italic;font-weight:900;letter-spacing:-1px;margin:6px 0}.opening-overlay button{position:absolute;right:6%;bottom:5%;pointer-events:auto;color:var(--paper);background:#141322b0;padding:12px 16px;border:1px solid #ffffff30;border-radius:3px}.opening-overlay button span{margin-left:10px}.gps-icon svg{width:100%;height:35px;display:block}.recovery-cue{position:absolute;left:50%;top:35%;transform:translateX(-50%);padding:8px 11px;color:#d8ffff;background:#111c2be8;border:1px solid #9cedec88;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.8px;white-space:nowrap}.touch-controls button.suggested{border-color:#c7ffff;box-shadow:0 0 12px #8affff66}.touch-controls button.pressed{box-shadow:inset 0 2px 6px #0004}
@media(max-width:650px){
 .game-frame.running{aspect-ratio:3/5;max-height:none}
 .shell:has(.game-frame.running) .under-game,.shell:has(.game-frame.running) footer{display:none}
 .shell:has(.game-frame.running) .masthead{height:48px}
 .hud-top{top:3%;left:4%;right:4%}.hud-bottom{inset:0;display:block}
 .gps{position:absolute;left:4%;right:4%;top:13%;max-width:none;min-height:51px;padding:9px 12px;gap:12px;background:#0c1022dd}
 .gps .hud-label{display:none}.gps p{font-size:12px;margin:0 0 5px}.gps small{font-size:6px;letter-spacing:.5px}.gps-icon{width:27px;flex-shrink:0}.gps-icon svg{height:29px}
 .telemetry{position:absolute;right:4%;bottom:17%;min-width:96px;background:#101223c9;padding:10px 12px}
 .air-indicator{top:32%;right:4%}.toast{top:25%;max-width:90%;white-space:normal;font-size:7px}.recovery-cue{top:36%;font-size:8px}
 .touch-controls{bottom:3%;left:4%;right:4%}.touch-controls>div{gap:9px}.touch-controls button{width:57px;height:57px;border-radius:7px;font-size:29px;background:#17162be8}.touch-controls .touch-thrust{width:85px;font-size:11px}.touch-controls button.touch-brake{width:55px;font-size:9px}
 .opening-overlay p{font-size:28px}.opening-overlay button{font-size:9px}
}
@media(max-width:350px){.touch-controls button{width:47px;height:52px}.touch-controls>div{gap:6px}.touch-controls .touch-thrust{width:75px}.touch-controls button.touch-brake{width:46px}.gps p{font-size:11px}}
@media(max-height:500px) and (orientation:landscape){.game-frame.running{aspect-ratio:16/7;max-height:calc(100svh - 55px)}.opening-overlay p{font-size:23px}.opening-overlay .eyebrow{font-size:7px}.recovery-cue{top:38%;font-size:7px}}
@media(pointer:coarse){.masthead{min-height:48px}.top-actions .text-button,.icon-button{min-height:44px;min-width:44px}.pause-button{width:44px;height:44px;flex-shrink:0}.opening-overlay button,.result-exit{min-height:44px}}
.telemetry{margin-left:auto}.gps.pop{animation:gps-in .22s ease-out}@keyframes gps-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.score-instrument{position:absolute;left:4%;top:29%;display:flex;flex-direction:column;gap:8px;text-shadow:2px 2px #141324}.score-instrument .hud-label{margin:0}.score-instrument strong{font:20px Pixel,monospace;color:var(--paper)}.score-instrument small{font-size:7px;letter-spacing:.6px;color:var(--cyan)}.score-instrument>span:last-child{font-size:7px;color:#bdbbc9;letter-spacing:.5px}
.result-score{display:flex;flex-direction:column;gap:9px;margin:16px 0}.result-score>span{font-size:9px;letter-spacing:1.8px;color:var(--cyan)}.result-score strong{font:30px Pixel,monospace;color:var(--paper)}.result-score small{font-size:8px;letter-spacing:.6px;color:#b4afc2}.result-stats{margin:18px 0 22px}.score-note{color:#b4afc2;font-size:11px;line-height:1.6;border-top:1px solid #ffffff20;padding-top:12px;margin:14px 0}
@media(max-width:650px){.score-instrument{top:auto;bottom:17%;left:4%;gap:8px}.score-instrument strong{font-size:16px}.score-instrument small,.score-instrument>span:last-child{font-size:6px}.telemetry{min-width:135px}.telemetry-pair>div:last-child{display:block}.telemetry strong{font-size:9px}.telemetry-pair{gap:10px}.telemetry .hud-label{font-size:5px}.result-panel h2{font-size:32px;margin-bottom:12px}.result-panel .eyebrow{margin-bottom:12px}.result-panel>p:not(.eyebrow):not(.result-shortcut){margin-bottom:12px}.result-score{margin:16px 0;gap:9px}.result-score strong{font-size:27px}.result-stats{gap:20px;margin:18px 0}.result-stats b{font-size:12px}.result-stats span{font-size:6px}.score-note{font-size:9px}}
@media(max-width:350px){.telemetry{min-width:124px;padding:9px}.telemetry-pair{gap:6px}.score-instrument strong{font-size:14px}.result-panel h2{font-size:28px}.result-score strong{font-size:24px}.result-score small{font-size:7px}.result-stats{gap:18px}.result-stats b{font-size:10px}.result-panel .result-shortcut{font-size:7px}}
@media(max-height:500px) and (orientation:landscape){.score-instrument{top:29%;bottom:auto;gap:5px}.score-instrument strong{font-size:15px}.score-instrument small,.score-instrument>span:last-child{font-size:6px}#result-screen .result-panel{width:92%;max-width:650px;display:grid;grid-template-columns:1fr 1fr;column-gap:24px;align-items:center}.result-panel .eyebrow,.result-panel h2,.result-panel #result-tip{grid-column:1;margin:5px 0}.result-score{grid-column:2;grid-row:1 / span 3;margin:5px 0;gap:7px}.result-score strong{font-size:25px}.result-stats{grid-column:1;grid-row:4 / span 2;margin:12px 0;gap:20px}.result-panel .primary-button{grid-column:2;grid-row:4;padding:12px;min-width:190px}.result-panel .result-shortcut{grid-column:2;grid-row:5;margin:10px 0 0}.result-panel .result-exit{grid-column:2;grid-row:6;margin:0;min-height:36px}.result-panel h2{font-size:29px}.result-panel>p:not(.eyebrow):not(.result-shortcut){font-size:12px;line-height:1.5}.result-stats b{font-size:11px}.result-stats span{font-size:6px}.score-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.gps.pop{animation:none}}

.game-scene{position:absolute;inset:0}

.screen-smear{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none;contain:strict}.screen-smear *{pointer-events:none!important}.smear-exposure{position:absolute;inset:0;will-change:transform,opacity}.screen-smear>canvas{position:absolute;inset:0}

@media(max-height:500px) and (orientation:landscape){.result-panel .result-shortcut[hidden]+.result-exit{grid-row:5}}

/* The longer project title stays clear of the Roadster and the start button. */
.intro h1.roadster-title{font-size:clamp(34px,5.2vw,74px);line-height:.98;letter-spacing:-.055em}
.edition-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;width:max-content;max-width:calc(100vw - 76px)}
.edition-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 12px;background:#171520d9;border:1px solid #ffffff30;border-radius:2px;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.55px;text-transform:uppercase}
.edition-links .edition-uga{color:#efb1af;border-color:#b9626266}.edition-links .edition-parking{color:#d2e7a3;border-color:#a9c77f66}
.edition-links a:hover{color:var(--paper);background:#302633;border-color:currentColor}.edition-links a:active{background:#423541}.edition-links svg{flex-shrink:0}
@media(max-width:650px){.edition-links a{font-size:9px;gap:7px;padding:0 10px}.edition-links{margin-top:12px}}
@media(max-height:500px) and (orientation:landscape){.edition-links{margin-top:10px}.edition-links a{font-size:9px}}
@media(max-width:650px){.intro h1.roadster-title{font-size:clamp(29px,8.5vw,54px);line-height:1.06;margin-bottom:23px}}
@media(max-height:500px) and (orientation:landscape){.intro h1.roadster-title{font-size:36px;line-height:1;margin-bottom:12px}}

/* Results and leaderboard are scrollable independently of the driving canvas. */
#result-screen{padding:26px 4%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;background:#0c0c1bf2}
.results-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:36px;width:100%;max-width:940px;max-height:100%;margin:auto}
#result-screen .result-panel{display:block;width:100%;max-width:none;min-width:0}
#result-screen .result-panel h2{font-size:clamp(28px,3.5vw,42px)}
#result-screen .result-panel .result-exit{display:block;margin:7px auto 0;min-height:36px}
.results-layout.without-leaderboard{display:block;max-width:480px}
.leaderboard{min-width:0;text-align:left;border-left:1px solid #494052;padding-left:30px}
.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}
.leaderboard-heading h3{font:10px Pixel,monospace;line-height:1.7;margin:0;color:var(--cyan)}
.leaderboard-heading>span{font-size:8px;letter-spacing:1px;color:#a49ab2}
.name-heading{display:flex;justify-content:space-between;margin:0 0 7px;font-size:8px;letter-spacing:1px;color:#bdb3c8}
.name-heading label{font-weight:700}
#name-count{font-variant-numeric:tabular-nums}
.score-entry{display:flex;gap:8px}
.score-entry input{min-width:0;width:100%;font:16px Arial,Helvetica,sans-serif;color:var(--paper);background:#171522;border:1px solid #5d536b;border-radius:2px;padding:10px;outline-offset:2px}
.score-entry input:focus{outline:2px solid var(--cyan);border-color:transparent}
.score-entry button{flex:none;border:1px solid #9cedec6b;border-radius:2px;background:#9cedec15;color:var(--cyan);font-size:9px;letter-spacing:.6px;font-weight:700;padding:0 12px;min-height:42px}
.score-entry button:hover{background:#9cedec2b}.score-entry button:disabled{opacity:.6}
#score-post-status,#leaderboard-qualification{font-size:11px;line-height:1.5;color:#b9adca;margin:0 0 14px}
#score-post-status{color:var(--cyan);margin-top:10px}#score-post-status:empty{display:none}
#score-form{margin-bottom:14px}
.leaderboard-tabs{display:flex;border-bottom:1px solid #494052;margin-bottom:3px}
.leaderboard-tabs button{flex:1;min-height:40px;background:none;border:0;border-bottom:2px solid transparent;color:#b1a8bf;font-size:9px;letter-spacing:1px;font-weight:700}
.leaderboard-tabs button[aria-selected=true]{color:var(--orange);border-bottom-color:var(--orange);background:#ff785a08}
.leaderboard-tabs button:focus-visible{outline-offset:-3px}
.leaderboard-scroll{max-height:205px;min-height:100px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d5e7a transparent}
.leaderboard table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}
.leaderboard .rank-col{width:35px}.leaderboard .score-col{width:91px}
.leaderboard th{position:sticky;top:0;background:#141323;color:#a297b0;font-size:8px;letter-spacing:1px;font-weight:600;padding:11px 6px 8px;text-align:left}
.leaderboard th:last-child{text-align:right}
.leaderboard td{height:34px;padding:7px 6px;border-bottom:1px solid #ffffff0b}
.leaderboard-rank{color:#a297b0;font-size:10px;font-variant-numeric:tabular-nums}
.leaderboard-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;unicode-bidi:plaintext}
.leaderboard-score{text-align:right;font:10px Pixel,monospace;color:var(--paper);white-space:nowrap}
.leaderboard tr:first-child .leaderboard-rank{color:var(--orange)}
.leaderboard tr.your-score{background:#9cedec13}.leaderboard tr.your-score td{color:var(--cyan)}
.own-score-table{border-top:1px dashed #6c5e7a;margin-top:7px}
#leaderboard-message{font-size:12px;line-height:1.7;color:#b5a9c5;text-align:center;margin:25px 10px 8px}
#leaderboard-message:empty{display:none}#leaderboard-retry{display:block;min-height:38px;margin:0 auto;color:var(--cyan)}
#leaderboard-period{font-size:7px;color:#a297b0;letter-spacing:.9px;margin:11px 0 0}
@media(max-width:650px) and (orientation:portrait){
 #result-screen{padding:20px 6%}
 .results-layout{display:block;max-width:420px}
 #result-screen .result-panel h2{font-size:29px;letter-spacing:-1.2px;margin-bottom:10px}
 #result-screen .result-panel .eyebrow{margin-bottom:8px;font-size:7px}
 #result-screen .result-panel #result-tip{font-size:11px;line-height:1.5;margin-bottom:10px}
 #result-screen .result-score{margin:8px 0;gap:6px}
 #result-screen .result-score strong{font-size:25px}
 #result-screen .result-score small{font-size:7px}
 #result-screen .result-stats{margin:10px 0;gap:18px}
 #result-screen .result-stats b{font-size:11px;margin-bottom:6px}
 #result-screen .result-stats span{font-size:6px}
 #result-screen .primary-button{min-height:44px;padding:11px 17px}
 #result-screen .result-panel .result-exit{font-size:7px;margin-top:4px;min-height:31px}
 .leaderboard{border-left:0;border-top:1px solid #494052;padding:12px 0 0;margin-top:8px}
 .leaderboard-heading{margin-bottom:10px}.leaderboard-heading h3{font-size:9px}
 .leaderboard-scroll{max-height:143px;min-height:77px}
 .leaderboard td{height:32px}
 #score-form{margin-bottom:10px}#leaderboard-qualification{margin-bottom:9px}
}
@media(max-height:500px) and (orientation:landscape){
 #result-screen{padding:15px 4%}
 .results-layout{gap:24px;max-width:900px;align-items:start}
 #result-screen .result-panel .eyebrow{font-size:7px;margin:0 0 6px}
 #result-screen .result-panel h2{font-size:28px;margin:0 0 10px}
 #result-screen .result-panel #result-tip{font-size:10px;line-height:1.5;margin:0 auto 8px}
 #result-screen .result-score{margin:11px 0;gap:6px}
 #result-screen .result-score strong{font-size:23px}
 #result-screen .result-score small{font-size:7px}
 #result-screen .result-stats{margin:13px 0;gap:16px}
 #result-screen .result-stats b{font-size:10px;margin-bottom:5px}
 #result-screen .primary-button{min-width:190px;padding:11px 14px;min-height:44px}
 #result-screen .result-panel .result-exit{font-size:7px;min-height:32px;margin-top:3px}
 .leaderboard{padding-left:24px}.leaderboard-heading{margin-bottom:10px}.leaderboard-heading h3{font-size:9px}
 .leaderboard-scroll{max-height:115px;min-height:60px}.leaderboard td{height:30px;padding-top:6px;padding-bottom:6px}
 #score-form{margin-bottom:8px}.leaderboard-tabs button{min-height:34px}#leaderboard-period{margin-top:8px}
 #score-post-status,#leaderboard-qualification{margin-bottom:8px;font-size:10px}
}