body,html{height:100%;margin:0}body{background-color:#181818;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:24px}#root{bottom:0;left:0;position:absolute;right:0;top:0}main{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}main.name-select{background:url(/static/media/bg.a5f388baea32cd035fda.png);background-size:cover}.logo{left:36px;position:absolute;top:24px}p{margin:0 0 5px}input[type=text]{font-feature-settings:"pnum" on,"onum" on;background:#e0e0e0;box-shadow:inset 14px 8px 0 #656565cc;box-sizing:border-box;color:#2d2d2d;font-family:Open Sans;font-size:20px;letter-spacing:.01em;margin-bottom:24px;max-width:90%;padding:12px 66px 10px;text-align:center}.btn,input[type=text]{border:none;outline:none}.btn{background-color:#504dd2;background:#504dd2;border-radius:32px;box-shadow:4px 8px 0 #00000040;color:#f4f4f4;font-family:Open Sans;font-size:20px;font-style:normal;font-weight:400;line-height:162.5%;padding:8px 64px}form{align-items:center;display:flex;flex-direction:column}.horizontal{flex-direction:row}.joystick{bottom:20px;display:none;position:absolute;right:24px;z-index:100}@media only screen and (max-width:600px){.joystick{display:block}}