#loading{display:none;position:fixed;width:100%;height:100%;top:0;align-items:center;justify-content:center;z-index:10000;background:rgba(0,0,0,.7)}#loading #loader_circle .circle{background-color:rgba(0,0,0,0);border:5px solid rgba(0,229,99,.9);opacity:.9;border-right:5px solid rgba(0,0,0,0);border-left:5px solid rgba(0,0,0,0);border-radius:100px;box-shadow:0 0 35px #00e563;width:100px;height:100px;margin:0 auto;animation:spinPulse 1s infinite linear}#loading #loader_circle .circle1{background-color:rgba(0,0,0,0);border:5px solid rgba(0,229,99,.9);opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:100px;box-shadow:0 0 15px #00e563;width:60px;height:60px;margin:0 auto;position:relative;top:-90px;animation:spinoffPulse 1s infinite linear}#login,#player_resister{display:none;flex-direction:column;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;background-image:url(../img/binkan_back_white.png);background-repeat:repeat;background-size:80px;z-index:9999}#login .login_title,#login .resister_title,#player_resister .login_title,#player_resister .resister_title{display:inline-block;line-height:1.5em;margin:0 auto 10px;padding:0 1em;color:#fff;background:#000;font-family:"sofachrome",sans-serif;font-size:40px;margin-bottom:60px;text-align:center}@media screen and (max-width: 420px){#login .login_title,#login .resister_title,#player_resister .login_title,#player_resister .resister_title{font-size:30px}}#login .login_description,#player_resister .login_description{font-size:20px;margin-bottom:60px;line-height:1.2em;text-align:center}@media screen and (max-width: 420px){#login .login_description,#player_resister .login_description{font-size:4.5vw}}#login .resister_description,#player_resister .resister_description{font-size:20px;margin-bottom:10px;line-height:1.2em;text-align:center}#login .resister_description#name_error,#player_resister .resister_description#name_error{display:none;color:#ff2020;margin-bottom:10px;margin-top:10px}#login #player_name_input,#player_resister #player_name_input{font-family:"sicuveiw-dsp",sans-serif;font-weight:600;font-style:normal;font-size:24px;padding:.5em 1em;width:400px;text-align:center;border:#3787ff solid 4px;border-radius:6px;transition:.1s all}@media screen and (max-width: 420px){#login #player_name_input,#player_resister #player_name_input{font-size:20px;width:calc(90% - 4em)}}#login #player_name_input:disabled,#player_resister #player_name_input:disabled{border:#111 solid 4px;background-color:#ccc;transition:.1s all}#login #login_button,#login #resister_button,#player_resister #login_button,#player_resister #resister_button{position:relative;display:flex;justify-content:center;align-items:center;margin:0 auto;margin-top:60px;padding:1em 4em;color:#fff;font-size:20px;font-weight:600;background-color:#3787ff;border-radius:2em;border:.2rem solid #222;box-shadow:.2rem .2rem 0px .1rem #ccc;transition:.1s all}#login #login_button.disabled,#login #resister_button.disabled,#player_resister #login_button.disabled,#player_resister #resister_button.disabled{background-color:#363636;transition:.1s all}@media screen and (max-width: 420px){#login #login_button,#login #resister_button,#player_resister #login_button,#player_resister #resister_button{font-size:16px}}@keyframes spinPulse{0%{transform:rotate(160deg);opacity:0}50%{transform:rotate(145deg);opacity:1}100%{transform:rotate(-320deg);opacity:0}}@keyframes spinoffPulse{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}