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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;font-size:calc(12px + 1vmin);font-weight:700;box-sizing:border-box;min-width:768px;min-height:900px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.App,button{font-family:"Helvetica Neue",sans-serif}button{font-weight:450;border:1px solid #000;border-radius:8px;height:40px;background-color:#d3d3d3}.messageWrapper{position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;z-index:100;background-color:rgba(0,0,0,.3)}.messageBox,.messageWrapper,.newGameBox,.statsBox{display:flex;flex-direction:column;align-items:center}.messageBox,.newGameBox,.statsBox{justify-content:space-between;background-color:#ffffe0;color:#000;border:6px solid #00008b;border-radius:20px;padding:10px;-webkit-user-select:text;-ms-user-select:text;user-select:text;font-weight:400}.newGameBox{width:50%;min-height:300px;min-width:300px;max-width:450px}.newGameBox button,.newGameBox input{font-size:90%}.newGameBox .buttonArea button:first-child{margin-right:20px}.newGameBox .buttonArea button:last-child{margin-left:20px}.newGameBox td{text-align:left}.messageBox{font-size:85%;width:50%;min-width:150px;min-height:150px;max-width:500px;max-height:900px}.messageText{margin:20px 10px;font-size:150%}.messageBox button{width:40px;height:40px}.messageBox .buttonArea{margin-top:10px;margin-bottom:10px}.statsBox{width:50%;min-width:150px;min-height:150px;max-width:400px;max-height:600px;font-size:85%}.statsBox table{border-collapse:collapse;margin-bottom:20px}.statsBox td,.statsBox tr:last-child th{border:1px solid #000;padding:1px 2px}.scoreTable{margin-left:auto;margin-right:auto}.scoreTable td,.scoreTable th{text-align:center;padding-right:10px}.scoreTable td:last-child,.scoreTable td:nth-child(2),.scoreTable th:last-child,.scoreTable th:nth-child(2){width:4em}.gameWinnerText,.roundWinnerText{font-weight:700}.gameWinnerText{font-size:150%;color:red}.justinImg{width:80%}.arena{position:fixed;top:0;left:0;right:0;height:50%;min-width:768px;min-height:420px;background-color:#006400}.arenaHeader{display:flex;align-items:center;justify-content:space-between;color:#fff;height:60px;padding-top:10px}.arenaHeader div:first-child button{font-size:80%}.arenaHeader div:nth-child(2){display:flex;align-items:center;justify-content:center}.arenaHeader .tile{margin-left:10px}.trainStats{font-size:90%}.arenaHeader>div{margin-left:10px;margin-right:10px}.arenaHeader .gameText{font-size:80%;border-collapse:collapse}.arenaHeader .gameText td:first-child{text-align:right}.arenaPlayers{display:flex;margin-top:10px;justify-content:space-around}.player{font-size:85%;height:313px;min-width:90px;max-width:140px;margin-left:5px;margin-right:5px;flex-basis:140px}.playerText{font-weight:450;display:flex;flex-direction:column;justify-content:space-between;height:122px;font-size:15.5px;background-color:#d3d3d3;border:2px solid #000;border-radius:10px}.player.mtrain .playerText{background-color:#fff;justify-content:flex-start}.mTrainImg{margin-top:10px;height:80px}.player.turn .playerText{border-color:red;background-color:#fff}.playerText td:first-child{text-align:left;padding-right:6px}.playerText div:last-child{text-align:center;padding:0;height:35px}.mTrain,.playerName{text-align:center!important}.playerTrain{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;height:186px;background-color:transparent;overflow:hidden}.playerTrain .wrapper{position:absolute;width:48px;height:279px}.playerTrain .wrapper.showDrop{top:-186px}.playerTrain .wrapper.showTop1,.playerTrain .wrapper.showTop1A{top:-93px}.playerTrain .wrapper.showTop1A{transition:top 1s}.playerTrain .wrapper.showTop2{top:0}.trainImg{transform:scaleX(-1);height:32px}.chap{color:red}.hand{position:fixed;top:420px;left:0;right:0;bottom:0;background-color:maroon}.handHeader{display:flex;align-items:center;justify-content:space-between;color:#fff;height:40px}.handHeader .nextPlayer,.handHeader div:first-child button{margin-left:10px}.handPoints{margin-right:10px}.draw{position:absolute;right:20px;top:40px;width:90px;height:200px;display:flex;flex-direction:column;align-items:center;font-weight:450}.draw button{width:48px;height:93px;padding:2px;border-radius:8px;background-color:#fff;border:4px solid #fff;font-size:13.8px}.draw .canDraw{border:4px solid #90ee90}.boneyardEmpty button{background-color:#d3d3d3;border:4px solid #d3d3d3}.drawHeader,.drawMsg{color:#fff;margin:6px}.hand{min-width:760px}@-webkit-keyframes pulse{0%{color:#90ee90}75%{color:#90ee90}to{color:maroon}}@keyframes pulse{0%{color:#90ee90}75%{color:#90ee90}to{color:maroon}}.hand .turn{top:35px;height:20px;text-align:center;color:#90ee90;font-weight:700;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}.hand .turn,.handRows{position:absolute;left:0;right:110px}.handRows{top:50px;bottom:0;overflow:scroll}.handRow{display:flex;justify-content:center;align-items:center;margin:20px}.handRow .tile{display:inline-block;margin-left:6px}.handRow button{margin-left:10px;padding:2px;font-size:130%;border-radius:15px;width:40px;height:40px;border:none}.tile{border-radius:8px;background-color:#fff;border:4px solid transparent;font-weight:500}.tile.vertTile{width:40px}.tile.horizTile{width:80px}.tile.blankTile{background-color:grey}.tile table{border-collapse:collapse;display:inline}.tile table td{font-size:24px;color:#000;text-align:center;width:40px;height:40px}.tile.vertTile tr:first-child td{border-bottom:1px solid #000}.tile.horizTile tr:first-child td:first-child{border-right:1px solid #000}.tile.blankTile td{color:transparent}.tile.playable{border:4px solid #90ee90}.arena .tile.playable{border:4px solid #fff}.tile.selected{border-color:red}.help{position:fixed;border-radius:10px;border:4px solid maroon;top:0;right:0;bottom:0;left:0;background-color:#ffffe0;font-size:80%;overflow:scroll;padding:10px}.help h2{font-size:120%}.help h2,.help p{margin-top:10px;margin-bottom:10px}.help p{font-weight:400;text-align:left}@keyframes spinner{0%{opacity:1}to{opacity:0}}@-webkit-keyframes spinner{0%{opacity:1}to{opacity:0}}.tile{position:relative}.horizTile .spinner{top:-30px;left:-10px}.vertTile .spinner{top:-8px;left:-30px}.spinner{position:absolute;width:100px!important;height:100px!important;min-width:100px;transform:scale(.25)}.spinner div{position:absolute;left:44px;top:0;-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite;background:#28292f;width:12px;height:24px;border-radius:30%;transform-origin:6px 50px}.spinner div:first-child{transform:rotate(0deg);-webkit-animation-delay:-.916666666666667s;animation-delay:-.916666666666667s}.spinner div:nth-child(2){transform:rotate(30deg);-webkit-animation-delay:-.833333333333333s;animation-delay:-.833333333333333s}.spinner div:nth-child(3){transform:rotate(60deg);-webkit-animation-delay:-.75s;animation-delay:-.75s}.spinner div:nth-child(4){transform:rotate(90deg);-webkit-animation-delay:-.666666666666667s;animation-delay:-.666666666666667s}.spinner div:nth-child(5){transform:rotate(120deg);-webkit-animation-delay:-.583333333333333s;animation-delay:-.583333333333333s}.spinner div:nth-child(6){transform:rotate(150deg);-webkit-animation-delay:-.5s;animation-delay:-.5s}.spinner div:nth-child(7){transform:rotate(180deg);-webkit-animation-delay:-.416666666666667s;animation-delay:-.416666666666667s}.spinner div:nth-child(8){transform:rotate(210deg);-webkit-animation-delay:-.333333333333333s;animation-delay:-.333333333333333s}.spinner div:nth-child(9){transform:rotate(240deg);-webkit-animation-delay:-.25s;animation-delay:-.25s}.spinner div:nth-child(10){transform:rotate(270deg);-webkit-animation-delay:-.166666666666667s;animation-delay:-.166666666666667s}.spinner div:nth-child(11){transform:rotate(300deg);-webkit-animation-delay:-.083333333333333s;animation-delay:-.083333333333333s}.spinner div:nth-child(12){transform:rotate(330deg);-webkit-animation-delay:0s;animation-delay:0s}
/*# sourceMappingURL=main.9aa122e7.chunk.css.map */