#header header{background-color:#0a471c;color:#fff;padding:10px 15px;text-align:center}#header header nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;align-items:center}#header header nav ul li{margin:0 10px}#header header nav ul li a{color:#fff;text-decoration:none;font-weight:700}#header header nav ul li a:hover{color:#fefefe}#header button{background-color:#312d29;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;font-size:1em}#header button:hover{background-color:#d32f2f}#chat{position:fixed;bottom:0;right:0;width:100%;max-width:25%;height:150px;max-height:80%;background-color:#333;color:#fff;border-radius:10px 0 0;overflow:auto;display:flex;flex-direction:column;padding-top:10px}@media screen and (min-width: 0px) and (max-width: 800px){#chat{max-width:45%}}#chat #message{flex:1;width:100%;max-height:70%;border:none;outline:none;resize:none;padding:0 10px;box-sizing:border-box;background-color:#333;color:#fff;font-size:16px;font-family:Arial,sans-serif;overflow-y:auto}#chat input[type=text]{width:100%;height:auto;border:none;outline:none;background-color:#146300;color:#fff;font-size:16px;font-family:Arial,sans-serif;cursor:pointer}#chat #text-message-send{display:flex;align-items:center;justify-content:space-between;padding:10px}#chat input[type=text]{flex:1;margin-right:10px;padding:10px;border-radius:5px}#chat button{background-color:#146300;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer}::-webkit-scrollbar{width:10px;margin-right:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:green;border-radius:10px}#scores{color:#ece7e7;position:absolute;top:calc(20% + 10px);right:20px;padding:10px;border-radius:10px;background-color:transparent}#scores p{margin:0}@media screen and (max-width: 768px){#scores{font-size:14px;padding:5px}}#liste-cartes{position:fixed;bottom:0;left:0;display:flex;align-items:center;padding:10px;width:74%;overflow-x:auto;justify-items:center}#liste-cartes img{width:7vw;max-width:100px;padding:5px;border-radius:15px;transition:transform .3s ease-in-out}#liste-cartes img:hover:not([data-block-card="1"]){transform:scale(1.1);cursor:pointer}#listes-cartes-plateau{display:flex;flex-direction:column;align-items:flex-start;padding:20px 0;max-width:90%;margin:0 auto 0 5%}#listes-cartes-plateau>*>*{height:15vh;margin-right:5px;border-radius:5px}#listes-cartes-plateau[data-waiting-for-row="1"] div:hover{cursor:pointer}#liste-cartes [data-block-card="1"],.block-click{cursor:not-allowed}#scores{display:flex;flex-direction:column;text-align:center;max-width:fit-content;padding:15px;border-radius:8px;box-shadow:0 2px 4px #000;background-color:#146300;margin-left:10px}#message-serveur{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;border-radius:10px;background-color:#146300;color:#ece7e7;box-shadow:0 2px 4px #0000001a;z-index:100}@media screen and (max-width: 400px){#liste-cartes{width:50%;height:20vh}#liste-cartes img{width:auto}}@media screen and (max-width: 600px){#listes-cartes-plateau{display:flex;flex-direction:row;max-width:45vw}#listes-cartes-plateau>*{flex:1}#listes-cartes-plateau>*>*{height:20vw}}@media screen and (max-height: 500px) and (orientation: landscape){#listes-cartes-plateau{padding:5px;top:-18px;position:relative}#listes-cartes-plateau>*>*{height:16vh}#liste-cartes{padding:0 5px 5px 15px}#header{transition:all .3s ease-in-out;transform:translateY(-1.25rem)}#header:hover{transform:translateY(0)}}@media screen and (min-width: 400px) and (max-width: 800px){#liste-cartes{display:grid;grid-template-columns:repeat(2,1fr);height:20vh;max-width:55%;padding:0}#liste-cartes img{width:auto}}@media screen and (min-width: 620px) and (max-width: 800px){#liste-cartes{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 800px) and (max-width: 1200px){#liste-cartes{display:grid;grid-template-columns:repeat(5,1fr);height:20vh;max-width:60%}#liste-cartes img{min-width:90%;margin:auto}}#bataille .listes-cartes-plateau{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;height:40vh;margin-right:5px;border-radius:5px;width:60vw;justify-items:center}#bataille .listes-cartes-plateau *{margin-right:5px;border-radius:5px}#bataille .listes-cartes-plateau>div{height:100%}#bataille .listes-cartes-plateau>div>img{height:85%;min-width:90%;padding:5px}#bataille .listes-cartes-plateau>div>label{display:flex;justify-content:center;align-items:center;height:15%;font-size:1.5em;font-weight:700}#bataille .listes-cartes-plateau[data-waiting-for-row="1"] div:hover{cursor:pointer}@media screen and (min-width: 0px) and (max-width: 400px){#scores{top:10%}}@media screen and (min-width: 0px) and (max-width: 800px){#bataille .listes-cartes-plateau{grid-template-columns:repeat(2,1fr)}#bataille .listes-cartes-plateau>div>img{width:auto}}@media screen and (min-width: 800px) and (max-width: 890px){#bataille .listes-cartes-plateau{grid-template-columns:repeat(3,1fr)}#bataille .listes-cartes-plateau>div>img{width:auto}}@media screen and (min-width: 890px) and (max-width: 1100px){#bataille .listes-cartes-plateau{grid-template-columns:repeat(4,1fr)}#bataille .listes-cartes-plateau>div>img{width:auto}}.block-click{cursor:not-allowed}#home h2{color:#fff;font-family:Arial,Helvetica,sans-serif;text-align:center;background-color:#146300;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:fit-content;margin:30px auto}#home table{margin:30px auto;text-align:center;background-color:#252525cc;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:fit-content}#home table tr td{color:#fff;padding:10px}#home table tr td{width:100px}#home table tr:nth-child(2n){background-color:#0003}#home table thead tr{background-color:#0006}#home table thead tr th{color:#fff;padding:10px}#menteur #callout{color:#ece7e7;font:1.5em Arial,sans-serif;position:absolute;top:calc(50% + 10px);right:50px;padding:10px;border-radius:10px;background-color:red}#menteur #choose-color{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100}#menteur #choose-color-cards{display:grid;grid-template-columns:repeat(4,1fr);width:60%;height:fit-content;background-color:#0e5401;border-radius:10px;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;gap:10px}#menteur #choose-color-cards>*{transition:transform .3s ease-in-out}#menteur #choose-color-cards>*:hover{cursor:pointer;transform:scale(1.1);filter:brightness(.8)}#menteur #choose-color-cards>*:not(:hover){filter:brightness(.6) invert(.8) sepia(1) saturate(3) hue-rotate(180deg)}#menteur img{color-scheme:only light}#menteur #defausse{position:absolute;top:30%;left:40%}#menteur #defausse>img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 600px){#menteur #defausse{position:absolute;top:30%;left:10%}#menteur #defausse>img{width:30vw}#menteur #liste-cartes{flex-wrap:wrap;justify-content:center;height:30%}}#partie *{color:#ece7e7}#partie h2,#partie h2+h3{background-color:#146300;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:fit-content;margin:30px auto;text-align:center}#liste-joueurs{display:flex;flex-direction:column;text-align:center;max-width:fit-content;padding:15px;border-radius:8px;box-shadow:0 2px 4px #000;background-color:#146300;margin-left:10px}#liste-joueurs ul{list-style-type:none;padding:0;margin:0}#liste-joueurs button,button#save-game{background-color:#4caf50;padding:10px 20px;border:none;border-radius:4px;margin:10px 0;cursor:pointer}#parties h2{color:#ece7e7;background-color:#146300;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:fit-content;margin:30px auto;text-align:center}#parties form{display:flex;flex-direction:column;margin:30px auto;text-align:center;max-width:fit-content;background-color:#146300;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}#parties form input,#parties select{padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px}#parties option{font-size:150%}#parties form button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}#parties form button:hover{background-color:#45a049}#parties .parties-container{color:#ece7e7;background-color:#146300;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:fit-content;margin:30px auto;text-align:center}#parties .party-card a{color:#ece7e7}#parties .party-card a[href=""],a[href="#"],a:not([href]){text-decoration:none;cursor:not-allowed}.sign-in-container{background-color:#145729;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;margin:30px auto;text-align:center}.sign-in-container h2{color:#ece7e7}.sign-in-container form{display:flex;flex-direction:column}.sign-in-container form input{padding:10px;margin:10px 0;border:1px solid #211e1e;border-radius:4px}.sign-in-container form button{background-color:#0d2a1d;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.sign-in-container form button:hover{background-color:#007b9e}.sign-up-container{background-color:#146300;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;margin:30px auto;text-align:center}.sign-up-container h2{color:#ece7e7}.sign-up-container form{display:flex;flex-direction:column}.sign-up-container form input{padding:10px;margin:10px 0;border:1px solid #ddd;border-radius:4px}.sign-up-container form button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer}.sign-up-container form button:hover{background-color:#45a049}body{background-image:url(/assets/background2-CF2WgoZf.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;font-family:Arial,sans-serif}@media screen and (prefers-color-scheme: dark){body{background-color:#333;color:#fff}}
