.connection-status-container{position:absolute;bottom:10px;right:10px;display:inline-block;cursor:pointer;margin:8px}.connection-status-container:hover .connection-tooltip{opacity:1;visibility:visible}.connection-status{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#3c3c3c80;box-shadow:0 1px 2px #0000001a}.connection-status .status-icon{font-size:10px;font-weight:400}.connection-tooltip{position:absolute;background-color:#282828b3;color:#ffffffe6;padding:4px 8px;border-radius:3px;font-size:10px;white-space:nowrap;bottom:100%;right:0;margin-bottom:6px;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:100}.input{background-color:#363a49;outline:none;border:none;padding:.75rem;font-size:1rem;border-radius:5px;color:#fff;width:100%;box-sizing:border-box}.input:hover{background-color:#363a49e6}@media only screen and (min-width: 769px){.input.username{border-bottom-right-radius:0;border-top-right-radius:0;border-right:1px dashed #757575}.input.room{border-bottom-left-radius:0;border-top-left-radius:0}}.button.join{width:100%}@media only screen and (min-width: 769px){.button.join{width:initial;margin-left:1rem}}.form{padding:1rem}.form .input{margin-bottom:1rem}@media only screen and (min-width: 769px){.form{display:flex}.form .input{margin-bottom:0}}.form__error{color:#cf4950cc;min-height:21px}.overview{position:absolute;top:1rem;right:1rem;padding:5px;border-radius:5px;background-color:#373a49;color:#aaa;font-size:12px}.overview__total-players{padding-bottom:5px}.overview__total-players span{color:#fff}.overview__rooms{max-height:70px;overflow-y:auto}.overview__rooms__entry{display:flex;align-items:center;padding:5px 0 0 15px;color:#fff;cursor:pointer}.overview__rooms__entry.has-started{color:inherit;padding-left:0}.overview__rooms__entry.has-started:hover{color:#fff}.live{background-color:red;width:5px;height:5px;border-radius:20px;display:flex;margin:0 5px}.sign-in-form{display:flex;flex-direction:column;align-items:center}.hamburger{position:absolute;top:9px;outline:none;padding:8px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;z-index:10;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover,.hamburger.is-active:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:#fff}.hamburger-box{width:30px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-1px}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{width:30px;height:2px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-7px}.hamburger-inner:after{bottom:-7px}.hamburger-inner{transition-duration:.22s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.hamburger-inner:before{transition:top .1s .25s ease-in,opacity .1s ease-in}.hamburger-inner:after{transition:bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19)}.menu--open .hamburger-inner{transform:rotate(225deg);transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.menu--open .hamburger-inner:before{top:0;opacity:0;transition:top .1s ease-out,opacity .1s .12s ease-out}.menu--open .hamburger-inner:after{bottom:0;transform:rotate(-90deg);transition:bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1)}.menu{background-color:transparent;color:#fff;width:55px;height:55px;border-radius:16px;box-shadow:0 2px 10px #0003;transition:.25s background-color ease-in-out,.2s height ease;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative}.menu__button{outline:none;border:none;background-color:transparent;width:100%;height:45px;padding:10px 0;margin:5px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease}.menu__button svg{width:24px;height:24px;stroke:currentColor;stroke-width:2}.menu__button:hover{transform:scale(1.1)}.menu.menu--open{height:300px;transition:.3s background-color ease,.3s height ease-in-out;background-color:#3556ca}.menu.menu--open .menu-entries{margin-top:20px;z-index:50;opacity:1;transition:.5s opacity ease-out}.menu-entries{display:flex;flex-direction:column;align-items:center;height:60%;width:100%;justify-content:space-between;transition:.3s margin ease;opacity:0;z-index:-1}.menu-entries .icon{transition:.2s transform ease}.menu-entries .icon:hover{transform:scale(.8)}.profile-picture{width:50px}#Speaker:hover path,#Speaker:hover line{stroke:#ffffff4d}#Speaker path,#Speaker line{fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10}#Speaker .off{display:none}#Speaker[disabled]{stroke:gray}#Speaker[disabled] .off{display:block}#Speaker[disabled] .on{display:none}#Speaker[disabled]:hover path,#Speaker[disabled]:hover line{stroke:#ffffff4d}#Feed path,#Feed line{fill:none;stroke:#000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10}#Feed:hover path,#Feed:hover line{stroke:#ffffff4d}#Feed .off{display:none}#Feed[disabled] .off{display:block}#Feed[disabled] .messages path,#Feed[disabled] .messages line{stroke:#ffffff4d}#Feed[disabled]:hover path,#Feed[disabled]:hover line{stroke:#ffffff4d}#Leave .door{fill:#cf4950cc}#Leave:hover .arrow{fill:#fff}.message__rolled__dice{color:#3556ca}.message__lost{color:#cf4950cc}.message__over{color:#daa520}.feed{position:absolute;right:0;top:0;display:flex;flex-direction:column;text-align:right;padding:1rem;max-height:100px;overflow-y:auto;box-sizing:border-box}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-button{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#e1e1e1;border:0px none #ffffff;border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#fff}::-webkit-scrollbar-thumb:active{background:#4d7be8}::-webkit-scrollbar-track{background:#666;border:0px none #ffffff;border-radius:15px}::-webkit-scrollbar-track:hover{background:#666}::-webkit-scrollbar-track:active{background:#333}::-webkit-scrollbar-corner{background:transparent}.settings{position:absolute;top:.5rem;left:.5rem}.settings .button{margin:0 1rem}.controls{position:absolute;bottom:20px}.controls button{margin:0 1.2rem}.players-list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.players-list.circle-board{z-index:-1;position:absolute;height:100%;width:100%}.players-list:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border:1px solid rgba(255,255,255,.05);border-radius:50%;pointer-events:none}.current-value{font-size:5rem;font-weight:700;color:#fff}.current-value.warning{color:#daa520}.current-value.danger{color:#cf4950cc}.rolled-dice{font-size:2.5rem;color:#3556ca;display:flex;align-items:center}.rolled-dice.number-3{color:#d3d3d3}.info{position:absolute;top:calc(50% + 3rem);left:50%;transform:translate(-50%,-50%);color:#91b34d;opacity:1;transition:opacity 2s ease-in}.info.hidden{opacity:0}.button.lose-life{background-color:transparent;padding:0}.button.lose-life:hover{background-color:transparent}.button.lose-life:focus{background-color:transparent}.button.lose-life[disabled],.button.lose-life[disabled]:hover{background-color:transparent}.button .icon{display:block;height:auto;width:2rem}#heart{fill:none;stroke:#d75a4a}#heart[disabled]{stroke:gray}#heart[disabled] #minus{fill:gray}#heart[disabled]:hover{fill:none}#heart[disabled]:hover #minus{fill:gray}#heart #minus{fill:#d75a4a;stroke:none}#heart:hover{fill:#d75a4a}#heart:hover #minus{fill:#fff}#heart.animating{will-change:transform;animation:heart .5s cubic-bezier(.17,.89,.32,1.49)}@keyframes heart{0%,25%{transform:scale(2);fill:gray;stroke:gray}}.player{position:absolute;display:flex;justify-content:center;align-items:center;min-width:100px;border-radius:5px;border:1px solid grey;padding:.5rem;transition:all .5s ease}.player:not(.started) .life{display:none}.player .life{position:absolute;top:-2.5rem;display:flex;justify-content:center}.player .life.life-0{color:#c5c5c5ad}.player .life.life-1{color:#cf4950cc}.player .life.life-2{color:#da7e35}.player .life.life-3,.player .life.life-4{color:#daa520}.player .life.life-5,.player .life.life-6{color:#43b581cc}.player .name{display:flex;justify-content:center;color:#fff}.player .name span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__rank{display:block;margin-right:6px}.player__rank img{width:2rem;height:2rem}.player.me{outline:2px solid #eee}.player.ready{border-color:#43b581cc}.player.turn{border:2px solid rgb(53.4016853933,86.2865168539,202.0983146067);animation:glow 1.5s ease-in-out infinite}.player.choosing{cursor:pointer;animation:highlight 1s infinite}.player.choosing:hover{animation:none;transform:translateY(-10px)}.player.lost{text-decoration:line-through}.player.lost .name{color:#c5c5c5ad}.player .disconnected{position:absolute;top:.25rem;right:.25rem}@keyframes highlight{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes border{0%{border-color:#fff}50%{border-color:transparent}to{border-color:#fff}}@keyframes glow{0%{box-shadow:0 0 5px #2196f3}50%{box-shadow:0 0 20px #2196f3}to{box-shadow:0 0 5px #2196f3}}.stats-tooltip{background:#000000e6;color:#fff;padding:.75rem 1rem;border-radius:4px;min-width:250px;z-index:1000}.stats-tooltip .username{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;color:#3556ca}.stats-tooltip .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stats-tooltip .stat-item .label{font-size:.8rem;opacity:.8}.stats-tooltip .stat-item .value{font-size:1.1rem;font-weight:700}.stats-tooltip:after{border-bottom-color:#0009}.standings{position:absolute;bottom:10px;left:10px;font-size:.9rem;max-width:120px}.standings ul{list-style:none;padding:0;margin:0}.standings li{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;border-bottom:1px solid rgba(221,221,221,.4)}.standings li:last-child{border-bottom:none}.standings .score{margin-left:.5rem}.standings .score.positive{color:#007bff}.roll-button-container{min-width:100px;display:flex;justify-content:center}.roll-button{display:flex;justify-content:center;align-items:center;position:relative;height:40px;width:100px;border:1px solid rgb(53.4016853933,86.2865168539,202.0983146067);outline:none;border-radius:20px;box-shadow:0 7px 14px #00000040,0 5px 5px #00000038;cursor:pointer;transition:transform .17s ease,all .26s ease}.roll-button:not(.disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #3f51b566;background:#3556ca}.roll-button.disabled{background:transparent;cursor:default;border-color:gray;box-shadow:unset}.roll-button.disabled .text{color:gray}.roll-button.disabled .dice path{fill:gray}.roll-button.rolling{background-color:#3556ca;border-color:#3556ca;width:40px}.roll-button.rolling .text{display:none}.roll-button.rolling .dice path{fill:#fff}.roll-button .text{color:#fff;-webkit-user-select:none;user-select:none;-moz-user-select:none;margin-left:.5rem}.roll-button .dice{width:20px;display:inline-block}.roll-button .dice path{fill:#fff}.statistics{display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.statistics .rolled-dice{position:absolute;left:-1.5rem}.page-container{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;color:#fff}.page-container.game{justify-content:normal}.button{padding:.75rem;box-sizing:border-box;outline:none;border:none;border-radius:5px;cursor:pointer;font-size:1rem;color:#fff;background-color:#3556ca;transition:background-color .17s ease,color .17s ease}.button:hover,.button:focus{background-color:#3556cae6}.button[disabled]{background-color:gray;cursor:initial}.button[disabled]:hover{background-color:gray}.button.light{color:#080808;background-color:#d3d3d3}.button.light:hover,.button.light:focus{background-color:#d3d3d3e6}.button.success{color:#fff;background-color:#43b581cc}.button.success:hover,.button.success:focus{background-color:#43b581b3}.button.danger{color:#080808;background-color:#cf4950cc}.button.danger:hover,.button.danger:focus{background-color:#cf4950b3}button.link{background-color:#0000;border:none}.link{text-decoration:underline;cursor:pointer;color:#3556ca}.link:hover{color:#2b45a2}.is-hidden{display:none}.is-invisible{visibility:hidden}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f212a;color:#fff}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}