.room{text-align:center;background-color:#06131e}.room .non-dialog{-webkit-transition:-webkit-filter .15s;transition:-webkit-filter .15s;-o-transition:filter .15s;transition:filter .15s;transition:filter .15s,-webkit-filter .15s}.room.has-dialog .non-dialog{-webkit-filter:blur(2px);filter:blur(2px)}.room .logo{height:80px}.room .title{font-size:1.2em}.room .games-table{width:100%;border-collapse:collapse}.room .games-table tr:nth-child(2n){background-color:rgba(0,0,0,.3)}.room .games-table td{text-align:center;padding:.7em}.room .games-table td.wide{width:41%}.room .games-table td.narrow{width:4%}.room .games-table td.x{color:red}.room .v{color:hsla(0,0%,100%,.6)}.room button{background-color:#0d2c44;color:#fff;border:0;border-radius:.5em;padding:.5em;margin:.5em 1em;cursor:pointer}.room button.icon{border-radius:100%;width:2em;height:2em}.room button:active{background-color:#0c263c}.room .simulator-buttons{margin-bottom:.6em}.room .simulator-buttons button{margin:0 1em}.room button:disabled{color:hsla(0,0%,100%,.35)}.room .placeholder-textbox{font-style:italic;padding:.5em}.room .placeholder-text{font-style:italic}.room .header-menu-icon{position:absolute;left:0;top:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:3.2em;text-align:center;font-size:1.5em;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.room .header-menu-icon div{width:100%;text-align:center;-webkit-transform:scaleX(1.4);-ms-transform:scaleX(1.4);transform:scaleX(1.4)}#qr-canvas{-ms-flex-item-align:center;align-self:center;border-radius:10px;margin:10px}.leaderboard{position:relative}.leaderboard .placeholder{font-style:italic;padding:.5em}.leaderboard .row-positioner{position:absolute;width:100%;-webkit-transition:top .5s;-o-transition:top .5s;transition:top .5s}.leaderboard-row{padding:.5em;position:relative;max-height:1em;background-color:#4d192a}.leaderboard-row .label{display:inline-block;position:absolute;left:.5em;height:1em}.leaderboard-row .rating{display:inline-block;position:absolute;right:.5em}.leaderboard-row .rating-decoration{display:inline-block;position:absolute;right:4.5em;font-size:.8em;margin-top:.15em;color:hsla(0,0%,100%,.7)}.leaderboard-row .shading{background:-webkit-gradient(linear,left top,right top,from(#a20659),to(#dd2742));background:-webkit-linear-gradient(left,#a20659,#dd2742);background:-o-linear-gradient(left,#a20659,#dd2742);background:linear-gradient(90deg,#a20659,#dd2742);left:0;top:0;bottom:0;position:absolute}.leaderboard-row.alt .tint{background:rgba(0,0,0,.1);left:0;top:0;bottom:0;right:0;position:absolute}.player-selector{padding:.5em;text-align:center;color:#fff}.player-selector.placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.player-selector.add-new-option,.player-selector .add-new-option{font-style:italic}.player-selector-dialog .option{padding:1em;text-align:center;cursor:pointer}.player-selector-dialog .option:nth-child(2n){background-color:rgba(0,0,0,.3)}.player-selector-dialog .option.selected{background:-webkit-gradient(linear,left top,right top,from(#a20659),to(#dd2742));background:-webkit-linear-gradient(left,#a20659,#dd2742);background:-o-linear-gradient(left,#a20659,#dd2742);background:linear-gradient(90deg,#a20659,#dd2742)}.player-selector-dialog .option input{background:none;border:none;color:#fff;text-align:center;font-size:1.1em;padding:1em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.player-selector-dialog .option input::-webkit-input-placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.player-selector-dialog .option input:-ms-input-placeholder,.player-selector-dialog .option input::-ms-input-placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.player-selector-dialog .option input::placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.player-selector-dialog .option input:focus::-webkit-input-placeholder{color:transparent}.player-selector-dialog .option input:focus:-ms-input-placeholder,.player-selector-dialog .option input:focus::-ms-input-placeholder{color:transparent}.player-selector-dialog .option input:focus::placeholder{color:transparent}.game-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;opacity:1;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.game-row.static.drag-complete{opacity:0}.game-row>div:not(.v-container){-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0}.game-row .v{color:hsla(0,0%,100%,.6);height:100%;margin:0;width:calc(2em + 2px);text-align:center;line-height:calc(2em + 2px)}.game-row.drag-complete .v{opacity:0}.game-row.alt{background-color:rgba(0,0,0,.3)}.game-row .v.active{color:#fff;background-color:#c4124d}.game-row.alt .v.active{background-color:#830c34}.game-row .player-static{padding:.5em;text-align:center}.game-row-dialog .option{padding:1em;text-align:center;cursor:pointer}.game-row-dialog .option:nth-child(2n){background-color:rgba(0,0,0,.3)}.game-row-dialog .option.selected{background:-webkit-gradient(linear,left top,right top,from(#a20659),to(#dd2742));background:-webkit-linear-gradient(left,#a20659,#dd2742);background:-o-linear-gradient(left,#a20659,#dd2742);background:linear-gradient(90deg,#a20659,#dd2742)}.section .section-header{background:-webkit-gradient(linear,left top,right top,from(#062d37),color-stop(#024850),to(#062d37));background:-webkit-linear-gradient(left,#062d37,#024850,#062d37);background:-o-linear-gradient(left,#062d37,#024850,#062d37);background:linear-gradient(90deg,#062d37,#024850,#062d37);color:#fff;font-size:1.2em}.section .section-header .arrow{float:left;position:absolute}.section .section-header .arrow .arrow-content{display:inline-block;margin-top:-.15em;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.section.collapsed .section-header .arrow .arrow-content{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.section .section-header{border:2px solid transparent}.section .section-header>div{border:1px solid rgba(4,162,180,.5)}.section .section-header>div>div{border:2px solid transparent}.section .section-header>div>div>div{border:1px solid hsla(186,0%,50%,.5);padding:.5em}.section .section-body{text-align:left;padding:.7em;overflow-y:hidden;-webkit-transition:height .2s,padding .2s;-o-transition:height .2s,padding .2s;transition:height .2s,padding .2s}.section.collapsed .section-body{overflow-y:hidden;height:0;padding:0 .7em}.modal-dialog{z-index:1000;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:hsla(0,0%,6%,.8);-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s;opacity:1;pointer-events:auto}.modal-dialog.hidden{opacity:0;pointer-events:none}.modal-dialog .cover{position:absolute;top:0;left:0;bottom:0;right:0}.modal-dialog .content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.modal-dialog .dialog-header{background:-webkit-gradient(linear,left top,right top,from(#062d37),color-stop(#024850),to(#062d37));background:-webkit-linear-gradient(left,#062d37,#024850,#062d37);background:-o-linear-gradient(left,#062d37,#024850,#062d37);background:linear-gradient(90deg,#062d37,#024850,#062d37);color:#fff;font-size:1.2em}.modal-dialog .dialog-header>div{border:1px solid rgba(4,162,180,.5)}.modal-dialog .dialog-header>div>div{border:2px solid transparent}.modal-dialog .dialog-header>div>div>div{border:1px solid hsla(186,0%,50%,.5);padding:.5em}.modal-dialog .dialog-body{text-align:left;padding:.7em;overflow-y:auto;max-height:50vh;background-color:#06131e}.modal-dialog .dialog-footer{background-color:#0d2c44;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.modal-dialog .dialog-button:not(:last-child){border-right:1px solid #000}.modal-dialog .dialog-button{padding:.5em;cursor:pointer}.modal-dialog .dialog-button:not(.disabled):active{background-color:#0c263c}.modal-dialog .dialog-button.disabled{color:hsla(0,0%,100%,.35)}.selector-dialog .option{padding:1em;text-align:center;cursor:pointer}.selector-dialog .option:nth-child(2n){background-color:rgba(0,0,0,.3)}.selector-dialog .option.selected{background:-webkit-gradient(linear,left top,right top,from(#a20659),to(#dd2742));background:-webkit-linear-gradient(left,#a20659,#dd2742);background:-o-linear-gradient(left,#a20659,#dd2742);background:linear-gradient(90deg,#a20659,#dd2742)}.selector-dialog .option input{background:none;border:none;color:#fff;text-align:center;font-size:1.1em;padding:1em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.selector-dialog .option input::-webkit-input-placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.selector-dialog .option input:-ms-input-placeholder,.selector-dialog .option input::-ms-input-placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.selector-dialog .option input::placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.selector-dialog .option input:focus::-webkit-input-placeholder{color:transparent}.selector-dialog .option input:focus:-ms-input-placeholder,.selector-dialog .option input:focus::-ms-input-placeholder{color:transparent}.selector-dialog .option input:focus::placeholder{color:transparent}.room-settings-dialog input{background:none;border:none;color:#fff;text-align:center;font-size:1.1em;padding:1em;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.room-settings-dialog input::-webkit-input-placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.room-settings-dialog input:-ms-input-placeholder,.room-settings-dialog input::-ms-input-placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.room-settings-dialog input::placeholder{font-style:italic;color:hsla(0,0%,100%,.5)}.room-settings-dialog input:focus::-webkit-input-placeholder{color:transparent}.room-settings-dialog input:focus:-ms-input-placeholder,.room-settings-dialog input:focus::-ms-input-placeholder{color:transparent}.room-settings-dialog input:focus::placeholder{color:transparent}body{margin:0;padding:0;background-color:#06131e;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;height:100vh}body,button,select{font-family:comfortaa,sans-serif}button:focus,input:focus,select:focus,textarea:focus{outline:none}.header{padding:2em;color:hsla(0,0%,100%,.5);text-align:center;position:relative}
/*# sourceMappingURL=main.e452e908.css.map*/