body,html{height:100%}body{margin:0;background-image:url(../../static/media/bg_1.65736c0a.jpg);background-size:cover}@font-face{font-family:"FGG";src:url(../../static/media/FGG.4afe2cb7.ttf)}.game{position:relative;padding-top:70px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.game .select-type-btn{position:absolute;top:30px;left:15px;padding:4px 6px;outline:none;border-style:none;font-family:"FGG";font-size:16px;border-radius:10px}.game .next-player{position:absolute;top:40px;right:15px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center}.game .next-player span{font-family:"FGG";font-size:16px;margin-right:10px;display:block;line-height:20px}.game .next-player button{border-style:none}.game .board{margin:auto;background:url(../../static/media/board-bg3.3d6a3661.jpg);background-size:cover;box-shadow:0 0 10px #bbb}.game .board .board-row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.game .board .board-row button{border-style:none;outline:none;margin:0;touch-action:none}.game .board .board-row button.able-receive{background:#fff;border:1px dashed #228b22;box-shadow:none}.game .bottom-area{width:90%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start}.game .bottom-area .btns{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.game .bottom-area .btns button{border-style:none;outline:none;font-size:20px;font-family:"FGG";padding:6px 10px;border-radius:10px;margin-bottom:10px;touch-action:none}.game .bottom-area .btns button.confirm{padding:10px;width:125px;background-image:-webkit-gradient(linear,left top,left bottom,from(#0269ab),to(#0b4368));background-image:linear-gradient(#0269ab,#0b4368);color:#fff}.game .bottom-area .ranking .ranking-item{margin-bottom:4px}.game .bottom-area .ranking .ranking-item span{font-size:16px;font-family:"FGG";margin-right:10px}.game .bottom-area .ranking .ranking-item button{border-style:none;outline:none}.am-modal-mask{background-color:rgba(0,0,0,.7)}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content{background-color:transparent}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .title{display:flex;flex-direction:row;justify-content:center;align-items:center}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .title img{display:block;width:50px;height:50px}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .title span{font-size:24px;font-family:"FGG"}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .player-num h4{font-family:"FGG";margin:10px;font-size:16px}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .player-num .btns{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .player-num .btns button{width:40%;border-style:none;font-size:24px;font-family:"FGG";padding:6px 0;outline:none;margin:5px 10px;display:block;border-radius:8px}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .chess-color h4{font-family:"FGG";margin:10px;font-size:16px}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .chess-color .colors{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .chess-color .colors .item{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;margin:5px 10px}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .chess-color .colors .item button{width:40px;height:40px;border-style:none;outline:none;display:block;border-radius:20px;touch-action:none}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .chess-color .colors .item img{position:absolute;width:18px;height:18px;display:block;bottom:0;right:0}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .chess-color .colors .item .black-mask{position:absolute;width:40px;height:40px;border-radius:20px;background-color:rgba(0,0,0,.5);touch-action:none}.am-modal-wrap .am-modal.am-modal-transparent .am-modal-content .am-modal-body .modal-content .confirm{display:block;width:100%;font-size:25px;font-family:"FGG";padding:8px;border-radius:10px;margin-top:20px;border-style:none;touch-action:none}
/*# sourceMappingURL=main.cfc2c378.chunk.css.map */