*{margin:0;padding:0;font-family:"Space Grotesk",sans-serif;color:#fff}html,body{position:relative;height:100%;width:100%;overflow:hidden;background-color:#000}li{list-style:none}.button{height:40px;width:200px;border:1px solid #0070f3;border-radius:6px;background-color:transparent}.button:hover{background-color:#0070f3;box-shadow:0 4px 14px 0 rgba(0,118,255,.39)}.webgl{position:fixed;top:0;left:0;outline:none;opacity:0}#ui{height:100%;width:100%}#ui .game-loading{position:absolute;text-align:center;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#000;opacity:0;visibility:hidden}#ui .game-loading .loading-bar{width:300px;height:2px;margin-top:10px;transform:scaleX(0);background-color:#fff;transform-origin:top left;transition:transform .5s;will-change:transform}#ui .game-start{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:50px;left:50%;width:100%;transform:translateX(-50%);opacity:0;visibility:hidden}#ui .game-start .game-title{text-transform:uppercase}#ui .game-start .nickname-input{text-align:center;width:160px;height:64px;margin-top:20px;border:1px solid #9499c3;border-radius:6px;background-color:#000;color:#fff;outline:none}#ui .game-start .start-button{width:160px;height:64px;margin-top:10px;border:none;border-radius:6px;background-color:#fff;color:#000;cursor:pointer}#ui .game-start .start-button:hover{color:#fff;background-color:#0070f3;box-shadow:0 4px 14px 0 rgba(0,118,255,.39)}#ui .game-start .input-error{font-size:18px;color:red}#ui .game-setting{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;top:20%;left:50%;width:100%;transform:translateX(-50%);opacity:0;visibility:hidden}#ui .game-setting .game-instruction{text-align:center;margin-top:20px}#ui .game-setting .game-instruction span{display:block;margin-top:5px}#ui .game-play{opacity:0;visibility:hidden;pointer-events:none}#ui .game-play .count-down{position:absolute;top:25%;left:50%;transform:translateX(-50%);font-size:50px}#ui .game-play .energy-box{position:absolute;bottom:150px;right:30px;height:400px;width:50px;border:1px solid #0070f3;border-radius:6px}#ui .game-play .energy-box .energy-bar{position:absolute;bottom:0;width:100%;height:0%;border-radius:6px;background-color:#0070f3}#ui .game-play .space-bar-guide{position:absolute;display:flex;justify-content:center;align-items:center;bottom:10%;left:50%;height:40px;width:200px;transform:translateX(-50%);border:1px solid gray;border-radius:6px;background-color:gray;color:#000}#ui .game-launch{position:absolute;bottom:40px;left:25px;font-size:20px;pointer-events:none;opacity:0;visibility:hidden}#ui .game-launch .speed-box{margin-top:20px}#ui .game-over{position:absolute;visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;top:8%;left:50%;transform:translateX(-50%);opacity:0}#ui .game-over .user-score-box span{font-size:20px}#ui .game-over .scoreboard{display:flex;flex-direction:column;width:300px;height:330px;margin-top:20px;padding:20px;border:1px solid #0070f3;border-radius:6px;background-color:#000;opacity:.5}#ui .game-over .scoreboard .attribute{border-bottom:1px solid #fff;padding:0px 5px}#ui .game-over .scoreboard .score-element{display:flex;justify-content:space-between;margin-bottom:10px}#ui .game-over .scoreboard .score-element .nickname{width:150px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#ui .game-over .restart-button{margin-top:20px;background-color:#000;opacity:.5}#ui .game-over .button:hover{background-color:#0070f3;box-shadow:0 4px 14px 0 rgba(0,118,255,.39);opacity:1}#ui.load .game-loading{opacity:1;visibility:visible}#ui.start .game-start{opacity:1;visibility:visible}#ui.set .game-setting{visibility:visible}#ui.play .game-play{opacity:1;visibility:visible}#ui.launch .game-launch{opacity:1;visibility:visible}#ui.end .game-over{opacity:1;visibility:visible}