:root{--cyan:#ffc68a}body{background:#181726;background-image:radial-gradient(ellipse at 50% 20%,#69424750,transparent 70%)}main{max-width:900px}h1{color:#ffe2bc}.cabinet{border-color:#806671}.screen{aspect-ratio:8/5}#overlay{background:#151b2a99}#start{background:#ffc68a;color:#432b28}.speed{position:absolute;right:16px;top:16px;background:#122334c9;padding:12px 15px;border:1px solid #ffffff30;border-radius:7px;text-align:center;pointer-events:none}.speed b{display:block;font:26px 'IBM Plex Mono',monospace;color:#fff1d3}.speed span{font:9px monospace;color:#cbd3d8}.boost{display:flex;align-items:center;gap:13px;padding:12px 20px 0;font:9px monospace;color:#ffce91}.boost meter{flex:1;height:12px;accent-color:#ffbb72}.boost span{min-width:65px;text-align:right}#health{color:#ff9b8c;letter-spacing:4px}#road{touch-action:none}@media(max-width:550px){.speed{padding:7px;top:8px;right:8px}.speed b{font-size:17px}}

#road{image-rendering:pixelated}.speed{right:12px;top:12px;background:#172735ed}.screen{background:#414d58}

#road{image-rendering:auto}.boost span{min-width:105px}.touch{flex-wrap:wrap}@media(pointer:coarse){.touch button{padding:12px 14px;font-size:10px}}

.screen{aspect-ratio:800/680}#road{height:100%}