html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}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}.black,.spade{color:#000}.club{color:#008c00}.heart,.red{color:#a00}.diamond{color:#0050b4}.options .option{display:flex;margin-bottom:20px}.options .option label,.options .option select{flex:1 1;font-size:20px}.coincheBoard{display:grid;grid-template-areas:"currentInfo playerTop  .          " "playerLeft  centerArea playerRight" "bottomArea  bottomArea bottomArea ";grid-template-columns:1fr 1fr 1fr;grid-template-rows:220px 240px auto}@media (min-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>.goBackToLobby,.coincheBoard>.playedCardsArea{grid-area:centerArea}.coincheBoard>.currentInfo{grid-area:currentInfo}.coincheBoard .cardWrapper{position:relative;display:inline-block;top:-15px}.coincheBoard .card{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:100px;display:inline-block}.coincheBoard .belotChooseButton{position:absolute;display:none;font-size:30px;cursor:pointer}.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:active .belotChooseButton,.coincheBoard .cardWrapper.playable:focus .belotChooseButton,.coincheBoard .cardWrapper.playable:hover .belotChooseButton{display:inline-block}.coincheBoard .myPlayer{display:grid;grid-gap:10px;grid-template-areas:"myPlayerTalks          myPlayerTalks myPlayerTalks  " "menu                   menu          menu           " "currentPlayerIndicator myCards       additionalCards";grid-template-columns:40px 1fr 40px;grid-template-rows:65px 30px 140px;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>*{position:relative;border-radius:50%;font-size:20px;text-align:center;padding:18px;background:#e6e6e6;z-index:20}.coincheBoard .playerTalks>:after{content:"";position:absolute}.coincheBoard .myPlayer .playerTalks>:after{bottom:10px;border-bottom:0;border-top:20px solid #e6e6e6;margin-bottom:-20px}.coincheBoard .myPlayer .playerTalks>:after,.coincheBoard .otherPlayer .playerTalks>:after{left:50%;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;margin-left:-20px}.coincheBoard .otherPlayer .playerTalks>:after{top:10px;border-top:0;border-bottom:20px solid #e6e6e6;margin-top:-20px}.coincheBoard .otherPlayer{display:grid;grid-gap:10px;grid-template-areas:"otherPlayerCards additionalCards " "playerName       playerName      " "otherPlayerTalks otherPlayerTalks";grid-template-columns:1fr 40px;grid-template-rows:100px auto 1fr;overflow-x:hidden;overflow-y: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{position:relative;left:-15px;text-align:center}.coincheBoard .otherPlayerCards .cardWrapper{position:absolute;background:#fff;top:-8px;transform-origin:36px 95px}.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(0deg)}.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:"👉";position:absolute;top:35%;left:-45px;font-size:40px;z-index:10}.coincheBoard .hiddenAdditionalCards{position:relative;left:-20px;transform:scale(.5)}.coincheBoard .hiddenAdditionalCards .cardWrapper{position:absolute;top:0;left:0;background:#fff;z-index:1}.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:transparent}.coincheBoard .hiddenAdditionalCards .cardWrapper:first-child .card{text-shadow:5px 6px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(2) .card{text-shadow:6px 7px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(3) .card{text-shadow:7px 8px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(4) .card{text-shadow:8px 9px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(5) .card{text-shadow:9px 10px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(6) .card{text-shadow:10px 11px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(7) .card{text-shadow:11px 12px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(8) .card{text-shadow:12px 13px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(9) .card{text-shadow:13px 14px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(10) .card{text-shadow:14px 15px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(11) .card{text-shadow:15px 16px rgba(0,0,0,.8)}.coincheBoard .hiddenAdditionalCards .cardWrapper:nth-child(12) .card{text-shadow:16px 17px rgba(0,0,0,.8)}.coincheBoard .menu{display:grid}.coincheBoard .sayAnnounce{display:grid;grid-template-columns:75% 25%}.coincheBoard .sayAnnounce>*{font-size:20px;background-color:rgba(110,220,250,.5);color:#000;font-weight:700}.coincheBoard .talk{display:flex;flex-wrap:wrap}.coincheBoard .talk>*{flex:1 1 auto;font-size:20px;font-weight:700}.coincheBoard .talk>.sayCoincheButton{background-color:rgba(178,34,34,.8);color:#fff}.coincheBoard .talk>.saySkipButton{background-color:rgba(110,220,250,.5)}.coincheBoard .talk button:disabled{cursor:not-allowed;opacity:.4}.coincheBoard .toggleIsDisplayedPreviousCardsPlayed{display:grid}.coincheBoard .toggleIsDisplayedPreviousCardsPlayed>*{font-size:20px;width:50%;margin:0 auto;color:#000;font-weight:700}.coincheBoard .playerName{z-index:10;font-size:20px;text-align:center}.coincheBoard .playedCardsArea{margin:0 auto}.coincheBoard .playedCards{display:grid;grid-gap:26px;grid-template-areas:".              playedCardTop    .               " "playedCardLeft .                playedCardRight " ".              playedCardBottom .               ";grid-template-columns:60px 60px 80px;grid-template-rows:60px 60px 60px}.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 .attackingPlayer,.coincheBoard .currentInfo .goal,.coincheBoard .currentInfo .teamPoints{display:flex;justify-content:space-between;max-width:250px}.coincheBoard .gameHistory{font-size:20px}.coincheBoard .gameHistory ul{margin-top:0;margin-bottom:0}.coincheBoard .gameHistory .round{margin-bottom:20px}.coincheBoard .gameHistory .round+.round{padding-top:15px;border-top:3px solid #fff}.coincheBoard .gameHistory .roundTitle{margin-bottom:10px;font-weight:700;text-decoration:underline;text-transform:uppercase}.coincheBoard .gameHistory .sectionTitle{text-decoration:underline}.coincheBoard .gameHistory .roundSummary{margin-top:10px}.coincheBoard .gameHistory .teamPointsAtTheEndOfRound .sectionTitle{font-weight:700}.coincheBoard .gameHistory .roundDetailToggleButton button{width:100%;line-height:20px;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer}.coincheBoard .gameHistory .roundDetail{margin-top:5px;border:1px solid #fff;padding:10px}.coincheBoard .gameHistory .announcesDetail,.coincheBoard .gameHistory .announcesPoints,.coincheBoard .gameHistory .endOfRoundPoints,.coincheBoard .gameHistory .goalPoints,.coincheBoard .gameHistory .roundPointsSummary,.coincheBoard .gameHistory .teamPointsAtTheEndOfRound,.coincheBoard .gameHistory .turnsDetail,.coincheBoard .gameHistory .turnsPoints{margin-bottom:10px}.coincheBoard .goBackToLobby{margin:auto}.coincheBoard .goBackToLobby .leaveButton{font-size:60px;cursor:pointer}.coincheBoard .winnersTeamCongratulation{margin:auto;font-size:28px}.pageMenu{position:absolute;top:0;left:0;right:0;overflow-x:hidden;z-index:100;transform:translateY(calc(-100vh + 50px));transition:all .5s ease-in-out}.pageMenu.opened{transform:translateY(0)}.pageMenu .content{height:calc(100vh - 50px);box-sizing:border-box;padding:20px;overflow-y:auto;background:rgba(0,0,0,.9);color:#fff}.pageMenu .toggleButtons{color:#fff;text-align:right}.pageMenu .toggleButton{display:inline-block;width:55px;height:50px;box-sizing:border-box;border-bottom:3px solid #000;border-right:3px solid #000;text-align:center;cursor:pointer}.pageMenu .toggleButton:first-child{border-left:3px solid #000}.pageMenu .toggleButton.active{background:#000}.pageMenu .toggleButton span{font-size:40px}.lobby{display:grid;grid-gap:30px;grid-template-areas:"pageHeader      " "rooms           " "createRoomButton";margin:30px 0}.lobby>.pageHeader{grid-area:pageHeader}.lobby>.rooms{grid-area:rooms}.lobby>.createRoomButton{grid-area:createRoomButton}@media (min-width:769px){.lobby .rooms{margin:30px}}.lobby .createRoomButton{margin:0 auto;font-size:16px;cursor:pointer}.lobby .room{display:grid;grid-gap:10px;grid-template-areas:"topLeftSeat    .      topRightSeat   " "teamWithLeft   VSorGO teamWithRight  " "bottomLeftSeat .      bottomRightSeat";grid-template-columns:1fr 200px 1fr;grid-template-rows:auto 48px auto;text-align:center;padding:10px 0;border:1px solid #000}.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>.goButton,.lobby .room>.versus{grid-area:VSorGO}.lobby .room>.teamWith.left{grid-area:teamWithLeft}.lobby .room>.teamWith.right{grid-area:teamWithRight}.lobby .room+.room{margin-top:30px}.lobby .goButton,.lobby .teamWith,.lobby .versus{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:"👆";top:62px;left:57px}.lobby .goButton:after,.lobby .goButton:before{position:relative;display:inline-block;width:42px;height:54px}.lobby .goButton:after{content:"👇";top:-62px;left:-57px}.lobby .goButton span{padding:5px;border:1px solid #000;border-radius:50%;background-color:hsla(0,0%,90.2%,.5);cursor:pointer;display:inline-block;width:50px;height:40px;vertical-align:baseline;font-size:34px}.lobby .goButton span:hover{padding:10px;margin:-5px;background-color:#e6e6e6}.lobby .roomSeat{display:grid;grid-gap:5px}.lobby .topLeftSeat .roomSeat,.lobby .topRightSeat .roomSeat{grid-template-areas:"seatButton" "playerName";grid-template-rows:20px auto}.lobby .bottomLeftSeat .roomSeat,.lobby .bottomRightSeat .roomSeat{grid-template-areas:"playerName" "seatButton";grid-template-rows:auto 20px}.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{display:grid;grid-gap:30px;grid-template-areas:"pageHeader" "loginForm ";margin:30px 0}.login>.pageHeader{grid-area:pageHeader}.login>.loginForm{grid-area:loginForm}.login .loginForm{display:grid;grid-gap:30px;grid-template-areas:"nameInput   " "submitButton";margin:30px;text-align:center}.login .loginForm>.nameInput{grid-area:nameInput}.login .loginForm>.submitButton{grid-area:submitButton}.login .nameInput{margin:0 auto;font-size:16px;text-align:center}.login .submitButton{margin:0 auto;font-size:16px;cursor:pointer}
/*# sourceMappingURL=main.cf2f2b28.chunk.css.map */