.echec-game{display:flex;height:100vh;width:100%;justify-content:center;align-items:center;background-color:#1a8166;color:#152a35;transition:background-color .5s linear}.echec-game.player1-playing{background-color:#7ca6bb}.echec-game.player2-playing{background-color:#d04d2c}.echec-game.player3-playing{background-color:#30ac5b}.echec-game.player4-playing{background-color:#e1cf08}.echec-game.player5-playing{background-color:#df97d1}.echec-game.player6-playing{background-color:#ee7e2e}.echec-game.player7-playing{background-color:#6b68a9}.echec-game.player8-playing{background-color:#dcdac8}.set .reserves{display:flex;align-items:center;justify-content:center;margin:0 .45vmin;height:6.75vmin;min-height:50px}.set .reserves .reserve{min-width:32px;min-height:32px;width:5.4vmin;height:5.4vmin;margin:0;padding:0;background:none;border-radius:50%;border:.9vmin solid #152a35;margin:0 .45vmin;font-weight:700}.set .reserves .reserve1{background-color:#7ca6bb}.set .reserves .reserve2{background-color:#d04d2c}.set .reserves .reserve3{background-color:#30ac5b}.set .reserves .reserve4{background-color:#e1cf08}.set .reserves .reserve5{background-color:#df97d1}.set .reserves .reserve6{background-color:#ee7e2e}.set .reserves .reserve7{background-color:#6b68a9}.set .reserves .reserve8{background-color:#dcdac8}.set,.set .fortress svg{transition:transform .5s cubic-bezier(.165,.84,.44,1) .5s}.set .board{border:.45vmin solid #152a35;background-color:#152a35}.set .board .row{height:9vmin;display:flex}.set .board .row:nth-of-type(2n) .square:nth-of-type(2n),.set .board .row:nth-of-type(odd) .square:nth-of-type(odd){background-color:#efc56e}.set .board .row .square{width:8.1vmin;height:8.1vmin;background-color:#ede1b5;margin:.45vmin}.set .board .row .square.selected{border-color:#fff;box-shadow:0 0 0 calc(.9vmin + 1px) #fff;z-index:1}.set .board .row .square.empty{background-color:#152a35!important}.set .board .row .square.fortress{display:flex;align-items:center;justify-content:center}.set .board .row .square.fortress[data-player="1"]{background-color:#7ca6bb!important}.player1-playing .set .board .row .square.fortress[data-player="1"]{background-color:#152a35!important}.player1-playing .set .board .row .square.fortress[data-player="1"] svg{color:#7ca6bb}.set .board .row .square.fortress[data-player="2"]{background-color:#d04d2c!important}.player2-playing .set .board .row .square.fortress[data-player="2"]{background-color:#152a35!important}.player2-playing .set .board .row .square.fortress[data-player="2"] svg{color:#d04d2c}.set .board .row .square.fortress[data-player="3"]{background-color:#30ac5b!important}.player3-playing .set .board .row .square.fortress[data-player="3"]{background-color:#152a35!important}.player3-playing .set .board .row .square.fortress[data-player="3"] svg{color:#30ac5b}.set .board .row .square.fortress[data-player="4"]{background-color:#e1cf08!important}.player4-playing .set .board .row .square.fortress[data-player="4"]{background-color:#152a35!important}.player4-playing .set .board .row .square.fortress[data-player="4"] svg{color:#e1cf08}.set .board .row .square.fortress[data-player="5"]{background-color:#df97d1!important}.player5-playing .set .board .row .square.fortress[data-player="5"]{background-color:#152a35!important}.player5-playing .set .board .row .square.fortress[data-player="5"] svg{color:#df97d1}.set .board .row .square.fortress[data-player="6"]{background-color:#ee7e2e!important}.player6-playing .set .board .row .square.fortress[data-player="6"]{background-color:#152a35!important}.player6-playing .set .board .row .square.fortress[data-player="6"] svg{color:#ee7e2e}.set .board .row .square.fortress[data-player="7"]{background-color:#6b68a9!important}.player7-playing .set .board .row .square.fortress[data-player="7"]{background-color:#152a35!important}.player7-playing .set .board .row .square.fortress[data-player="7"] svg{color:#6b68a9}.set .board .row .square.fortress[data-player="8"]{background-color:#dcdac8!important}.player8-playing .set .board .row .square.fortress[data-player="8"]{background-color:#152a35!important}.player8-playing .set .board .row .square.fortress[data-player="8"] svg{color:#dcdac8}.set .board .row .square svg{width:40.5%;height:40.5%}.set .board .row .square .moving-option,.set .board .row .square .pawn,.set .board .row .square .placing-option{cursor:pointer;display:block;width:100%;height:100%;border:none;margin:0;padding:0;background:none;display:flex;justify-content:center;align-items:center;position:relative}.set .board .row .square .moving-option:after,.set .board .row .square .pawn:after,.set .board .row .square .placing-option:after{content:"";position:absolute;border-radius:50%;display:block;width:45%;height:45%}.set .board .row .square .moving-option.player1:after,.set .board .row .square .pawn.player1:after,.set .board .row .square .placing-option.player1:after{background-color:#7ca6bb}.set .board .row .square .moving-option.player2:after,.set .board .row .square .pawn.player2:after,.set .board .row .square .placing-option.player2:after{background-color:#d04d2c}.set .board .row .square .moving-option.player3:after,.set .board .row .square .pawn.player3:after,.set .board .row .square .placing-option.player3:after{background-color:#30ac5b}.set .board .row .square .moving-option.player4:after,.set .board .row .square .pawn.player4:after,.set .board .row .square .placing-option.player4:after{background-color:#e1cf08}.set .board .row .square .moving-option.player5:after,.set .board .row .square .pawn.player5:after,.set .board .row .square .placing-option.player5:after{background-color:#df97d1}.set .board .row .square .moving-option.player6:after,.set .board .row .square .pawn.player6:after,.set .board .row .square .placing-option.player6:after{background-color:#ee7e2e}.set .board .row .square .moving-option.player7:after,.set .board .row .square .pawn.player7:after,.set .board .row .square .placing-option.player7:after{background-color:#6b68a9}.set .board .row .square .moving-option.player8:after,.set .board .row .square .pawn.player8:after,.set .board .row .square .placing-option.player8:after{background-color:#dcdac8}.set .board .row .square .pawn.disabled{cursor:default}.set .board .row .square .pawn:after{border:.9vmin solid #152a35}.set .board .row .square .moving-option:after{border:.9vmin solid #fff}.set .board .row .square .moving-option:hover:after{background-color:#fff}.set .board .row .square .moving-option.player1:after{background-color:#7ca6bb}.set .board .row .square .moving-option.player2:after{background-color:#d04d2c}.set .board .row .square .moving-option.player3:after{background-color:#30ac5b}.set .board .row .square .moving-option.player4:after{background-color:#e1cf08}.set .board .row .square .moving-option.player5:after{background-color:#df97d1}.set .board .row .square .moving-option.player6:after{background-color:#ee7e2e}.set .board .row .square .moving-option.player7:after{background-color:#6b68a9}.set .board .row .square .moving-option.player8:after{background-color:#dcdac8}.set .board .row .square .placing-option:after,.set .board .row .square .placing-option:before{content:"";height:.9vmin;width:45%;background-color:#152a35;position:absolute;border-radius:inherit;display:block}.set .board .row .square .placing-option:before{width:.9vmin;height:45%}.set .board .row .square .placing-option:hover:after,.set .board .row .square .placing-option:hover:before{background-color:#fff}.winner{text-align:center}.winner.winner-1 .badge{background-color:#7ca6bb}.winner.winner-2 .badge{background-color:#d04d2c}.winner.winner-3 .badge{background-color:#30ac5b}.winner.winner-4 .badge{background-color:#e1cf08}.winner.winner-5 .badge{background-color:#df97d1}.winner.winner-6 .badge{background-color:#ee7e2e}.winner.winner-7 .badge{background-color:#6b68a9}.winner.winner-8 .badge{background-color:#dcdac8}.winner .announcement{margin-top:20px}.winner .announcement .badge{width:100px;height:100px;border:.9vmin solid #152a35;display:flex;justify-content:center;align-items:center;border-radius:50%;margin:0 auto}.winner .announcement p{color:#fff;font-size:40px;font-weight:700;margin:30px;line-height:1}.winner a{text-decoration:none;padding:10px 20px;background-color:#152a35;color:#fff;border:.9vmin solid #152a35;display:inline-block;font-weight:700;position:absolute;left:50%;transform:translateX(-50%);bottom:20px}.winner a:hover{background-color:#ede1b5;color:#152a35}body{margin:0}body,button{font-family:GT Pressura;text-transform:uppercase}button{color:#152a35;font-weight:700}