.login-form{display:block}.login-form button,.login-form input{display:block;width:100%;margin:20px auto;padding:10px;border:1px solid #000;font-size:1.2em}.login-form button{background:#9a4;color:#fff;text-align:center;font-weight:700;cursor:pointer}.login-form button:hover{background:#771}.game-form-wrap{display:block}.game-form-wrap button,.game-form-wrap input{display:block;width:100%;margin:20px auto;padding:10px;border:1px solid #000;font-size:1.2em}.game-form-wrap button{background:#9a4;color:#fff;text-align:center;font-weight:700;cursor:pointer}.game-form-wrap button:hover{background:#771}.game-form-wrap button.all{background:#941}.game-form-wrap button.all:hover{background:#420;text-shadow:0 0 5px red}.answers{display:-webkit-box;display:-ms-flexbox;display:flex}.answers div{width:12.5%;padding:1px}.answers div span{display:block;text-align:center;color:#fff;font-weight:700;padding:5px 1px;border:1px solid #000;background:#aaa;pointer-events:none}.answers div.done span{background:#9a4;cursor:pointer}.answers div.active span{background:#ffa;color:#000}.answers div.active:hover span,.answers div.done:hover span{background:#771}.loading{display:block;position:relative}.loading button{visibility:hidden;opacity:0;pointer-events:none}.loading:after{position:absolute;width:30px;height:30px;border:5px dotted #565;border-radius:30px;top:50%;left:50%;margin-left:-15px;margin-top:-15px;display:block;content:"";-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body,html{margin:0;padding:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;max-width:1300px;margin:0 auto}#app h1{font-size:1em;margin:-10px auto 10px}#app h1 span{float:right;color:#a00;font-size:1.1em}.name{margin:-10px 0;height:20px}.logo{display:block;margin:0 auto;max-width:500px}#container,.logo{width:100%}.col-1-2,.col-1-3,.col-2-3{padding:10px;width:100%}@media screen and (min-width:767px){#container{display:-webkit-box;display:-ms-flexbox;display:flex}.col-1-2,.col-1-3,.col-2-3{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.col-1-2{width:50%}.col-1-3{width:33.33%}.col-2-3{width:66.66%}.logincol{max-width:400px;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}}#videobox{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;background:#000;position:relative}#videobox iframe{width:100%;height:100%;position:absolute;top:0;left:0}.tips{font-weight:700}.tips a{display:inline-block;padding:10px;color:#fff;text-decoration:none;background:#000}