.ContinerX{height:100dvh;display:flex;align-items:center;justify-content:center}.ContentX{background-color:#454a55;width:600px;height:100%;max-height:700px;padding:10px}.ContentX,.GameArea{min-height:300px;border-radius:8px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:6px;box-sizing:border-box}.GameArea{background-color:#202328;width:256px;height:auto;max-height:600px;justify-content:center;padding:20px 10px}.CubesX{width:90%;justify-content:space-between;display:flex;gap:6px}.CubeX{background-color:#373a43}.CubePlayer,.CubeX{width:15px;height:15px;border-radius:3px}.CubePlayer{background-color:#804ed7}.CubeWin{background-color:#e6c843;border-radius:3px}.CubeRoadX,.CubeWin{width:15px;height:15px}.CubeRoadX{border:2px solid #373a43;border-radius:3px}.NavBar{background-color:#363941;width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:10px;gap:8px;border-radius:8px}.Time{flex:1;flex-direction:column}.GoldCoin,.Time{background-color:#2a2d34;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:center}.GoldCoin{flex:3;flex-direction:column}.Signal{background-color:#2a2d34;flex:2;height:100%;border-radius:8px;display:flex;align-items:center;justify-content:space-around}.SignalGreen{background-color:rgb(94,255,0)}.SignalGreen,.SignalRed{width:25px;height:25px;border-radius:15px}.SignalRed{background-color:rgb(255,0,0)}.TitleGold,.TitleTime{font-size:12px;color:#e4e4e4}.DisctionGold,.DisctionTime{font-size:16px;font-weight:600}.MovePlay{background-color:#804ed7;width:100%;height:50px;border-radius:8px;box-shadow:0 10px 0 #6b3db9;transition:all .1s ease-in-out;color:white;font-weight:700;font-size:16px}.MovePlay:hover{background-color:#9159f0;cursor:pointer}.MovePlay.disabled{background-color:#804ed7;opacity:.6;cursor:not-allowed;box-shadow:none}.MovePlay:not(.disabled):active{transform:translateY(10px);box-shadow:none}.ModalOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:999}.ModalContent,.ModalOverlay{display:flex;justify-content:center;align-items:center}.ModalContent{background-color:#363941;padding:24px;border-radius:8px;text-align:center;gap:8px}.ResultText{font-size:24px;margin-bottom:16px}.RestartButton{width:90%;padding:10px 20px;font-size:18px;background-color:#d52b57;color:white;border:none;border-radius:8px;cursor:pointer}.Test{background-color:bisque;height:50px;width:50%}.NavContent{background-color:#202328;height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;width:100%;z-index:1000;position:sticky;top:0;box-shadow:0 1px 5px rgba(0,0,0,.3)}.NameNavWeb{font-size:24px;font-weight:600;color:white}.ButTxtNav{background-color:#363941;padding:.5em 2em;border-radius:50px;color:white}.NavBut1,.NavBut2{justify-content:center}.NavBut1,.NavBut2,.NavCoinDiv{display:flex;align-items:center;gap:8px}.NavCoinDiv{background-color:#363941;width:126px;height:40px;border-radius:50px;color:white;justify-content:space-evenly}.CoinNavIcon{background-color:#ffc400;width:20px;height:20px;border-radius:50}.LoginIcon{background-color:#363941;width:30px;height:30px;border-radius:50}.DivNavNamed{display:flex;align-items:center;justify-content:center;gap:50px}.HamburgerMenu{display:none;flex-direction:column;gap:5px;cursor:pointer}.HamburgerMenu div{width:25px;height:3px;background-color:white;border-radius:2px}.MobileSidebar{position:fixed;top:0;left:0;width:220px;height:100vh;background-color:#2c2f36;padding:20px;display:flex;flex-direction:column;gap:16px;z-index:999;transition:transform .3s ease-in-out}.SidebarTitle{font-size:18px;font-weight:700;color:white;margin-bottom:20px;text-align:center}@media (max-width:768px){.DivNavNamed,.NavBut2{display:none}.HamburgerMenu{display:flex}}