@font-face{font-family:MainFont;src:url(Dimbo.82e4a362.ttf)}:root{font-size:20px}@media only screen and (max-aspect-ratio:3/2) and (max-width:880px){:root{font-size:2.23vw}}@media only screen and (max-aspect-ratio:3/2) and (max-width:330px){:root{font-size:7.5px}}@media only screen and (min-aspect-ratio:3/2) and (max-height:600px){:root{font-size:3.75vh}}body,html{height:100%;width:100%;margin:0;background:#123456}#version{font-size:.75rem;color:#dd2;position:absolute;bottom:2px;right:2px}#mainContainer{font-family:MainFont;position:relative;width:100%;height:100%;min-height:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden;display:flex;justify-content:center}#mainContainer #title{margin:.5rem 0;font-size:3rem}#mainContainer #back,#mainContainer #front{position:absolute;width:calc(100% - 10px);max-width:1000px;height:100%;margin:5px;box-sizing:border-box;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform 2s cubic-bezier(.645,.045,.355,1);box-shadow:0 0 40px rgba(0,0,0,.8)}#mainContainer #front{transform:rotateY(0deg)}#mainContainer #back,#mainContainer.gameStarted #front{transform:rotateY(180deg)}#mainContainer.gameStarted #back{transform:rotateY(0deg)}#mainContainer #front{font-size:1.5rem;background:#ff0;text-align:center}#mainContainer #front input:focus{outline:none}#mainContainer #front #inputContainer{position:relative;width:100%;max-width:16rem;margin:auto;font-family:MainFont}#mainContainer #front #inputContainer .fancyInput{position:relative}#mainContainer #front #inputContainer .fancyInput>input{width:100%;height:2rem;margin:.8rem 0;padding-left:1rem;padding-top:.5rem;padding-bottom:0;border:none;border-bottom:.15rem solid grey;box-sizing:border-box;font-size:1.5rem;font-family:MainFont;box-shadow:2px 2px 2px 0 #000}#mainContainer #front #inputContainer .fancyInput>.fancyInputLabel{position:absolute;top:0;left:1rem;line-height:100%;color:#e00000;transition:.2s}#mainContainer #front #inputContainer .fancyInput>input:focus+.fancyInputLabel,#mainContainer #front #inputContainer .fancyInput>input:valid+.fancyInputLabel{top:-.9rem;left:.5rem;font-size:1rem;color:rgba(159,1,0,.9)}#mainContainer #front #inputContainer .fancyInput>input:valid+.fancyInputLabel{color:rgba(0,159,5,.9)}#mainContainer #front #PlayerColor{padding:2px}#mainContainer #front #JoinGame{width:100%;height:2rem;margin:.5rem 0;border:none;border-bottom:.15em solid grey;box-sizing:border-box;font-size:1rem;font-family:MainFont;max-width:10rem;box-shadow:2px 2px 2px 0 #000}#mainContainer #front #JoinGame:focus{transform:scale(.9)}#mainContainer canvas{max-width:100%;max-height:96vh;position:absolute;left:0;right:0;margin:auto}#mainContainer #touchInput{display:flex;position:absolute;width:100%;height:100%;z-index:100}#mainContainer #touchInput.hidden{display:none}#mainContainer #touchInput>div{flex-grow:1;border-right:1px dashed rgba(0,139,139,.32941176470588235)}
/*# sourceMappingURL=main.512e3a6f.css.map */