@font-face{font-family:Paete-Round;src:url(Paete-Round/PAETRRG_.ttf)}@font-face{font-family:Qarmic;src:url(Qikki-Reg/Qarmic_sans_Abridged.ttf)}html{scrollbar-width:thin;scrollbar-color:#31b0d5 #a3dced}body{position:relative;min-height:100vh;scroll-behavior:smooth}#transparentBody{padding:20px;position:relative;z-index:2}body:before{content:" ";display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;opacity:.8;background-image:url(../images/background.png);background-repeat:repeat}h1{font-size:6em;text-align:center;margin:.3em}h1 a{text-decoration:none;color:#fff;-webkit-text-stroke:2px #000;font-family:Paete-Round,Georgia,serif}#InfosAndRounds{border-radius:3px;width:80%;margin-left:10%}#rounds{display:inline-block;text-align:center;background-color:#f5f5f5;padding:.2em;border-radius:3px;width:20%}#infos{display:inline-block;text-align:center;background-color:#f5f5f5;border-radius:3px;width:75%;margin-left:2%;padding:.2em}*{font-family:Qarmic,Georgia,serif}h1,h2,h3,h4,h5,h6{font-family:Paete-Round,Georgia,serif}.player{border-radius:5px;background-color:#9ce4ff;margin:2em 3em;text-align:center;padding:1em}#revealZone{border-radius:5px;margin:2em 3em;text-align:center;padding:1em}.playername{font-weight:700}#depotsTokens .zonedepot{display:inline-block;height:3em;width:7em;background-color:#f5f5f5;border-radius:2px;border:1px solid #000;margin:0 .5em}.img_status,.playername,.score{display:inline-block;margin:.3em .6em;vertical-align:middle}.img_status img{width:2em;height:2em}.token{border-radius:50%;width:3em;height:3em;line-height:3em;display:inline-block;margin:.3em .4em;padding:.1em}.token:hover{cursor:pointer}#token1{background-color:#e9c01c}#token2{background-color:#235f95}#token3{background-color:#c45007}#token4{background-color:#283890}#token5{background-color:#98ac19}#token6{background-color:#b62a1b}#tokens{min-width:60%;min-height:3.6em;border-radius:2px;background-color:#479127;margin:.5em;display:inline-block}#imgReset{display:inline-block;width:2em;height:2em;vertical-align:middle}input[type=color]{height:2em;width:2em;margin-left:1em;border-radius:2px}#imgReset:hover,input[type=color]:hover{cursor:pointer}input[type=submit]{background-color:#f5f5f5;width:8em;height:2.3em;line-height:2em;color:green;border:none;border-radius:5px;margin-top:.2em;transition:background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out}input[type=submit]:hover{cursor:pointer;box-shadow:1px 1px 1px #000}input[type=submit]:disabled{background:#b6b6b6;color:red}input[type=submit]:disabled:hover{cursor:default;box-shadow:none}.cardAndOwner{display:inline-block;margin:0 .5em;width:7em}.card{background-color:transparent;width:100%;height:11em;perspective:1000px}.cardInner{position:relative;width:100%;height:100%;text-align:center;transition:transform .5s;transform-style:preserve-3d;border-radius:2px;background-image:url(../images/background.png)}.cardBack,.cardFront{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:inherit}.cardBack{color:#000;transform:rotateY(180deg)}.cardContent{display:flex;flex-direction:column;justify-content:center;margin:5%;height:91%;background-color:rgba(255,255,255,.8);border-radius:2px;padding:.12em;hyphens:auto}.cardOwner,.cardScore{margin:.3em 0}.cardOwner{padding:.1em .1em 0 .1em;overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;height:1.3em;white-space:nowrap}.cardOwner::-webkit-scrollbar{width:0;height:0}.cardScore{padding-bottom:.1em}.cardOwnerAndScore{border-radius:2px;background-color:#fff;transition:visibility .1s linear,opacity .1s linear}#playerCard1:hover,#playerCard2:hover,#playerCard3:hover,#playerCard4:hover{background-color:rgba(184,248,157,.8);cursor:pointer;transition:background-color .1s ease-out}#pregame{text-align:center;width:80%;margin:0 10%;border-radius:3px;padding:2em 1em}#imgLoading{height:3em;width:3em;margin:1em}#chat,#game{vertical-align:top}#game{width:75%}#chat{width:20%}#wrapperChatbox{height:30em;border-radius:3px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#31b0d5 #a3dced;background-color:#f5f5f5;margin-top:-1em}#deconnectScreen{background-color:#fff;border-radius:10px;border:2px solid #000;padding:1em;margin:2.8em;font-size:1.5em}#deconnectScreen div{display:inline-block;width:60%}#deconnectScreen img{display:inline-block;width:30%;height:auto;vertical-align:middle}#chat textarea{display:block;width:98%;margin-top:.1em;height:5em}#chat input[type=submit]{width:100%;height:3.3em;line-height:3em;margin-top:.2em;background-color:#a3dced;color:#fff;border:none;border-radius:7px;font-weight:700;transition-property:background-color color;transition-duration:.2s;transition-timing-function:ease-out}#chat input[type=submit]:hover{background-color:#31b0d5;cursor:pointer;box-shadow:none}#message{width:inherit;margin:.1em;background-color:#9ce4ff;border-radius:3px;padding:.1em;overflow-wrap:break-word;white-space:pre-wrap}#pseudoMessage{font-style:bold;font-size:.75em}#inputPseudo{height:2em;width:60%;margin:1em 0 .5em;padding:.2em;border-radius:7px}#buttonsEnd{margin:.6em 20%;width:60%}.buttonEnd{background-color:#a3dced;color:#fff;height:3em;width:45%;margin:0 2%;border:none;border-radius:7px;font-weight:700;transition:background-color .2s ease-out}.buttonEnd:hover{cursor:pointer;background-color:#31b0d5}#divTitleChat{display:inline-block;width:85%}#divVisibilityChat{display:inline-block;width:15%}#divVisibilityChat img:hover{cursor:pointer}#buttonCreateRoom,#startGame{background-color:#a3dced;color:#fff;height:3em;width:60%;margin:1em 20%;border:none;border-radius:7px;font-weight:700;display:block;transition:background-color .2s ease-out}#buttonCreateRoom:hover,#linkToken button:hover,#startGame:hover{background-color:#31b0d5;cursor:pointer;box-shadow:none}#menuAccueil,#menuInfos{display:inline-block;background-color:#f5f5f5;border-radius:3px;width:30%;vertical-align:top;text-align:center}#menuAccueil{margin:0 1% 0 18%}#menuInfos{margin:0 18% 0 1%}#menuInfos p{text-align:justify;padding:.5em}#alreadyUsedPseudo{background-color:#f56262;border-radius:3px;padding:.2em;margin:.1em}#alreadyUsedPseudo img,#chat img,#infos img{width:2em;height:2em;margin:0 .2em;vertical-align:middle}.imgWaitingPlayer{display:inline-block;width:13%;text-align:right;vertical-align:middle;margin-right:.5em}.imgWaitingPlayer img{height:2em;width:2em;margin-top:.2em}.playerWaitingPlayer{display:inline-block;text-align:left;width:70%;overflow-x:hidden;vertical-align:middle}.kickWaitingPlayer{display:inline-block;width:5%;margin-left:2%;border-radius:50%;vertical-align:middle}.kickWaitingPlayer:hover{color:red;cursor:pointer;-webkit-text-stroke:.3px #000}#lettre1titre{color:#e9c01c}#lettre2titre{color:#235f95}#lettre3titre{color:#c45007}#lettre4titre{color:#283890}#lettre5titre{color:#98ac19}#lettre6titre{color:#b62a1b}#titleClassement{text-align:center}#settingsLobby{margin-bottom:1em}.settingsLobbyLabels{display:inline-block;width:60%;height:1.3em}#startGame:disabled{background-color:grey;cursor:default}#settingsLobby select,#settingsLobby textarea,.settingsLobbyInputs{display:inline-block;width:60%;margin-bottom:.5em;border-radius:3px;padding:.1em;text-align:center}textarea{height:4em}#linkToken input{display:inline-block;width:50%;margin-bottom:.5em;border-radius:3px;padding:.1em;text-align:center}#linkToken button{background-color:#a3dced;color:#fff;height:2.5em;width:15%;margin-left:2%;border:none;border-radius:7px;font-weight:700;display:inline-block;transition:background-color .1s ease-out}#pregameSettingsAndPlayers>div{display:inline-block;width:40%;margin:0 4%;vertical-align:top;background:rgba(245,245,245,.75);border-radius:3px}.waitingplayer{border-radius:3px;width:60%;margin:.2em 20%;padding:.2em;min-height:2em;line-height:2em}#classPlayers{border-radius:3px;margin-top:3em}.winner{visibility:hidden;opacity:0;transition:visibility .1s linear,opacity .1s linear;background-color:#9ce4ff;border-radius:3px;margin:.6em 20%;width:60%;font-size:1.5em;padding:.3em}.winner img{width:6em;height:6em;margin:0 .2em;vertical-align:middle}#divVisibilityChat img{width:2.5em;height:2.5em}noscript p{background-color:#fff;text-align:center;border-radius:5px;margin:1em 10%;padding:1em;width:80%}@media (max-width:910px){#chat,#game{width:100%}#infos{margin-top:.5em}}