@import"https://fonts.googleapis.com/css2?family=Koulen&display=swap";@import"https://fonts.googleapis.com/css2?family=Baloo+Chettan+2&family=Koulen&display=swap";*{margin:0;box-sizing:border-box;--main-color: #F7EFE4;--yellow: #E09A2F;--yellow-2: #eeff54;--brown: #453F3B;--beige: #edd9bc;font-family:"Baloo Chettan 2";font-weight:700;font-size:17px}body{overflow:hidden}h1{font-family:Koulen;color:var(--brown);font-size:27px}p{font-family:"Baloo Chettan 2";font-weight:700;color:var(--main-color);font-size:17px}h5{font-family:"Baloo Chettan 2";font-weight:700;color:var(--yellow-2);font-size:15px}h3{color:var(--brown);margin-top:10px;margin-bottom:5px}h6{font-family:"Baloo Chettan 2";font-weight:700;color:var(--brown);font-size:14px}@media only screen and (max-width: 550px){h1{font-size:20px}p{font-size:14px}}.bg{width:100vw;height:100vh;background-color:#000;display:flex;align-items:end;justify-content:center;padding:50px}.loading{width:40%;height:20px;background-color:#fff;z-index:1;border-radius:20px;position:relative;overflow:hidden}.loading-percentage{position:absolute;background-color:#3568f5;width:0%;height:100%;left:0;top:0;transition:width .8s}.main{width:100vw;height:100vh;background-color:#0000007c;position:absolute;display:flex;align-items:center;justify-content:center}.main-menu{width:80%;max-width:600px;height:480px;background-color:var(--main-color);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:280px;min-width:300px}.options{display:flex;flex-direction:column;align-items:center;justify-items:center;justify-content:space-around;width:100%;height:70%}button{border-radius:10px;width:200px;height:40px;border:none;background-color:var(--yellow);cursor:pointer}.hide{display:none!important}input{border-radius:10px;width:200px;height:40px;border:none;background-color:var(--beige);padding:10px}.label{color:#fff;font-family:sans-serif;padding:2px;background:rgba(0,0,0,.6);width:1000px;height:1000px}.messages{position:absolute;width:100vw;height:100vh;pointer-events:none}.messages p{position:absolute;left:20px;top:20px;color:var(--brown);font-size:24px;background-color:var(--main-color);padding:15px;border-radius:17px;pointer-events:all}.character-selector{width:60%;height:100px;background-color:var(--beige);border-radius:15px;display:flex;justify-content:space-around;align-items:center;position:relative;margin-bottom:20px;min-width:250px}.option{width:50px;height:50px;background-color:var(--main-color);border-radius:10px;cursor:pointer;overflow:hidden}.option img{width:100%}.selected{border:solid var(--brown) 3px}.private{background-color:#453f3b89;position:absolute;width:100vw;height:100vh;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center}.options-private{position:relative;display:flex;flex-direction:column;width:300px;height:250px;background-color:var(--main-color);border-radius:15px;align-items:center;justify-content:space-evenly;padding-top:60px;padding-bottom:60px}.cancel-join{position:absolute;width:19px;height:18px;top:17px;right:17px;background-color:#ea5b5b;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}.wrong{border:4px solid rgb(234,91,91)}.players-list{position:absolute;right:17px;top:17px;width:250px;height:400px;background-color:#18161136;overflow:hidden;border-radius:15px;padding:15px}.player-info{width:100%;height:20px;display:flex}.player-info span{font-size:14px;color:var(--beige);text-align:center}.player-info span:nth-child(1){width:10%}.player-info span:nth-child(2){width:60%}.player-info span:nth-child(3){width:30%}.yellow{color:var(--yellow-2)!important}.winner{position:relative;background-color:#edd9bc68;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:10}.winner h1{background-color:#edd9bc;width:100%;padding:20px;text-align:center}.instructions{position:absolute;left:0;bottom:0;width:15%;pointer-events:none}