.main[data-v-2bf8c658]{height:100vh;width:100%;background-color:#2c3e50}.main .backBtn[data-v-2bf8c658]{position:absolute;left:0;text-decoration:none;color:#fff;font-size:22px}.main .gameArea[data-v-2bf8c658]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;margin:0 auto;display:grid;grid-template-columns:33% 34% 33%;grid-template-rows:33% 34% 33%}.main .gameArea .board[data-v-2bf8c658]{border:2px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center}@media (max-width:450px){.main .gameArea[data-v-2bf8c658]{width:100%;height:50%}}.main .console[data-v-2bf8c658]{position:absolute;top:80%}.main .console .playerNow[data-v-2bf8c658]{font-size:20px;color:#fff}.mainContainer[data-v-0a5984e2]{height:100vh;width:100%;background-color:#2c3e50;display:flex;justify-content:center}.mainContainer .backBtn[data-v-0a5984e2]{position:absolute;left:0;text-decoration:none;color:#fff;font-size:22px}.mainContainer .playerName[data-v-0a5984e2]{position:absolute;top:100px;color:#fff;font-size:22px;display:flex;justify-content:center;text-align:center}.mainContainer .playerName p[data-v-0a5984e2]{margin:0 20px}.mainContainer .playerNow[data-v-0a5984e2]{position:absolute;top:50px;color:rgba(1,46,54,.849);font-size:22px;font-weight:700;display:flex;justify-content:center;text-align:center;z-index:50;height:92vh;width:100%;background-color:hsla(0,0%,66.7%,.8980392156862745)}.mainContainer .gameArea[data-v-0a5984e2]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;margin:0 auto;display:grid;grid-template-columns:33% 34% 33%;grid-template-rows:33% 34% 33%}.mainContainer .gameArea .board[data-v-0a5984e2]{border:2px solid #fff;border-radius:10px;display:flex;align-items:center;justify-content:center}@media (max-width:450px){.mainContainer .gameArea[data-v-0a5984e2]{width:100%;height:50%}}.mainContainer .nameContainer[data-v-0a5984e2]{height:100vh;width:100%;background-color:rgba(54,54,54,.9176470588235294);position:absolute;z-index:200;display:flex;align-items:center;justify-content:center}.mainContainer .nameContainer .input-group[data-v-0a5984e2]{width:70%}.mainContainer .nameContainer .input-group button[data-v-0a5984e2]{background-color:#7fe4e7}.mainContainer .mask[data-v-0a5984e2]{height:95vh;width:100%;background-color:hsla(0,0%,76.1%,.6039215686274509);position:absolute;top:50px;z-index:100}.mainContainer .mask .spinner-border[data-v-0a5984e2],.mainContainer .mask p[data-v-0a5984e2]{position:relative;font-size:25px;color:#fff;top:40%}