.box{background-color:#fff;border:none;border-radius:8%;box-shadow:0 0 6.4px #888;font-family:Fredoka,sans-serif;font-size:4em;font-weight:700;height:4rem;line-height:4rem;margin:.4rem;position:relative;text-align:center;width:4rem}.x{color:#5900ff}.o{color:#028030}.box:not(.board_blocked):hover{box-shadow:0 0 12px #000;cursor:pointer}.box:after{color:hsla(0,0%,7%,.3);content:attr(content-before);height:100%;left:0;position:absolute;top:0;width:100%}.board_blocked,.board_blocked .box,.board_blocked .box:hover,.board_blocked:hover{box-shadow:none;cursor:not-allowed}.board_blocked .box{opacity:.5}.board{display:grid;grid-template-columns:repeat(3,1fr)}.highlighted-box2{background-color:#de9f95}.highlighted-box3{background-color:#7ac7d7}.board:nth-child(4){margin-bottom:auto}.scoreboard{align-items:center;background-color:#fff;border-radius:.4rem;box-shadow:0 0 6.4px #888;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;justify-content:space-evenly;margin:.5rem 0 auto;width:16rem}.score{padding:.8rem 0;text-align:center;width:100%}.x-score{border-bottom:6px solid #5900ff;border-radius:.4rem 0 0 .4rem;color:#5900ff}.o-score{border-bottom:6px solid #028030;border-radius:0 .4rem .4rem 0;color:#028030}.inactive{border-bottom:6px solid transparent;font-weight:400}.player-point-section{display:flex;width:100%}body{background-color:gray}:root{--dice-side-size:5rem;--dice-pip-size:calc(var(--dice-side-size)/4);--dice-side-padding-size:var(--dice-side-size);--dice-face-one:rotateY(0deg) rotateX(0deg) rotateZ(0deg);--dice-face-two:rotateY(90deg) rotateX(0deg) rotateZ(0deg);--dice-face-three:rotateY(90deg) rotateX(0deg) rotateZ(90deg);--dice-face-four:rotateY(-90deg) rotateX(0deg) rotateZ(90deg);--dice-face-five:rotateY(-90deg) rotateX(0deg) rotateZ(0deg);--dice-face-six:rotateY(0deg) rotateX(180deg) rotateZ(0deg)}.dice{height:5rem;height:var(--dice-side-size);margin:1.1rem 0;position:relative;-webkit-transform:rotateY(0deg) rotateX(0deg) rotate(0deg);transform:rotateY(0deg) rotateX(0deg) rotate(0deg);-webkit-transform:var(--dice-face-one);transform:var(--dice-face-one);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:5rem;width:var(--dice-side-size)}.dice .face{grid-gap:0;align-items:center;background-color:#e7e7e7;border-radius:7%;box-shadow:inset 0 5px #fff,inset 0 -5px #bbb,inset 5px 0 #d7d7d7,inset -5px 0 #d7d7d7;display:grid;gap:0;grid-template-areas:"pip1 pip2 pip3" "pip4 pip5 pip6" "pip7 pip8 pip9";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;justify-content:center;padding:10px;position:absolute;width:100%}.pip{background-color:#333;border-radius:50%;box-shadow:inset 0 3px #111,inset 0 -3px #555;height:1.25rem;height:var(--dice-pip-size);margin-left:auto;margin-right:auto;width:1.25rem;width:var(--dice-pip-size)}.dice .six{grid-template-areas:none;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.dice .one{-webkit-transform:translateZ(2.5rem);transform:translateZ(2.5rem);-webkit-transform:translateZ(calc(var(--dice-side-padding-size)/2));transform:translateZ(calc(var(--dice-side-padding-size)/2))}.dice .six{-webkit-transform:translateZ(-2.5rem);transform:translateZ(-2.5rem);-webkit-transform:translateZ(calc(var(--dice-side-padding-size)/-2));transform:translateZ(calc(var(--dice-side-padding-size)/-2))}.dice .two{-webkit-transform:translateX(-2.5rem) rotateY(-90deg);transform:translateX(-2.5rem) rotateY(-90deg);-webkit-transform:translateX(calc(var(--dice-side-padding-size)/-2)) rotateY(-90deg);transform:translateX(calc(var(--dice-side-padding-size)/-2)) rotateY(-90deg)}.dice .five{-webkit-transform:translateX(2.5rem) rotateY(90deg);transform:translateX(2.5rem) rotateY(90deg);-webkit-transform:translateX(calc(var(--dice-side-padding-size)/2)) rotateY(90deg);transform:translateX(calc(var(--dice-side-padding-size)/2)) rotateY(90deg)}.dice .three{-webkit-transform:translateY(2.5rem) rotateX(90deg);transform:translateY(2.5rem) rotateX(90deg);-webkit-transform:translateY(calc(var(--dice-side-padding-size)/2)) rotateX(90deg);transform:translateY(calc(var(--dice-side-padding-size)/2)) rotateX(90deg)}.dice .four{-webkit-transform:translateY(-2.5rem) rotateX(90deg);transform:translateY(-2.5rem) rotateX(90deg);-webkit-transform:translateY(calc(var(--dice-side-padding-size)/-2)) rotateX(90deg);transform:translateY(calc(var(--dice-side-padding-size)/-2)) rotateX(90deg)}@-webkit-keyframes random-rotation-animation{50%{-webkit-transform:rotateY(304deg) rotateX(30deg) rotate(2turn);transform:rotateY(304deg) rotateX(30deg) rotate(2turn)}to{-webkit-transform:rotateY(200deg) rotateX(34deg) rotate(100deg);transform:rotateY(200deg) rotateX(34deg) rotate(100deg)}}@keyframes random-rotation-animation{50%{-webkit-transform:rotateY(304deg) rotateX(30deg) rotate(2turn);transform:rotateY(304deg) rotateX(30deg) rotate(2turn)}to{-webkit-transform:rotateY(200deg) rotateX(34deg) rotate(100deg);transform:rotateY(200deg) rotateX(34deg) rotate(100deg)}}.random-rotation{-webkit-animation:random-rotation-animation .75s linear 1.5;animation:random-rotation-animation .75s linear 1.5}:root{--show-side-menu-speed:0.7s}.top-control-section{display:flex;margin:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gear-button{display:none}.buttonStyle{background-color:#5c29bc;border:none;border-radius:10px;color:#dbdbdb;font-size:1rem;font-weight:700;margin-right:.5rem;padding:10px;width:7rem}.gear-button:hover,.top-control-section button:hover{background-color:#7031e4;cursor:pointer}@media only screen and (max-width:1300px){.top-control-section{flex-direction:column;position:relative;-webkit-transform:translateY(-200%);transform:translateY(-200%);transition:all .7s ease-in-out;transition:var(--show-side-menu-speed) all ease-in-out;width:5.5rem}.top-control-section button{margin-bottom:.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.gear-button{display:block;height:5rem;margin:.5rem;padding:0;position:relative;width:5rem;z-index:10}.gear-button:before{background-color:#8693c0f6;content:"";height:100%;left:-10%;position:absolute;top:-100%;width:120%}.gear-button span{align-items:center;display:flex;font-size:4rem;justify-content:center;-webkit-transform:rotate(-1turn);transform:rotate(-1turn);width:100%}.gear-button span,.top-control-section.control-appear{transition:all .7s ease-in-out;transition:var(--show-side-menu-speed) all ease-in-out}.top-control-section.control-appear{-webkit-transform:translateY(0);transform:translateY(0)}.control-appear span{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:all .7s ease-in-out;transition:var(--show-side-menu-speed) all ease-in-out}}*{box-sizing:border-box}body{background-color:#8693c0f6;font-family:Fredoka,sans-serif;height:100vh;margin:0;overflow-y:hidden;scrollbar-width:none;width:100vw}.Game{flex-direction:column;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.Game,.gameover-section{align-items:center;display:flex;height:100vh;justify-content:center;position:absolute}.gameover-section{background-color:rgba(0,0,0,.4);left:0;top:0;width:100vw;z-index:20}.gameover-section .gameover-container{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-transform:translateY(-20%);transform:translateY(-20%)}.gameover-section .gameover-container .game-decision{color:#fee000;font-size:10vw}.gameover-section .gameover-container .button-section{display:flex;height:5vh;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:40vw}.gameover-section .gameover-container .button-section button{background-color:#5c29bc;border:none;border-radius:10px;color:#dbdbdb;font-size:1.5rem;font-weight:700;margin:0 .5rem;padding:1rem;width:100%}.gameover-section .gameover-container .button-section button:hover{background-color:#7031e4;cursor:pointer}
/*# sourceMappingURL=main.c0196a60.css.map*/