.board{display:grid;grid-template-columns:repeat(10,4.5rem);position:relative}.board__space{align-items:center;display:flex;justify-content:center;background-color:#f4ead6cc;width:4.5rem;height:4.5rem;position:relative}.board__space--odd{background-color:#f8f2e699}.board__number{color:#383631;font-size:.5rem;font-weight:700;position:absolute;top:.25rem;left:.25rem;width:fit-content}.board__token-container{align-items:center;display:flex;justify-content:center;border-radius:50px;margin:.125rem .25rem;padding:.25rem;text-align:center;width:fit-content}.board__token-container--option-1{background-color:#235d4c}.board__token-container--option-2{background-color:#328f73}.board__token-container--option-3{background-color:#2fa45e}.board__token-container--option-4{background-color:#6fb676}.board__token{font-size:.75rem}.board__ladder{position:absolute;transform-origin:bottom left}.board__snake{position:absolute;transform-origin:bottom left;width:20px}.dice{align-items:center;display:flex;justify-content:space-around;background-color:#faf8f6;border-radius:4px;height:4.5rem;padding:.5rem;width:4.5rem}.dice__col{align-items:stretch;display:flex;flex-direction:column;justify-content:space-around;height:100%}.dice__dot{background-color:#383631;border-radius:50px;height:.9rem;width:.9rem}.dice__dot--hidden{height:.9rem;width:.9rem}.dice-group{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:1rem}.dice-group__dice-container{align-items:center;display:flex;justify-content:center;gap:1.5rem}.dice-group__text-container{align-items:center;display:flex;justify-content:stretch;min-height:2.75rem}.dice-group__roll-btn{width:100%}.dice-group__roll-btn--disabled,.dice-group__roll-btn--disabled:hover{background-color:gray}.dice-group__result{font-weight:700;text-align:center;width:100%}.setup{align-items:flex-start;display:flex;column-gap:6rem;flex-wrap:wrap;justify-content:center;min-height:100vh}.setup__header-container{height:32vh;width:75%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid white;padding-bottom:6rem}.setup__header-img{height:100%;display:none}.setup__header{font-size:5rem;font-weight:400;line-height:4.25rem}.game-type{max-width:1000px}.create-game{border:none;margin-bottom:4rem}.create-game__label{padding-bottom:.75rem}.create-game__options-container{display:flex;gap:.5rem}.create-game__option-container{flex-grow:1}.create-game__option-input{display:none}.create-game__option-input:checked+.create-game__option-label{background-color:#fff3;border:1px solid white;color:#fff}.create-game__option-label{border:1px solid white;border-radius:4px;color:#fff;cursor:pointer;display:block;padding:.75rem 1rem;text-align:center}.create-game__option-label:hover{background-color:#fff3}.join-game{align-items:flex-end;display:flex;flex-grow:1;gap:.5rem;min-width:20rem;max-width:50%}.join-game__input-container{display:flex;flex-direction:column;width:100%}.join-game__label{padding-bottom:.5rem}.join-game__input{font-size:1rem;padding:.75rem 1rem}.player-setup{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;max-width:800px}.player-setup__start-action{width:100%;flex-grow:2}.join-form{align-items:flex-end;display:flex;flex-grow:1;gap:.5rem;min-width:20rem}.join-form__input-container{display:flex;flex-direction:column;width:100%}.join-form__label{padding-bottom:.5rem}.join-form__input{font-size:1rem;padding:.75rem 1rem}.join-form__button{min-width:fit-content}.player-management{min-width:20rem;max-width:50%;flex-grow:1;padding-top:1.6rem}.player-management__share-code{border-radius:4px;border:1px dashed white;font-size:1rem;padding:.75rem}.player-management__list-header{font-size:1.5rem}.player-management__list-container{list-style:none;margin-block:1rem 1.5rem}.player-management__list-item{margin-block:.25rem}.players__list{display:flex;flex-direction:column;gap:.75rem;list-style:none}.players__item{align-items:center;display:flex;justify-content:space-between;gap:.25rem}.players__name-container{align-items:center;display:flex;justify-content:center}.players__name{font-weight:700;padding-left:.5rem}.players__active-tag{background-color:#235d4c;border-radius:50px;font-size:.75rem;font-weight:700;padding:.125rem .75rem}.players__token-container{align-items:center;display:flex;justify-content:center;border-radius:50px;padding:.25rem}.players__token-container--option-1{background-color:#235d4c}.players__token-container--option-2{background-color:#328f73}.players__token-container--option-3{background-color:#2fa45e}.players__token-container--option-4{background-color:#6fb676}*{margin:0;padding:0}body{background-color:#2b2924;color:#faf8f6;font-family:Quattrocento,serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{background-color:#1f1c15;border-radius:8px;border:1px solid transparent;color:#faf8f6;cursor:pointer;font-family:Quattrocento,serif;font-size:1.125rem;font-weight:700;letter-spacing:.75px;padding:.75rem 1rem}button:hover{background-color:#0e0d0a}button:focus,button:focus-visible{outline:4px auto #FAF8F6}label{font-size:1rem;font-weight:700}.app{align-items:center;display:flex;justify-content:center;background-image:url(/assets/setup-bg-Cdh648Hh.jpg);object-fit:cover;gap:2rem;min-height:100vh}.app__actions{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;height:45rem;min-width:15rem}.app__actions-primary{align-items:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;width:100%}.app__winner{background-color:#faf8f626;border-radius:4px;font-weight:700;padding:1rem;text-align:center}.app__actions-secondary{display:flex;gap:1rem}.app__message{background-color:#faf8f626;border-radius:4px;font-weight:700;padding:1rem;text-align:center}