@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Orbitron:wght@400..900&family=Oswald:wght@200..700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Oswald,sans-serif;font-optical-sizing:auto;font-style:normal;touch-action:manipulation;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none}@font-face{font-family:mario_kart_f2;src:url(/fonts/mario_kart_f2.ttf)}@font-face{src:url(https://assets.codepen.io/4175254/DIN2014-DemiBold.ttf) format("truetype");font-family:"DIN 2014"}.canvas-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.mobile-controls{position:fixed;top:0;left:0;z-index:2;display:flex;justify-content:center;align-items:center;height:100dvh;width:100vw;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.mobile-controls .bottom-left{position:absolute;left:7%;bottom:7%}.mobile-controls .steer-label{position:absolute;bottom:114px;left:52px;transform:translate(-50%);color:#fff;font:700 13px system-ui,sans-serif;letter-spacing:1.5px;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none}.mobile-controls .bottom-right{position:absolute;right:7%;bottom:7%;width:0;height:0}.mobile-controls .touch-btn{all:unset;position:absolute;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;transition:transform .08s ease,box-shadow .08s ease}.mobile-controls .touch-btn:active{transform:translateY(4px)}.mobile-controls .gas-btn{right:0;bottom:0;width:84px;height:84px;font-size:21px;background:radial-gradient(circle at 30% 30%,#58db84,#2e8c52);box-shadow:0 6px #1f4c32,0 4px 14px #0000004d}.mobile-controls .gas-btn:active{box-shadow:0 2px #1f4c32,0 2px 6px #0000004d}.mobile-controls .brake-btn{right:9px;bottom:94px;width:66px;height:66px;font-size:15px;background:radial-gradient(circle at 30% 30%,#ff8a66,#b23a22);box-shadow:0 6px #6e2414,0 4px 14px #0000004d}.mobile-controls .brake-btn:active{box-shadow:0 2px #6e2414,0 2px 6px #0000004d}.mobile-controls .drift-btn{right:9px;bottom:170px;width:66px;height:66px;font-size:14px;background:radial-gradient(circle at 30% 30%,#6aa8ff,#2c5fb0);box-shadow:0 6px #18356b,0 4px 14px #0000004d}.mobile-controls .drift-btn:active{box-shadow:0 2px #18356b,0 2px 6px #0000004d}.joystick-base{position:relative;border-radius:50%;background:radial-gradient(circle at center,#c7c7c7 60%,#aaa);box-shadow:inset 0 4px 6px #0003,inset 0 -2px 4px #fff3;touch-action:none}.joystick-knob{position:absolute;top:50%;left:50%;width:40%;height:40%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 30% 30%,#ddd,#999);background-image:repeating-radial-gradient(circle at center,rgba(255,255,255,.3) 0px,rgba(255,255,255,.1) 3px,transparent 6px);box-shadow:0 4px 6px #0000004d;border:2px solid #666;pointer-events:none;transition:transform .05s linear}canvas{filter:saturate(1.4)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff}.loading-screen .background{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:-1;object-fit:cover}.loading-screen .loading{font-family:"DIN 2014";font-weight:600;font-size:32px}.loading-screen .description{max-width:440px;margin:18px auto 0;padding:0 24px;font-family:"DIN 2014";font-weight:400;font-size:16px;line-height:1.45;text-align:center;color:#0a2540}.loading-screen .mention{position:absolute;bottom:15px;left:50%;transform:translate(-50%);text-align:center justify}.button-text-character{animation:fadeInMoveUp 1s cubic-bezier(.3,.8,.3,2.3) forwards;animation-delay:var(--delay);display:inline-block;transform:skew(-6deg);font-family:"DIN 2014";font-weight:600;text-shadow:#fff 1px 0 10px}.version{position:fixed;bottom:15px;font-family:"DIN 2014";color:#fff;font-weight:300}.start-btn{position:relative;overflow:hidden;animation:startGlow 2.2s ease-in-out infinite}.start-btn:after{content:"";position:absolute;top:0;left:-160%;width:60%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.65) 50%,transparent 100%);transform:skew(-20deg);animation:startShine 2.6s ease-in-out infinite;pointer-events:none}@keyframes startShine{0%{left:-160%}55%,to{left:160%}}@keyframes startGlow{0%,to{box-shadow:0 6px 18px #00000059}50%{box-shadow:0 0 26px #ffd60abf,0 6px 18px #00000059}}@keyframes fadeInMoveUp{0%,to{transform:translateY(0) skew(-6deg)}50%{transform:translateY(-5px) skew(-6deg)}}