#main_container{width:100%;height:100vh}canvas{width:100%}html{-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:none}body{margin:0;padding:0;height:100vh;overflow:hidden;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:none}#root{width:100%;margin:0;padding:0;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Press Start 2P",system-ui;touch-action:none}#controls_overlay{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}#control_buttons_container{position:absolute;bottom:2%;left:2%;transform:translate(0);z-index:2;display:grid;grid-template-columns:70px 70px 70px;row-gap:2px;column-gap:2px}#controls_overlay button{width:70px;height:70px;border-radius:5px;cursor:pointer;background-color:#fff;opacity:.8;-webkit-user-select:none;user-select:none;min-width:none;font-size:8px;margin:0;touch-action:none!important}#control_buttons_containerbutton:active{outline:none}#control_buttons_containerbutton:focus{outline:none}@media only screen and (max-width: 728px){#control_buttons_container{grid-template-columns:80px 80px 80px}#controls_overlay button{width:80px;height:80px}#control_buttons_container{left:50%;transform:translate(-50%)}}.ui_screen{position:absolute;z-index:1;width:100%;height:100vh;margin:0;padding:0;background-color:#fffc}.ui_content{max-width:728px;width:100%;height:100vh;margin:0 auto;padding:40px 0 0;background-color:#ffffffb3}img{display:block;width:80%;height:auto;margin:0 auto;padding:0 0 40px}button{display:block;text-align:center;width:80%;height:70px;margin:8px auto;cursor:pointer;font-family:"Press Start 2P",system-ui;font-size:24px;background-color:#fff;border-width:4px}button:hover{opacity:.6}@media only screen and (max-width: 728px){button{width:90%;font-size:16px;height:60px}}h1{color:#000;margin:0;padding:0;text-align:center}#tutorial_screen_content{width:80%;margin:40px auto 0}#tutorial_screen_content_block{min-height:400px}.tutorial_grid{display:flex;flex-wrap:wrap}.tutorial_grid:first-child{width:100%;flex-wrap:nowrap}.tutorial_grid div{display:flex;width:100%;align-items:center;justify-content:center}.tutorial_bullet{display:inline;font-size:24px;width:10%}.tutorial_screen p{width:100%;line-height:24px}#tutorial_screen_button_container span{margin:0 8px}.tutorial_screen_button{display:inline-block;width:50px;height:50px;text-align:center}.button_tutorial{display:block;text-align:center;width:80%;height:50px;margin:0 auto}.tutorial_screen{width:100%}video{display:block;width:90%;height:auto;margin:0 auto;opacity:.6}@media only screen and (max-width: 728px){#tutorial_screen_content{width:90%;margin:0 auto}#tutorial_screen_content h1{font-size:24px;text-align:left;margin:0 0 16px}#tutorial_screen_content h2{font-size:16px;text-align:left;margin:12px 0 4px}.tutorial_screen p{font-size:14px;line-height:18px}.tutorial_screen_button{display:inline-block;width:30px;height:30px;text-align:center;font-size:14px}.tutorial_bullet{width:15%}#tutorial_screen_content_block{min-height:320px}}.gameover_screen{position:absolute;z-index:1;width:100%;height:100vh}.gameover_content{max-width:728px;width:100%;position:absolute;bottom:5%;left:50%;background-color:#fffc;text-align:center;padding:30px 0 20px;transform:translate(-50%)}.gameover_content h1{font-size:32px}.gameover_content h2{font-size:16px}.gameover_content h3{font-size:24px}@media only screen and (max-width: 728px){.gameover_content h1{font-size:24px}.gameover_content h2{font-size:14px}.gameover_content h3{font-size:18px}}.options_screen,.options_screen_content{height:100vh}.options_screen_content h2{width:80%;margin:20px auto}@media only screen and (max-width: 728px){.options_screen_content h2{width:90%;margin:20px auto}button{width:90%}}
