:root{--blue:#3490dc;--indigo:#6574cd;--purple:#9561e2;--pink:#f66D9b;--red:#e3342f;--orange:#f6993f;--yellow:#ffed4a;--green:#38c172;--teal:#4dc0b5;--cyan:#6cb2eb;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#3490dc;--secondary:#6c757d;--success:#38c172;--info:#6cb2eb;--warning:#ffed4a;--danger:#e3342f;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Nunito",sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.callout{background:#3e4451;transition:height .2s linear;line-height:32px}.callout.error{background:#b82a2a}.callout.info{background:#92929c}.callout.active{height:32px;transition:height .2s linear}.callout p{margin:0;padding:0 8px}.callout .close{cursor:pointer;position:absolute;border:none;border-radius:0;background:0 0;top:0;right:0;height:32px;width:32px;font-size:20px}.callout .close:hover{background:rgba(255,255,255,.2)}.modal-container{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(30,30,30,.3);align-items:center;justify-content:center;z-index:99}.modal-container .modal{position:relative;min-width:300px;max-height:calc(100vh - 20px);max-width:calc(100% - 20px);margin:0;background:#fff;box-shadow:0 0 10px #666}.modal-container .modal .close{position:absolute;right:0;top:0;width:30px;height:30px;background:#ddd;border-radius:0;border:0}.modal-container .modal .close:hover{background:#f22;cursor:pointer}.modal-container .modal .title{line-height:30px;margin:0;padding:0 8px}.modal-container .modal>div{padding:8px}.modal-container .modal .loader{display:block;font-size:3rem;text-align:center;padding:20px 0}:root{--blue:#3490dc;--indigo:#6574cd;--purple:#9561e2;--pink:#f66D9b;--red:#e3342f;--orange:#f6993f;--yellow:#ffed4a;--green:#38c172;--teal:#4dc0b5;--cyan:#6cb2eb;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#3490dc;--secondary:#6c757d;--success:#38c172;--info:#6cb2eb;--warning:#ffed4a;--danger:#e3342f;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Nunito",sans-serif;--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.player{position:relative;padding:8px}.player:hover{background:rgba(160,160,160,.3);cursor:pointer}.player .avatar,.player .name{display:inline-block;vertical-align:top;line-height:60px}.player .avatar{color:#c2dbf0;text-align:center;width:60px;height:60px;border-radius:50%;box-shadow:0 0 4px 4px transparent,0 0 4px 4px transparent inset;background:radial-gradient(#7d7875,#554e48)}.player .avatar.no-avatar:after{content:"\f007";font-family:"Font Awesome 5 Free";font-size:32px;line-height:60px}.player .name{margin-left:8px}.player .badges{float:right;display:block;height:60px;line-height:60px;font-size:1.5rem}.player .badges .fa-crown{color:#bfa215}*{transition:opacity 250ms linear;box-sizing:border-box}body{color:#c2dbf0;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;margin:0;padding:0;min-height:100vh;background:radial-gradient(circle farthest-corner,#3c3b52 0,#252233 80%)}body>main{position:relative;max-width:100%;margin:0 auto;overflow:auto}body>main>.game{min-height:calc(100vh - 60px)}body>header{height:60px;box-shadow:0 1px 1px rgba(0,0,0,.15);background:#272c33;color:#c2dbf0}body>header .title{float:left;line-height:60px;font-size:1.5rem;margin:0 12px}body>header nav{height:60px;display:flex;justify-content:center;align-items:center}body>header nav a,body>header nav a:focus,body>header nav a:link,body>header nav a:visited{margin:0 10px;text-decoration:none;color:#c2dbf0;transition:text-shadow 250ms linear}body>header nav a:focus:hover,body>header nav a:hover,body>header nav a:link:hover,body>header nav a:visited:hover{transition:text-shadow 250ms linear}body>header nav a.selected,body>header nav a:focus.selected,body>header nav a:link.selected,body>header nav a:visited.selected{color:#7e8aa4}body .setup{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-items:center;align-items:center;z-index:100;background:rgba(40,40,40,.7)}.hidden{opacity:0;z-index:-1!important;transition:z-index 250ms linear,opacity 250ms linear}a:focus,a:link,a:visited{color:#fff;text-decoration:none}.games .game{display:flex;padding:4px 0;line-height:42px}.games .game .image{width:42px;height:42px}.games .game:hover{background:rgba(160,160,160,.3);cursor:pointer}