*{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}:focus{outline:none}button{appearance:none;border:none;outline:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#222;margin:0;padding:0;font-family:"Press Start 2P",monospace}.topUI{z-index:1000;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;letter-spacing:2px;color:#fff;font-size:17px;position:absolute;transform:translate(-50%,25px)}.topUI:before{height:17px;text-shadow:none;letter-spacing:0;background:#fff;border:2px solid #7dd8c9;border-radius:6px;margin-right:30px;padding:1px 2px;font-size:17px;font-weight:900;line-height:19px;display:inline-block}#time{color:#f4f430;left:13%}#time:before{content:"TIME";color:#f57214}#score{left:45%}#score:before{content:"SCORE";color:#a61a9d}#lap{width:45%;left:88%}#lap:before{content:"LAP";color:#0082df}#tacho{text-align:right;z-index:2000;color:#e62e13;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000,0 -2px #000;letter-spacing:2px;width:23%;font-size:23px;position:absolute;bottom:5%}#tacho:after{content:"km/h";color:#fab453;margin-left:5px;font-size:18px}#game{-webkit-user-select:none;user-select:none;will-change:transform;backface-visibility:hidden;background:#222;border:none;outline:none;max-width:100vw;max-height:100vh;margin:0 auto;transition:opacity 10s;position:relative;overflow:hidden;transform:translateZ(0)}@media (max-width:768px){#game{width:100vw;height:100vh;margin:0;padding:0;position:fixed;top:0;left:0}}#road{will-change:transform;backface-visibility:hidden;width:100%;height:100%;transition:opacity 2s steps(8,end);position:absolute;top:0;left:0;overflow:hidden;transform:translateZ(0)}#road *{image-rendering:pixelated;box-shadow:none;will-change:transform;backface-visibility:hidden;border:none;outline:none;margin:0;padding:0;position:absolute;transform:translateZ(0)}#road div{box-shadow:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:none;outline:none}#hero{z-index:2000;background-image:url(/assets/img/hero.png);background-position:-110px 0;background-repeat:no-repeat;width:110px;height:56px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)scale(1.4)}#hero.hit{filter:sepia()saturate(1000%)hue-rotate(320deg)}#cloud{z-index:0;background-image:url(/assets/img/cloud.jpg);background-repeat:repeat-x;background-size:auto 100%;width:100%;height:50%;position:absolute;top:0;left:0}#road{width:100%;height:100%;position:absolute}#home{color:#fff;z-index:1000;width:100%;height:100%;position:absolute}#highscore{column-count:3;column-fill:auto;width:100%;height:20%;position:absolute;bottom:0}#highscore *{color:#9e95a8;margin:0 0 6px 27px}h1{-webkit-text-fill-color:transparent;color:#0000;background-image:linear-gradient(#25d8b1,#e2bbf0);-webkit-background-clip:text;background-clip:text;font-size:5em;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)}#text{color:#d9bbf3;text-shadow:0 0 #000,0 2px #000,2px 0 #000,0 0 #000;font-size:1.2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blink{animation:2s steps(4,end) infinite blinker}@keyframes blinker{50%{opacity:0}}#controls{color:#868686;text-align:center;margin:10px;font-size:13px;line-height:13px}#controls>span{margin-left:20px}#controls>span>span{border:2px solid #868686;border-radius:5px;margin-right:10px;padding:7px;display:inline-block}#controls>span:last-child>span{transform:rotate(90deg)}@media (max-width:768px){#controls{display:none}}#mobile-controls{z-index:5000;gap:15px;display:flex;position:absolute;bottom:10px;right:10px}@media (max-width:1024px),(pointer:coarse){#mobile-controls{display:block}}.mobile-btn{color:#fff;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;z-index:10001;opacity:1;visibility:visible;background:#000000e6;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0;padding:0;font-family:"Press Start 2P",monospace;font-size:24px;transition:all .1s;display:flex;position:fixed;box-shadow:0 4px 12px #000c}#mobile-controls #btn-left{top:50%;bottom:auto;left:20px;transform:translateY(-50%)}#mobile-controls #btn-right{top:50%;bottom:auto;left:100px;transform:translateY(-50%)}.mobile-btn:active{background:#ffffff4d;transform:scale(.95);box-shadow:0 2px 4px #00000080}.mobile-btn#btn-accelerate{background:#00c800e6;border-color:#0f0;top:50%;bottom:auto;right:20px;transform:translateY(-50%)}.mobile-btn#btn-brake{background:#c80000e6;border-color:red;top:50%;bottom:auto;right:100px;transform:translateY(-50%)}@media (max-width:480px){.mobile-btn{width:60px;height:60px;font-size:24px}.mobile-btn#btn-left{top:50%;bottom:auto;left:15px}.mobile-btn#btn-right{top:50%;bottom:auto;left:85px}.mobile-btn#btn-accelerate{top:50%;bottom:auto;right:15px}.mobile-btn#btn-brake{top:50%;bottom:auto;right:85px}#btn-coin{width:50px;height:50px;font-size:18px;top:15px;right:15px}#btn-mute{width:50px;height:50px;font-size:18px;top:73px;right:15px}}#btn-coin{background:#ffc800e6;border-color:#ffc800;width:50px;height:50px;font-size:18px;top:20px;right:20px}#btn-mute{background:#646464e6;border-color:#888;width:50px;height:50px;font-size:18px;top:78px;right:20px}.mute-icon{justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.mute-icon svg{width:100%;height:100%}.mute-icon.hidden{display:none}#btn-coin.mobile-btn-start{min-width:50px;padding:0 6px;font-size:14px}@media (max-width:768px){.topUI{font-size:12px;transform:translate(-50%,15px)}.topUI:before{height:12px;margin-right:15px;padding:1px;font-size:10px;line-height:12px}#time{left:10%}#score{left:50%}#lap{width:30%;font-size:10px;left:85%}#tacho{width:auto;font-size:16px;bottom:10%;right:20px}#tacho:after{font-size:12px}h1{font-size:2.5em}#text{font-size:.9em}#highscore{font-size:.7em}}