:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: dark){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.Box{position:relative;top:-50px;height:600px;width:480px;overflow:hidden;white-space:nowrap}a{position:relative;top:100px}body{background-color:#000;color:#fff}button{color:#000}.logo{height:20em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2.5em #ffffff)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo{animation:logo-spin infinite 200s linear}h1{position:relative;max-width:860px}p{margin-top:20px;max-width:860px}header{position:fixed;top:0;left:0;background-color:#c7572e;height:50px;width:100%;text-align:left;padding-left:1%;font-size:32px}.btn_nav{margin-left:25px;height:50px;background-color:gray;border-radius:0;border-width:0px;font-family:Chiller,cursive;line-height:-1;padding-top:8px;padding-bottom:0}.btn_nav:hover{border-color:#646cff;background-color:#000;color:#646cff}.btn_profile{position:fixed;margin-left:30px;right:50px;height:50px;background-color:#646cff;color:#000;border-color:#000;border-radius:0;border-width:3px;font-family:Chiller,cursive;line-height:-1;padding-top:8px;padding-bottom:0}.btn_profile:hover{border-color:#646cff;background-color:#000;color:#646cff;border-width:2px}footer{background-color:#c7572e;position:fixed;bottom:0;left:0;height:100px}.pushable{cursor:pointer;width:100px;height:100px}.pushable:hover{background-color:#b24e2a}.big-container{display:flex;flex-wrap:wrap;justify-content:space-between}.small-container{width:300px;height:500px;margin-left:100px;margin-right:100px;background-color:#c7572e;border-radius:10%;margin-bottom:50px;border-color:#000;border-style:solid;border-width:4px}.small-container img{width:240px;height:240px;margin-top:30px;margin-left:27px;margin-right:29px;border-radius:5%;border-color:#000;border-style:solid;border-width:3px}.small-container p{text-align:left;margin-left:40px;max-width:225px;clear:both;font-size:17px;margin-top:-10px}.small-container h3{text-align:left;margin-left:32px;font-size:19px;margin-top:10px;color:#000}.container{position:relative}.page{background-color:#074203;border-style:solid;border-color:#022905;padding:20px;height:40vh;width:1000px;display:flex;flex-wrap:wrap}.buttons{position:absolute;display:flex;justify-content:space-between;width:100%;height:50px;margin-top:10px}.buttons button{background-color:#c7572e;border-style:solid;border-color:#000}.page h1{position:absolute;bottom:-10px;color:#000;display:block;text-shadow:2px 0 #fff,-2px 0 #fff,0 2px #fff,0 -2px #fff,1px 1px #fff,-1px -1px #fff,1px -1px #fff,-1px 1px #fff}.page h3{color:#000;text-align:left;text-shadow:2px 0 #3d3a3acc,-2px 0 #3d3a3acc,0 2px #3d3a3acc,0 -2px #3d3a3acc,1px 1px #3d3a3acc,-1px -1px #3d3a3acc,1px -1px #3d3a3acc,-1px 1px #3d3a3acc}.page p{color:#fff;text-align:left}.page li{text-align:left}.page img{border-style:solid;border-color:#000;max-height:100%;max-width:40%}@media screen and (min-height: 461px) and (max-height: 800px){.page{height:320px}}@media screen and (max-height: 460px){.page{height:320px;margin-top:18px}}@media screen and (min-width: 900px) and (max-width: 1080px){.buttons{width:450px}.page{width:100%}}@media screen and (max-width: 900px){.buttons{width:450px}.page{width:800px}}.login{background-color:#c7572e;padding:20px;border-radius:10px;box-shadow:0 0 10px #074203;margin:100px auto 0;text-align:center;display:flex}.login-container{display:flex;flex-direction:column;margin:10vh}.login-container h4{color:#074203}input{width:80%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:5px}input:hover{border:1px solid black}.user-container{display:flex;flex-direction:row;align-items:center;justify-content:center}.btn{background-color:#074203;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;width:120%;margin:10px}ul{list-style-type:none}li.player{margin-left:-40px}.waiting{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background-color:#ff0;cursor:initial}.ready{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;background-color:green}.optionSpace{display:flex;flex-direction:column}.optionSpace button{margin:3vh 20vh;width:80vh;height:8vh;color:#fff}.optionSpace input{margin:0 20vh;width:80vh;height:3vh}.board{left:24.3vw;position:absolute;height:80vh;width:59.6vw;background-color:brown}.board img{height:80vh;width:59.6vw}.infection{height:26px;width:26px;position:absolute;left:10vw;border-radius:80%;background-color:#151515;color:red;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.infection p{position:absolute;top:-20px;left:8.5px}.lab{position:absolute}.lab img{width:35px;height:35px}img.token{position:absolute;height:35px;width:30px}.history_title{position:absolute;background-color:#000;color:#fff;height:10vh;width:16vw;right:0;border-style:solid;border-top:0;border-right:0;border-bottom:0;border-width:.5vw;border-color:#fff}.history{position:absolute;text-align:left;top:10vh;right:0;width:16vw;height:90vh;background-color:#000;color:#fff;border-style:solid;border-top:0;border-bottom:0;border-right:0;border-width:.5vw;border-color:#fff;word-wrap:break-word;overflow-x:hidden;overflow-y:scroll}.history li{width:15.6vw;position:absolute;left:-.3vw}.option_list{text-align:left;height:57vh;overflow-y:scroll}.option_list ul{cursor:pointer;font-size:19px}.cards_list{text-align:left;height:57vh;overflow-y:scroll}.cards_list ul{font-size:19px}.dark,.dark_options{text-shadow:2px 0 #d2c5c5,-2px 0 #d2c5c5,0 2px #d2c5c5,0 -2px #d2c5c5,1px 1px #d2c5c5,-1px -1px #d2c5c5,1px -1px #d2c5c5,-1px 1px #d2c5c5}.dark_options:hover,.option_list .options:hover{color:#646cff;filter:drop-shadow(0 0 10px rgba(255,255,255,1))}.return{cursor:pointer}.return:hover{color:#ff6a2a}.end-turn{color:red;cursor:pointer}.end-turn:hover{color:#ff6a2a}.actions{text-align:left;position:absolute;background-color:#000;color:#fff;height:79.2vh;width:23.55vw;border-style:solid;border-top:0;border-width:.5vw;border-color:#fff}.your_turn{position:absolute;top:77px}.exit img{position:absolute;height:70px;bottom:0;right:0}.mano{position:absolute;left:280px;height:30px}ul{font-size:small}@media screen and (max-width: 1280px){.mano{left:22vw}}.response_box{position:absolute;background-color:#000;top:80vh;height:20vh;width:24vw;border-style:solid;border-width:.5vw;border-top:0;border-bottom:0;border-color:#fff}.response_box h2{margin-left:30px;width:20vw}.li{list-style-type:none}.stats{overflow-x:hidden}.window{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;overflow-y:hidden}.stats{position:absolute;top:79.2vh;left:24vw;height:19.85vh;width:59.05vw;background-color:#000;border-style:solid;border-bottom:0;border-width:.5vw;border-color:#fff;display:flex;flex-direction:row}