body{margin:0;counter-reset:help}.play-word-container{border:3px dashed #aaa;text-align:center;margin-bottom:1rem;padding:1rem;font-size:2rem;min-height:150px;cursor:pointer;position:relative}.play-word-container .play-word-mask,.play-word-container .play-word-word{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;-webkit-transition:all 0s linear;transition:all 0s linear;-webkit-transition-delay:1.5s;transition-delay:1.5s}.play-word-container .play-word-mask{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.play-word-container .play-word-word{opacity:0}.play-word-container:active .play-word-mask{-webkit-transition:all 0s linear;transition:all 0s linear;opacity:0}.play-word-container:active .play-word-word{-webkit-transition:all 0s linear;transition:all 0s linear;opacity:1}.navbar-light .navbar-brand{color:#eee}.control-round{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.control-round .btn{padding:1rem 2rem}.control-round-countdown{text-align:center;margin-top:1rem;color:red;font-weight:bold}h1{color:#007BFF}.help{padding-bottom:5rem}.help h3{margin-top:2.5rem;border-bottom:1px solid #ccc;counter-reset:help;padding-bottom:.5rem}.help h4{margin-top:2rem}.help h4::before{content:counter(help);counter-increment:help;float:left;width:2rem;height:2rem;margin-right:10px;text-align:center;background-color:#007BFF;color:#fff;border-radius:50%}.help img{max-width:100%;border:1px solid #ccc;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.help .help-btn{text-align:center;min-width:120px}.countdown{font-size:6rem}.loading-container{position:fixed;bottom:50px;left:calc(50% - 40px)}.loading{display:none}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#0069D9;-webkit-animation-timing-function:cubic-bezier(0, 1, 1, 0);animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:8px;-webkit-animation:lds-ellipsis1 0.6s infinite;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:8px;-webkit-animation:lds-ellipsis2 0.6s infinite;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:32px;-webkit-animation:lds-ellipsis2 0.6s infinite;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 0.6s infinite;animation:lds-ellipsis3 0.6s infinite}@-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(24px, 0);transform:translate(24px, 0)}}@keyframes lds-ellipsis2{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}100%{-webkit-transform:translate(24px, 0);transform:translate(24px, 0)}}.messages-container{position:fixed;top:1rem;right:1rem;z-index:1040;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.message-toast{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:500px;color:#fff;border-radius:5px;padding:0.3rem 0.6rem;margin-bottom:0.4rem}.message-toast span{padding:1rem 0.5rem}.message-toast span.message-toast-icon{background-color:rgba(255,255,255,0.8);border:1px solid transparent;border-radius:5px 0 0 5px;border-left-width:5px;text-align:center;width:3rem;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-toast span.message-toast-icon::before{display:inline-block;padding-right:0.3rem;font-family:"icomoon" !important;font-size:1.1em}.message-toast span.message-toast-close{display:block;cursor:pointer;border-radius:0 5px 5px 0}.message-toast span.message-toast-close::before{display:block;font-family:"icomoon" !important;content:"\ea0f";font-size:0.6rem}.message-toast-error span{background-color:rgba(204,0,0,0.8)}.message-toast-error span.message-toast-icon{border-color:rgba(204,0,0,0.8);color:#c00}.message-toast-error span.message-toast-icon::before{-webkit-animation:clignotant 0.4s ease 6;animation:clignotant 0.4s ease 6;content:"\ea07"}.message-toast-info span{background-color:rgba(0,153,204,0.8)}.message-toast-info span.message-toast-icon{border-color:rgba(0,153,204,0.8);color:#09c}.message-toast-info span.message-toast-icon::before{-webkit-animation:clignotant 0.3s ease 1;animation:clignotant 0.3s ease 1;content:"\e912"}.message-toast-success span{background-color:rgba(0,126,51,0.8)}.message-toast-success span.message-toast-icon{border-color:rgba(0,126,51,0.8);color:#007e33}.message-toast-success span.message-toast-icon::before{-webkit-animation:clignotant 0.3s ease 1;animation:clignotant 0.3s ease 1;content:"\e936"}.message-toast-warning span{background-color:rgba(255,136,0,0.8)}.message-toast-warning span.message-toast-icon{border-color:rgba(255,136,0,0.8);color:#f80}.message-toast-warning span.message-toast-icon::before{-webkit-animation:clignotant 0.3s ease 5;animation:clignotant 0.3s ease 5;content:"\e936"}@-webkit-keyframes clignotant{from{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes clignotant{from{opacity:0}50%{opacity:1}to{opacity:0}}