.winner{align-items:center;background:transparent;bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:95}.winner,.winner .winner_box{transition:all .3s ease-in-out}.winner .winner_box{background:#1e3541;font-size:18px;font-weight:700;height:auto;margin:-90px 0 0;opacity:0;padding:50px 0;text-align:center;width:100%}.winner .winner_box span{color:#adc3ce}.winner .winner_box p{font-size:40px}.winner .winner_box p.player1{color:#2ec07a}.winner .winner_box p.player2{color:#f2bf37}.winner .winner_box div{background:#f2bf37;border-radius:10px;box-shadow:0 6px 0 #d1a326;color:#333;cursor:pointer;display:inline-block;line-height:50px;padding:0 40px}.winner.entered,.winner.entering{background:rgba(0,0,0,.4)}.winner.entered .winner_box,.winner.entering .winner_box{margin:0;opacity:1}.player_names{align-items:center;background:#1e3541;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:90}.player_names,.player_names input{color:#fff;font-family:Arial,Helvetica,sans-serif}.player_names input{background:#18282f;border:none;border-radius:10px;font-size:18px;font-weight:700;height:40px;margin-bottom:20px;max-width:370px;outline:none;padding:0 15px;text-align:center;width:calc(90% - 30px)}.player_names p{color:#2ec07a;font-size:16px;font-weight:700}.player_names p.second_player{color:#f2bf37}.player_names .default_btn{background:#adc3ce;border-radius:10px;box-shadow:0 6px 0 #6d8893;color:#333;cursor:pointer;font-weight:700;line-height:40px;padding:0 30px;transition:all .3s ease-in-out}.player_names .default_btn:hover{opacity:.8}.bg{align-items:center;background:#18282f;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1}.bg .container{height:auto;overflow:auto;width:500px}.bg .container .top{display:flex;font-family:Arial,Helvetica,sans-serif;height:auto;justify-content:space-between;padding:15px;width:calc(100% - 30px)}.bg .container .top .turn_info{border-radius:10px;font-size:28px;font-weight:700;height:46px;line-height:46px;min-width:33%;width:auto}.bg .container .top .turn_info.player1{color:#2ec07a}.bg .container .top .turn_info.player2{color:#f2bf37}.bg .container .top .restart_btn{background:#adc3ce;border-radius:10px;box-shadow:0 6px 0 #6d8893;color:#333;cursor:pointer;font-weight:700;height:46px;line-height:46px;padding:0 20px;transition:all .3s ease-in-out}@media screen and (min-width:1200px){.bg .container .top .restart_btn:hover{opacity:.8}}.bg .container .top .restart_btn svg{height:22px;padding-right:8px;vertical-align:middle;width:22px}.bg .container .top .restart_btn svg g{fill:#375c70}.bg .container .game_summary{display:flex;font-family:Arial,Helvetica,sans-serif;height:auto;padding:15px;width:calc(100% - 30px)}.bg .container .game_summary .block{background:#2ec07a;border-radius:10px;height:auto;padding:15px;text-align:center;width:calc(50% - 15px)}.bg .container .game_summary .block:first-child{margin-right:30px}.bg .container .game_summary .block:last-child{background:#f2bf37}.bg .container .game_summary .block p{color:#333;font-family:14px;font-weight:700;margin:0 0 10px}.bg .container .game_summary .block h5{color:#333;font-size:30px;font-weight:700;margin:0}.bg .container .game_area{box-sizing:border-box;height:auto;width:100%}.bg .container .game_area .box_container{float:left;height:0;margin-bottom:8px;padding-bottom:33%;position:relative;width:33%}.bg .container .game_area .box_container .box{background:#1e3541;border-radius:16px;box-shadow:0 8px 0 #0e1f29;cursor:pointer;height:88%;left:6%;position:absolute;top:6%;transition:all .3s ease-in-out;width:88%;z-index:10}.bg .container .game_area .box_container .box:hover{background:#213c4b}.bg .container .game_area .box_container.add_cyrcle .box,.bg .container .game_area .box_container.add_times .box{background:#1e3541!important}.bg .container .game_area .box_container .cyrcle{height:60%;left:20%;opacity:0;pointer-events:none;position:absolute;top:20%;width:60%;z-index:11}.bg .container .game_area .box_container .cyrcle .right{height:100%;overflow:hidden;position:absolute;right:0;top:0;width:50%;z-index:12}.bg .container .game_area .box_container .cyrcle .right:before{border-bottom:14px solid #f2bf37;border-left:14px solid #f2bf37;border-color:#f2bf37 #f2bf37 transparent transparent;border-radius:50%;border-style:solid;border-width:14px;content:"";height:calc(100% - 28px);position:absolute;right:1px;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .2s ease-in;width:calc(200% - 28px);z-index:20}.bg .container .game_area .box_container .cyrcle .left{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:50%;z-index:12}.bg .container .game_area .box_container .cyrcle .left:before{border-bottom:14px solid #f2bf37;border-left:14px solid #f2bf37;border-color:#f2bf37 #f2bf37 transparent transparent;border-radius:50%;border-style:solid;border-width:14px;content:"";height:calc(100% - 28px);left:1px;position:absolute;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .2s ease-out .2s;width:calc(200% - 28px);z-index:20}.bg .container .game_area .box_container.add_cyrcle .cyrcle{opacity:1}.bg .container .game_area .box_container.add_cyrcle .cyrcle .right:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.bg .container .game_area .box_container.add_cyrcle .cyrcle .left:before{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.bg .container .game_area .box_container .times{height:60%;left:20%;pointer-events:none;position:absolute;top:20%;width:60%;z-index:11}.bg .container .game_area .box_container .times:before{background:#2ec07a;border-radius:10px;content:"";height:18px;left:15%;position:absolute;top:5%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .2s ease-out .2s;width:0;z-index:10}.bg .container .game_area .box_container .times:after{background:#2ec07a;border-radius:10px;content:"";height:18px;position:absolute;right:15%;top:5%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .2s ease-out;width:0;z-index:10}.bg .container .game_area .box_container.add_times .times:before{left:0;top:40%;width:100%}.bg .container .game_area .box_container.add_times .times:after{right:0;top:40%;width:100%}
/*# sourceMappingURL=main.108afaae.css.map*/