@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);
*{box-sizing:border-box;margin:0;padding:0}body{background-color:#002c1e;height:100vh}.menu-buttons{display:flex;flex-direction:row;justify-content:space-evenly}@media (max-width: 576px){.menu-buttons{flex-wrap:wrap;height:18vh}}.button{align-items:center}

.container-scores{color:#fff;font-family:'Alata', sans-serif;font-size:3em;height:55vh;line-height:1.4em;margin:0 auto;margin-bottom:2rem;overflow:auto;overflow-x:hidden;text-align:center;text-shadow:10px 20px 10px rgba(70,6,15,0.62);width:880px}@media (max-width: 576px){.container-scores{font-size:1.4rem;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.container-scores{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.container-scores{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 1200px) and (min-width: 993px){.container-scores{height:55vh;margin-bottom:7vh;margin-top:5vh;width:60vw}}.container-scores::-webkit-scrollbar{width:15px}.container-scores::-webkit-scrollbar-track{background-color:transparent}.container-scores::-webkit-scrollbar-thumb{background-color:#46060f;border-radius:70%}.scores{color:#fff;font-family:'Alata', sans-serif;font-size:3rem;margin-bottom:1.5rem;text-shadow:10px 20px 10px rgba(70,6,15,0.62)}@media (max-width: 600px){.scores{font-size:1.7rem}}@media (max-width: 768px) and (min-width: 577px){.scores{font-size:1.7rem}}@media (max-width: 992px) and (min-width: 769px){.scores{font-size:1.7rem}}.table{font-size:2.25rem;margin:0 auto;text-align:center;width:866px}@media (max-width: 576px){.table{font-size:1.2rem;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.table{font-size:1.2rem;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.table{font-size:1.3rem;width:60vw}}@media (max-width: 1200px) and (min-width: 993px){.table{font-size:1.5rem;width:60vw}}

.background-dice{position:absolute}.background-dice--default{left:2%;position:fixed;top:50%;transform:translateY(-50%)}.background-dice--alt{position:fixed;right:2%;top:50%;transform:translateY(-50%)}.background-dice--mob{left:2%;top:2%}.background-dice--mob-alt{right:2%;top:2%}

.logo{margin:0 auto;text-align:center;width:35vw}@media (max-width: 576px){.logo{margin-top:2%;width:55vw}}@media (max-width: 993px) and (min-width: 577px){.logo{margin-top:2%;width:50vw}}

.intro{color:#fff;font-family:'Alata', sans-serif;font-size:2.5em;height:55vh;line-height:1.4em;margin:0 auto;margin-bottom:2rem;text-align:center;text-shadow:10px 20px 10px rgba(70,6,15,0.62);width:70vw}@media (max-width: 576px){.intro{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.intro{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.intro{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.intro{font-size:1.7em;height:55vh;margin-bottom:11vh;margin-top:5vh;width:70vw}}@media (max-width: 1200px) and (min-width: 993px){.intro{font-size:2em;height:55vh;margin-bottom:7vh;margin-top:5vh;width:60vw}}

.button{background-color:#46060f;border:3px solid #fff;border-radius:20px;color:#fff;display:inline-block;font-size:2rem;height:3.5rem;line-height:3rem;outline:none;text-align:center;text-decoration:none;width:17rem}.button:hover{box-shadow:-10px -10px 40px rgba(41,231,162,0.6),10px 10px 40px rgba(41,231,162,0.6)}.button--disabled{box-shadow:-10px -10px 40px rgba(41,231,162,0.6),10px 10px 40px rgba(41,231,162,0.6)}@media (max-width: 576px){.button{font-size:1.5rem;height:7vh;line-height:6vh;width:40vw}}@media (max-width: 768px) and (min-width: 577px){.button{font-size:1.5rem;height:7vh;line-height:6vh;width:20vw}}@media (max-width: 992px) and (min-width: 769px){.button{width:20vw}}@media (max-width: 1200px) and (min-width: 993px){.button{width:20vw}}

.authors{color:#fff;font-family:'Alata', sans-serif;font-size:2.5em;height:55vh;line-height:1.4em;margin:0 auto;margin-bottom:2rem;text-align:center;text-shadow:10px 20px 10px rgba(70,6,15,0.62);width:866px}@media (max-width: 576px){.authors{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.authors{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.authors{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 1200px) and (min-width: 993px){.authors{font-size:2em;height:55vh;margin-bottom:7vh;margin-top:5vh;width:60vw}}.link{color:#fff;text-decoration:none}

.container{color:#fff;font-family:'Alata', sans-serif;font-size:1.3rem;height:55vh;line-height:1.5;margin:0 auto;margin-bottom:2rem;overflow:auto;padding-right:1%;text-align:center;text-shadow:10px 20px 10px rgba(70,6,15,0.62);width:60vw}.container::-webkit-scrollbar{width:15px}.container::-webkit-scrollbar-track{background-color:transparent}.container::-webkit-scrollbar-thumb{background-color:#46060f;border-radius:70%}@media (max-width: 576px){.container{font-size:1em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}.container::-webkit-scrollbar{width:10px}}@media (max-width: 768px) and (min-width: 577px){.container{font-size:1em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.container{font-size:1em;height:55vh;margin-bottom:10vh;margin-top:5vh;width:60vw}}@media (max-width: 1200px) and (min-width: 993px){.container{font-size:1em;height:55vh;margin-bottom:7vh;margin-top:5vh;width:60vw}}.text{margin:1.5em 0 0}.text--first{margin:0}.text--last{font-weight:700}.list{list-style-position:inside;list-style-type:square;margin:0;text-align:center}.list--bold{font-weight:700}

.settings{display:flex;flex-direction:column;height:55vh;justify-content:space-around;margin:0 auto 2rem;width:70vw}@media (max-width: 576px){.settings{font-size:1.7em;height:55vh;margin-bottom:10vh;margin-top:10vh;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.settings{font-size:1.7em;height:55vh;margin-bottom:15vh;margin-top:12vh;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.settings{font-size:1.7em;height:55vh;margin-bottom:5vh;margin-top:10vh;width:70vw}}@media (max-width: 1200px) and (min-width: 993px){.settings{height:55vh;margin-bottom:7vh;margin-top:5vh;width:60vw}}.settings__names{display:grid;grid-column-gap:2vw;grid-template-columns:15vw 45vw 6vh;grid-template-rows:1}@media (max-width: 576px){.settings__names{grid-template-columns:80vw;grid-template-rows:7vh 8vh 20vh}}@media (max-width: 768px) and (min-width: 577px){.settings__names{grid-template-columns:80vw;grid-template-rows:7vh 8vh 25vh}}.settings__names .players{align-content:space-between;display:flex;flex-wrap:wrap;height:18vh;justify-content:space-between;margin:0 auto;width:45vw}@media (max-width: 576px){.settings__names .players{width:80vw}}@media (max-width: 768px) and (min-width: 577px){.settings__names .players{width:80vw}}.settings__names .switch-wrapper{display:flex;flex-direction:column;height:18vh;justify-content:space-evenly}@media (max-width: 576px){.settings__names .switch-wrapper{flex-direction:row-reverse;justify-content:space-between}}@media (max-width: 768px) and (min-width: 577px){.settings__names .switch-wrapper{flex-direction:row-reverse;justify-content:space-around}}.settings__styles{display:grid;grid-column-gap:2vw;grid-template-columns:15vw 45vw 6vh;grid-template-rows:1;margin-top:10%}@media (max-width: 576px){.settings__styles{grid-template-columns:80vw;grid-template-rows:10vh 15vh}}@media (max-width: 768px) and (min-width: 577px){.settings__styles{grid-template-columns:80vw;grid-template-rows:10vh 15vh}}.settings__styles .select{margin:0 auto}.button{margin:0 auto}.error{color:red;font-size:0.8rem;margin:0;padding:0.5em 0 1.5em;text-align:center}

.label{background-color:#46060f;border:3px solid #fff;border-radius:20px;box-sizing:border-box;color:#fff;display:inline-block;font-size:1.5rem;font-weight:500;line-height:3.5rem;min-height:4vh;outline:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.label--alternative{background-color:#bbbfc0;color:#000;height:7vh}@media (max-width: 576px){.label--alternative{font-size:1rem;height:7vh;justify-self:center;line-height:6vh}}@media (max-width: 768px) and (min-width: 577px){.label--alternative{height:7vh;justify-self:center;line-height:6vh}}@media (max-width: 992px) and (min-width: 769px){.label--alternative{height:7vh;line-height:7vh}}@media (max-width: 576px){.label{height:7vh;justify-self:center;line-height:6vh}}@media (max-width: 768px) and (min-width: 577px){.label{height:7vh;justify-self:center;line-height:6vh}}@media (max-width: 992px) and (min-width: 769px){.label{height:7vh;line-height:6vh}}@media (min-width: 993px){.label{height:7vh;line-height:6vh}}

.select{background-color:#bbbfc0;border:3px solid #fff;border-radius:20px;font-size:1.5rem;height:7vh;line-height:3.5rem;outline:none;-moz-text-align-last:center;text-align-last:center}@media (max-width: 576px){.select{font-size:1rem;height:7vh}}@media (max-width: 992px) and (min-width: 577px){.select{font-size:1rem;height:7vh}}

.switch{background-color:#bbbfc0;border:3px solid #fff;border-radius:50%;cursor:pointer;font-size:1.5rem;height:6vh;outline:none;-moz-text-align-last:center;text-align-last:center;width:6vh}@media (max-width: 576px){.switch{flex-wrap:nowrap;height:5vh;width:5vh}}@media (max-width: 768px) and (min-width: 577px){.switch{flex-wrap:nowrap;height:5vh;width:5vh}}

.game-container{align-items:flex-start;display:flex;flex-direction:row-reverse;justify-content:space-between;margin:0 auto;padding-bottom:50px;width:60vw}@media (max-width: 576px){.game-container{align-items:center;flex-direction:column;width:80vw}}@media (max-width: 768px) and (min-width: 577px){.game-container{align-items:center;flex-direction:column;width:80vw}}@media (max-width: 992px) and (min-width: 769px){.game-container{align-items:center;flex-direction:column;width:80vw}}@media (max-width: 1200px) and (min-width: 993px){.game-container{width:70vw}.game-container .logo{width:20vw}}.buttons-container{padding:0 20px 30px 0;text-align:center}.buttons-container .button{background-color:#46060f;border:3px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:1.3rem;line-height:unset;margin-right:5px;outline:none;text-align:center;text-transform:capitalize}@media (max-width: 576px){.buttons-container .button{width:30vw}}@media (max-width: 768px) and (min-width: 577px){.buttons-container .button{width:30vw}}.board{margin-top:50px}

.board{background-size:cover;display:grid;grid-template-rows:-webkit-min-content 280px -webkit-min-content;grid-template-rows:min-content 280px min-content;height:25rem;justify-items:center;padding:0.5em;position:relative;width:25rem}@media (max-width: 576px){.board{grid-template-columns:75vw;grid-template-rows:-webkit-min-content 50vw 20vh;grid-template-rows:min-content 50vw 20vh;height:80vw;margin-bottom:8vh;width:80vw}.board .label{font-size:1rem;width:20vw}}@media (max-width: 768px) and (min-width: 577px){.board{grid-template-columns:75vw;grid-template-rows:-webkit-min-content 60vw 13vh;grid-template-rows:min-content 60vw 13vh;height:80vw;margin-bottom:8vh;width:80vw}.board .label{font-size:1rem;width:20vw}}@media (max-width: 992px) and (min-width: 769px){.board{grid-template-columns:43vw;grid-template-rows:-webkit-min-content 30vw -webkit-min-content;grid-template-rows:min-content 30vw min-content;height:45vw;margin-bottom:5vh;width:45vw}.board .label{font-size:1rem;width:20vw}}@media (max-width: 1200px) and (min-width: 993px){.board{grid-template-columns:35vw;grid-template-rows:-webkit-min-content 23vw -webkit-min-content;grid-template-rows:min-content 23vw min-content;height:35vw;width:35vw}.board .label{font-size:1rem;line-height:6vh;width:20vw}}.board__player{justify-self:center}.board__buttons{display:flex;justify-content:space-around;width:100%}.board__pause-cover{background-color:rgba(196,196,196,0.5);display:grid;height:106%;place-items:flex-start;position:absolute;width:100%}.board__pause-cover .label{align-self:center;justify-self:center}.board__pause-cover--hidden{display:none}.button-game{background-color:#46060f;border:3px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:1.3rem;min-width:150px;outline:none;padding:0.5em 1em;text-align:center}@media (max-width: 576px){.button-game{font-size:1rem;height:10vw;width:40vw}}@media (max-width: 768px) and (min-width: 577px){.button-game{font-size:1rem;height:8vw;width:30vw}}@media (max-width: 992px) and (min-width: 769px){.button-game{font-size:1rem;height:5vw;width:15vw}}@media (max-width: 1200px) and (min-width: 993px){.button-game{font-size:1rem;height:5vw;width:15vw}}

.score-table{background:#fff;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.score-table__names{border-right:3px solid #00f;cursor:pointer;width:111px}.score-table__names-item{align-items:center;border-bottom:1px solid #00f;cursor:pointer;display:flex;font-family:sans-serif;font-size:0.75rem;font-weight:700;height:30px;padding:5px 0 5px 2px;position:relative}.score-table__names-item:last-child{border-bottom:0}.score-table__names-item--blue{background-color:#94d4cc}.score-table__names-item--empty{border-bottom:3px solid #00f;cursor:default;height:80px;padding:0;position:relative;width:111px}.score-table__players-container{display:flex;width:100%}.score-table__player{flex-basis:100%}.score-table__player-name{align-items:center;border-bottom:3px solid #00f;border-right:1px solid #00f;display:flex;font-family:sans-serif;font-size:0.75rem;height:80px;justify-content:center;position:relative;text-overflow:hidden;width:74px}.score-table__player-name--inactive{background-color:#f00}.score-table__player-field{border-bottom:1px solid #00f;border-right:1px solid #00f;height:30px;width:74px}.score-table__player-field:last-child{border-bottom:0}.score-table__player-field--red{background-color:#f00;cursor:pointer}.score-table__player-field--blue{align-items:center;background-color:#94d4cc;display:flex;font-size:1.25rem;justify-content:center;position:relative}.score-table__player-field--active{-webkit-animation:background 2s linear infinite;animation:background 2s linear infinite;cursor:pointer}.score-table__player-field--filled{align-items:center;display:flex;font-size:1.25rem;justify-content:center}.rotate{position:absolute;transform:rotate(-45deg)}.border-right-none{border-right:0}@-webkit-keyframes background{0%{background-color:#598c11}50%{background-color:#88da15}100%{background-color:#598c11}}@keyframes background{0%{background-color:#598c11}50%{background-color:#88da15}100%{background-color:#598c11}}

.modal-wrap{display:none}.modal-wrap.active{background-color:rgba(0,0,0,0.5);display:block;height:100%;left:0;position:fixed;top:0;width:100%}.modal{background:linear-gradient(#46060f 25%, #f9efef 25%) border-box;border:0.3rem solid #46060f;border-radius:3rem;display:flex;flex-direction:column;height:60%;justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:30%}.modal__header{color:#fff;display:flex;flex-direction:column-reverse;font-size:2rem;padding-left:1.5rem;padding-top:1rem}.modal__header--subheader{font-size:1.3rem;padding-bottom:0.5rem}.modal__body{display:flex;flex-direction:column;font-size:1.6rem;padding:1.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal__body__points{font-size:1.1rem;padding-bottom:2.5rem;padding-top:1rem}.modal__buttons{display:flex;flex-direction:row;justify-content:space-evenly;padding-bottom:5%}.modal__buttons--close,.modal__buttons--next{cursor:pointer}.modal__buttons .button,.modal__buttons .label{font-size:1.5rem;height:2.7rem;line-height:2.2rem;margin:0;width:10rem !important}@media (max-width: 576px){.modal{width:70%}}@media (max-width: 768px) and (min-width: 577px){.modal{width:55%}}@media (max-width: 992px) and (min-width: 769px){.modal{width:45%}}@media (max-width: 1200px) and (min-width: 993px){.modal{width:40%}}