@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 .bottom-right{position:absolute;right:7%;bottom:7%}.mobile-controls .bottom-right button{all:unset;position:relative;width:100px;height:100px;background:radial-gradient(circle at 30% 30%,#58db84,#37995c);color:#37995c;font-weight:700;font-size:48px;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 6px #1f4c32,0 4px 15px #0000004d;transition:all .15s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none;overflow:hidden}.mobile-controls .bottom-right button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.6) 0%,rgba(255,255,255,.15) 40%,transparent 60%);pointer-events:none;transform:rotate(-20deg);z-index:3}.mobile-controls .bottom-right button:active,.pressed{transform:translateY(4px);box-shadow:0 2px #1f4c32,0 2px 6px #0000004d;background:radial-gradient(circle at 30% 30%,#4fd176,#2e7a4d)}.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;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 .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}@keyframes fadeInMoveUp{0%,to{transform:translateY(0) skew(-6deg)}50%{transform:translateY(-5px) skew(-6deg)}}