body,html{margin:0;padding:0;overflow:hidden;overscroll-behavior:none;background-color:#000}@font-face{font-family:Sugarpunch;src:url(/fonts/sugarpunch.otf) format("opentype")}@font-face{font-family:Transformers;src:url(/fonts/transformers.ttf) format("truetype")}@font-face{font-family:GeosansLight;src:url(/fonts/GeosansLight.ttf) format("truetype")}@font-face{font-family:Alien;src:url(/fonts/alien.ttf) format("truetype")}@font-face{font-family:Arcade;src:url(/fonts/arcade.ttf) format("truetype")}canvas{height:100%}canvas,hr{width:100%}button{font-size:18px;outline:none;border:none;color:#000;background-color:transparent;padding:10px 20px 4px;border-radius:3px;transition:background-color .2s ease;font-family:Sugarpunch}button:hover{background-color:#e6e6e6}button:focus{outline:none}#reconnect-button{font-size:24px}.hidden{display:none!important}#broadcast-board{font-family:GeosansLight}#play-menu{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:50px 50px 20px;background-color:#fff;border:1px solid #000;display:flex;flex-direction:column;align-items:center;border-radius:5px;text-align:center;max-height:85%;overflow:auto}#play-menu #header{font-family:Sugarpunch}#play-menu #header #title{font-size:4rem;margin-bottom:1rem}#play-menu #header #subtitle,#play-menu p{font-size:1.5rem}#play-menu p{margin-bottom:0;font-family:GeosansLight;line-height:2rem}#play-menu p img{height:1.5rem}#play-menu #links{font-family:GeosansLight;font-size:1.5rem;line-height:2rem}#play-menu #links img{height:1.5rem}#play-menu #links #github{height:3rem}#play-menu #links #creator{margin-top:.5rem;font-size:1rem}#play-menu #links #infodep{font-family:GeosansLight}#play-menu #links #infodep a{text-decoration:none!important;color:#000;font-weight:700}#play-menu input{font-size:18px;outline:none;border:none;border-bottom:1px solid #000;margin-bottom:5px;padding:3px;text-align:center}#play-menu input:hover{outline:none}#gameover-board{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:20px 60px;background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:5px;text-align:center;max-height:85%;overflow:auto}#gameover-board h1{font-size:4.5rem}#gameover-board h1,#gameover-board h2{font-family:Sugarpunch;margin-bottom:.25rem}#gameover-board h2{font-size:2.5rem}#gameover-board p{font-family:GeosansLight;font-size:1.5rem;margin-bottom:10px}#gameover-board p b{white-space:pre}#gameover-board input{font-size:18px;outline:none;border:none;border-bottom:1px solid #000;margin-bottom:5px;padding:3px;text-align:center}#gameover-board input:hover{outline:none}#playerOnline{position:fixed;width:100vw;top:10px;text-align:center;font-size:1.5rem;color:#fff;font-family:GeosansLight}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}#broadcast-board{position:fixed;top:10px;left:10px}#broadcast-board ul{list-style-type:none;margin:0;padding:0}#broadcast-board ul li{position:absolute;display:table;color:#000;white-space:pre;margin:4px;padding:4px 10px;animation-name:fadeIn,fadeOut;animation-delay:0s,5s;animation-duration:1s,2s;animation-fill-mode:forwards,forwards}#broadcast-board ul li,#leaderboard{background-color:hsla(0,0%,100%,.5);border-radius:5px}#leaderboard{position:fixed;top:10px;right:10px;padding:10px;max-height:55vh;overflow:auto}#leaderboard th{font-family:Sugarpunch}#leaderboard td,#leaderboard th{text-align:center;padding:2px 5px}#leaderboard td{font-family:GeosansLight;white-space:pre}#disconnect-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75)}#disconnect-modal h2{font-family:GeosansLight;margin-top:-10px}#disconnect-modal>div{position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:30px 50px;background-color:#fff;border-radius:5px;text-align:center;font-family:sugarpunch;font-size:1.5rem}#disconnect-modal>div img{width:5rem}@media screen and (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}#gameover-board,#play-menu{padding:10px 15px;min-width:180px}#disconnect-modal>div{padding:10px;min-width:280px}#broadcast-board{top:5px;left:5px}#broadcast-board ul li{padding:2px 5px}#leaderboard td,#leaderboard th{padding:0 3px}#leaderboard table{font-size:14px}}