body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.spade,.black{color:#000}.club{color:#008c00}.heart,.red{color:#a00}.diamond{color:#0050b4}.options .option{margin-bottom:20px;display:flex}.options .option label,.options .option select{flex:1;font-size:20px}.coincheBoard{grid-template:"currentInfo playerTop."220px"playerLeft centerArea playerRight"240px"bottomArea bottomArea bottomArea"/1fr 1fr 1fr;display:grid}@media (width>=769px){.coincheBoard{grid-gap:10px}}.coincheBoard>.player.top{grid-area:playerTop}.coincheBoard>.player.left{grid-area:playerLeft}.coincheBoard>.player.right{grid-area:playerRight}.coincheBoard>.player.bottom,.coincheBoard>.winnersTeamCongratulation{grid-area:bottomArea}.coincheBoard>.playedCardsArea,.coincheBoard>.goBackToLobby{grid-area:centerArea}.coincheBoard>.currentInfo{grid-area:currentInfo}.coincheBoard .cardWrapper{display:inline-block;position:relative;top:-15px}.coincheBoard .card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100px;display:inline-block}.coincheBoard .belotChooseButton{cursor:pointer;font-size:30px;display:none;position:absolute}.coincheBoard .belotChooseButton.say{top:-10px;left:0}.coincheBoard .belotChooseButton.dontSay{top:-10px;right:0}.coincheBoard .cardWrapper.forbidden{cursor:not-allowed;opacity:.4}.coincheBoard .cardWrapper.playable{cursor:pointer}.coincheBoard .cardWrapper.playable:hover .card{transform:translateY(-5%)}.coincheBoard .cardWrapper.playable:hover .belotChooseButton,.coincheBoard .cardWrapper.playable:focus .belotChooseButton,.coincheBoard .cardWrapper.playable:active .belotChooseButton{display:inline-block}.coincheBoard .myPlayer{grid-gap:10px;grid-template:"myPlayerTalks myPlayerTalks myPlayerTalks"65px"menu menu menu"30px"currentPlayerIndicator myCards additionalCards"140px/40px 1fr 40px;display:grid;overflow-x:hidden}.coincheBoard .myPlayer>.playerTalks{grid-area:myPlayerTalks}.coincheBoard .myPlayer>.menu{grid-area:menu}.coincheBoard .myPlayer>.currentPlayerIndicator{grid-area:currentPlayerIndicator}.coincheBoard .myPlayer>.myCards{grid-area:myCards}.coincheBoard .myPlayer>.additionalCards{grid-area:additionalCards}.coincheBoard .currentPlayerIndicator{position:relative}.coincheBoard .myPlayer.currentPlayer .currentPlayerIndicator:before{content:"👇";font-size:40px;position:absolute;top:10px;left:10px;transform:rotate(-125deg)}.coincheBoard .myPlayer.currentPlayer .currentPlayerIndicator:after{content:"👇";font-size:40px;position:absolute;top:50px;left:10px;transform:rotate(-90deg)}.coincheBoard .myCards{text-align:center;margin-top:20px}.coincheBoard .playerTalks{margin:0 auto}.coincheBoard .playerTalks>*{text-align:center;z-index:20;background:#e6e6e6;border-radius:50%;padding:18px;font-size:20px;position:relative}.coincheBoard .playerTalks>:after{content:"";position:absolute}.coincheBoard .myPlayer .playerTalks>:after{border:20px solid #0000;border-top-color:#e6e6e6;border-bottom:0;width:0;height:0;margin-bottom:-20px;margin-left:-20px;bottom:10px;left:50%}.coincheBoard .otherPlayer .playerTalks>:after{border:20px solid #0000;border-top:0;border-bottom-color:#e6e6e6;width:0;height:0;margin-top:-20px;margin-left:-20px;top:10px;left:50%}.coincheBoard .otherPlayer{grid-gap:10px;grid-template:"otherPlayerCards additionalCards"100px"playerName playerName""otherPlayerTalks otherPlayerTalks"1fr/1fr 40px;display:grid;overflow:hidden auto}.coincheBoard .otherPlayer>.otherPlayerCards{grid-area:otherPlayerCards}.coincheBoard .otherPlayer>.additionalCards{grid-area:additionalCards}.coincheBoard .otherPlayer>.playerName{grid-area:playerName}.coincheBoard .otherPlayer>.playerTalks{grid-area:otherPlayerTalks}.coincheBoard .otherPlayerCards{text-align:center;position:relative;left:-15px}.coincheBoard .otherPlayerCards .cardWrapper{transform-origin:36px 95px;background:#fff;position:absolute;top:-8px}.coincheBoard .otherPlayerCards .cardWrapper:first-child{z-index:8;transform:rotate(-27deg)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(2){z-index:7;transform:rotate(-18deg)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(3){z-index:6;transform:rotate(-9deg)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(4){z-index:5;transform:rotate(0)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(5){z-index:4;transform:rotate(9deg)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(6){z-index:3;transform:rotate(18deg)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(7){z-index:2;transform:rotate(27deg)}.coincheBoard .otherPlayerCards .cardWrapper:nth-child(8){z-index:1;transform:rotate(36deg)}.coincheBoard .otherPlayer.currentPlayer .otherPlayerCards .cardWrapper:first-child:before{content:"👉";z-index:10;font-size:40px;position:absolute;top:35%;left:-45px}.coincheBoard .hiddenAdditionalCards{position:relative;left:-20px;transform:scale(.5)}.coincheBoard .hiddenAdditionalCards .cardWrapper{z-index:1;background:#fff;position:absolute;top:0;left:0}.coincheBoard .hiddenAdditionalCards .cardWrapper:first-child{z-index:12}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(2){z-index:11}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(3){z-index:10}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(4){z-index:9}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(5){z-index:8}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(6){z-index:7}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(7){z-index:6}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(8){z-index:5}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(9){z-index:4}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(10){z-index:3}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(11){z-index:2}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(12){z-index:1}.coincheBoard .hiddenAdditionalCards .cardWrapper .card{color:#0000}.coincheBoard .hiddenAdditionalCards .cardWrapper:first-child .card{text-shadow:5px 6px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(2) .card{text-shadow:6px 7px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(3) .card{text-shadow:7px 8px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(4) .card{text-shadow:8px 9px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(5) .card{text-shadow:9px 10px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(6) .card{text-shadow:10px 11px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(7) .card{text-shadow:11px 12px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(8) .card{text-shadow:12px 13px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(9) .card{text-shadow:13px 14px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(10) .card{text-shadow:14px 15px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(11) .card{text-shadow:15px 16px #000c}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(12) .card{text-shadow:16px 17px #000c}.coincheBoard .menu{display:grid}.coincheBoard .sayAnnounce{grid-template-columns:75% 25%;display:grid}.coincheBoard .sayAnnounce>*{color:#000;background-color:#6edcfa80;font-size:20px;font-weight:700}.coincheBoard .talk{flex-wrap:wrap;display:flex}.coincheBoard .talk>*{flex:auto;font-size:20px;font-weight:700}.coincheBoard .talk>.sayCoincheButton{color:#fff;background-color:#b22222cc}.coincheBoard .talk>.saySkipButton{background-color:#6edcfa80}.coincheBoard .talk button:disabled{cursor:not-allowed;opacity:.4}.coincheBoard .toggleIsDisplayedPreviousCardsPlayed{display:grid}.coincheBoard .toggleIsDisplayedPreviousCardsPlayed>*{color:#000;width:50%;margin:0 auto;font-size:20px;font-weight:700}.coincheBoard .playerName{z-index:10;text-align:center;font-size:20px}.coincheBoard .playedCardsArea{margin:0 auto}.coincheBoard .playedCards{grid-gap:26px;grid-template:".playedCardTop."60px"playedCardLeft.playedCardRight"60px".playedCardBottom."60px/60px 60px 80px;display:grid}.coincheBoard .playedCards>.playedCard.top{grid-area:playedCardTop}.coincheBoard .playedCards>.playedCard.left{grid-area:playedCardLeft}.coincheBoard .playedCards>.playedCard.right{grid-area:playedCardRight}.coincheBoard .playedCards>.playedCard.bottom{grid-area:playedCardBottom}.coincheBoard .playedCard.left .cardWrapper{transform:rotate(90deg)}.coincheBoard .playedCard.top .cardWrapper{transform:rotate(180deg)}.coincheBoard .playedCard.right .cardWrapper{transform:rotate(270deg)}.coincheBoard .playedCards .card{line-height:30px}.coincheBoard .currentInfo{font-size:18px;overflow:auto}.coincheBoard .currentInfo .label{text-align:left}.coincheBoard .currentInfo .data{text-align:right}.coincheBoard .currentInfo .teamPoints,.coincheBoard .currentInfo .attackingPlayer,.coincheBoard .currentInfo .goal{justify-content:space-between;max-width:250px;display:flex}.coincheBoard .gameHistory{font-size:20px}.coincheBoard .gameHistory ul{margin-top:0;margin-bottom:0}.coincheBoard .gameHistory .round{margin-bottom:20px}.coincheBoard .gameHistory .round+.round{border-top:3px solid #fff;padding-top:15px}.coincheBoard .gameHistory .roundTitle{text-transform:uppercase;margin-bottom:10px;font-weight:700;text-decoration:underline}.coincheBoard .gameHistory .sectionTitle{text-decoration:underline}.coincheBoard .gameHistory .roundSummary{margin-top:10px}.coincheBoard .gameHistory .teamPointsAtTheEndOfRound .sectionTitle{font-weight:700}.coincheBoard .gameHistory .roundDetailToggleButton button{text-transform:uppercase;cursor:pointer;width:100%;font-size:16px;font-weight:700;line-height:20px}.coincheBoard .gameHistory .roundDetail{border:1px solid #fff;margin-top:5px;padding:10px}.coincheBoard .gameHistory .roundPointsSummary,.coincheBoard .gameHistory .teamPointsAtTheEndOfRound,.coincheBoard .gameHistory .goalPoints,.coincheBoard .gameHistory .endOfRoundPoints,.coincheBoard .gameHistory .turnsPoints,.coincheBoard .gameHistory .announcesPoints,.coincheBoard .gameHistory .turnsDetail,.coincheBoard .gameHistory .announcesDetail{margin-bottom:10px}.coincheBoard .goBackToLobby{margin:auto}.coincheBoard .goBackToLobby .leaveButton{cursor:pointer;font-size:60px}.coincheBoard .winnersTeamCongratulation{margin:auto;font-size:28px}.pageMenu{z-index:100;transition:all .5s ease-in-out;position:absolute;top:0;left:0;right:0;overflow-x:hidden;transform:translateY(calc(50px - 100vh))}.pageMenu.opened{transform:translateY(0)}.pageMenu .content{box-sizing:border-box;color:#fff;background:#000000e6;height:calc(100vh - 50px);padding:20px;overflow-y:auto}.pageMenu .toggleButtons{color:#fff;text-align:right}.pageMenu .toggleButton{box-sizing:border-box;text-align:center;cursor:pointer;border-bottom:3px solid #000;border-right:3px solid #000;width:55px;height:50px;display:inline-block}.pageMenu .toggleButton:first-child{border-left:3px solid #000}.pageMenu .toggleButton.active{background:#000}.pageMenu .toggleButton span{font-size:40px}.lobby{grid-gap:30px;grid-template-areas:"pageHeader""rooms""createRoomButton";margin:30px 0;display:grid}.lobby>.pageHeader{grid-area:pageHeader}.lobby>.rooms{grid-area:rooms}.lobby>.createRoomButton{grid-area:createRoomButton}@media (width>=769px){.lobby .rooms{margin:30px}}.lobby .createRoomButton{cursor:pointer;margin:0 auto;font-size:16px}.lobby .room{grid-gap:10px;text-align:center;border:1px solid #000;grid-template:"topLeftSeat.topRightSeat""teamWithLeft VSorGO teamWithRight"48px"bottomLeftSeat.bottomRightSeat"/1fr 200px 1fr;padding:10px 0;display:grid}.lobby .room>.topLeftSeat{grid-area:topLeftSeat}.lobby .room>.topRightSeat{grid-area:topRightSeat}.lobby .room>.bottomLeftSeat{grid-area:bottomLeftSeat}.lobby .room>.bottomRightSeat{grid-area:bottomRightSeat}.lobby .room>.versus,.lobby .room>.goButton{grid-area:VSorGO}.lobby .room>.teamWith.left{grid-area:teamWithLeft}.lobby .room>.teamWith.right{grid-area:teamWithRight}.lobby .room+.room{margin-top:30px}.lobby .versus,.lobby .goButton,.lobby .teamWith{font-size:40px}.lobby .versus{font-style:italic}.lobby .versus:before{content:"/";position:relative;top:100%;left:10px}.lobby .versus:after{content:"/";position:relative;top:-100%;left:-10px}.lobby .goButton{margin:0 auto}.lobby .goButton:before{content:"👆";width:42px;height:54px;display:inline-block;position:relative;top:62px;left:57px}.lobby .goButton:after{content:"👇";width:42px;height:54px;display:inline-block;position:relative;top:-62px;left:-57px}.lobby .goButton span{cursor:pointer;vertical-align:baseline;background-color:#e6e6e680;border:1px solid #000;border-radius:50%;width:50px;height:40px;padding:5px;font-size:34px;display:inline-block}.lobby .goButton span:hover{background-color:#e6e6e6;margin:-5px;padding:10px}.lobby .roomSeat{grid-gap:5px;display:grid}.lobby .topLeftSeat .roomSeat,.lobby .topRightSeat .roomSeat{grid-template-rows:20px auto;grid-template-areas:"seatButton""playerName"}.lobby .bottomLeftSeat .roomSeat,.lobby .bottomRightSeat .roomSeat{grid-template-rows:auto 20px;grid-template-areas:"playerName""seatButton"}.lobby .roomSeat>.playerName{grid-area:playerName}.lobby .roomSeat>.seatButton{grid-area:seatButton}.lobby .playerName{font-weight:700}.lobby .mySeat .playerName{text-decoration:underline}.lobby .seatButton>button{cursor:pointer}.lobby .seatButton>button:disabled{cursor:not-allowed}.login{grid-gap:30px;grid-template-areas:"pageHeader""loginForm";margin:30px 0;display:grid}.login>.pageHeader{grid-area:pageHeader}.login>.loginForm{grid-area:loginForm}.login .loginForm{grid-gap:30px;text-align:center;grid-template-areas:"nameInput""submitButton";margin:30px;display:grid}.login .loginForm>.nameInput{grid-area:nameInput}.login .loginForm>.submitButton{grid-area:submitButton}.login .nameInput{text-align:center;margin:0 auto;font-size:16px}.login .submitButton{cursor:pointer;margin:0 auto;font-size:16px}