@import url(https://fonts.googleapis.com/css?family=Raleway:200);.navbar-icon[data-v-7391e340]{width:2vw;height:2vw;margin-left:100px;background-image:url(../img/icon.4d2c83e6.png);background-size:100% 100%}.title[data-v-7391e340]{font:italic 1.5em Georgia,serif;background:-webkit-linear-gradient(135deg,#0eaf6d,#ff6ac6 25%,#147b96 50%,#e6d205 55%,#2cc4e0 60%,#8b2ce0 80%,#ff6384 95%,#08dfb4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;animation:flowCss-7391e340 6s linear infinite}@keyframes flowCss-7391e340{0%{background-position:0 0}to{background-position:-400% 0}}.title[data-v-7391e340]:hover{animation:flowCss-7391e340 3s linear infinite}img.icons[data-v-7391e340]{width:1.5vw;height:1.5vw}.navbar[data-v-7391e340]{width:100%;overflow:visible}.container-fluid[data-v-7391e340]{max-width:100%}[data-v-7391e340]{font-weight:700}@media (max-width:932px){.navbar[data-v-7391e340]{height:2rem}.nav-link[data-v-7391e340]{height:24px}[data-v-7391e340]{font-size:.6rem}}body{background-image:url(../img/Background1.6a1487e2.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-color:#f0f0f0}@media (max-width:932px){body{background-attachment:scroll}}#app-container{position:relative;width:100%;height:100vh}.orientation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;padding:20px;box-sizing:border-box;z-index:1000}.orientation-content h1{font-size:2rem;margin-bottom:.5rem}.orientation-content p{font-size:1.2rem;margin:0}div.gamemap[data-v-57d5e214]{margin-top:10vh;width:100%;height:100%;display:flex;justify-content:center;align-items:center}div.playground[data-v-b68759d6]{width:60vw;height:70vh;margin:3vh auto}div.matchground[data-v-45eb0cb0]{width:60vw;height:70vh;margin:40px auto;padding:20px;background-color:rgba(50,50,50,.5)}div.user-photo[data-v-45eb0cb0]{text-align:center;margin-top:15vh;margin-bottom:20px}div.user-photo>img[data-v-45eb0cb0]{border-radius:50%;width:18vw;height:18vw}div.user-username[data-v-45eb0cb0]{text-align:center;font-size:2em;font-weight:550;color:#fff}button.btn[data-v-45eb0cb0]{margin:30px;width:10vw;height:4.5vh;font-size:110%}div.user-select-bot[data-v-45eb0cb0]{padding-top:20vh}div.user-select-bot>select[data-v-45eb0cb0]{font-family:cursive;width:60%;margin:0 auto}@media (max-width:932px){div.matchground[data-v-45eb0cb0]{height:65vh}div.user-select-bot[data-v-45eb0cb0]{padding-top:10vh}div.user-photo[data-v-45eb0cb0]{margin-top:5vh}div.user-photo>img[data-v-45eb0cb0]{width:11vw;height:11vw}button.btn[data-v-45eb0cb0]{margin:10px;width:12vw;height:7vh}div.user-username[data-v-45eb0cb0]{font-size:2em}[data-v-45eb0cb0]{font-size:.7rem}}div.result-board[data-v-0e736c76]{margin-top:4vh;height:30vh;width:30vw;background-color:transparent;position:absolute;top:30vh;left:35vw}div.result-board-text[data-v-0e736c76]{margin-top:5vh;padding:none;height:15vh;width:30vw;font-size:5em;color:#fff;text-align:center;font-weight:600;font-style:italic}div.result-board-btn[data-v-0e736c76]{height:10vh;width:30vw;font-size:3em;text-align:center}button.btn[data-v-0e736c76]{width:10vw}.draw[data-v-0e736c76]{background:-webkit-linear-gradient(135deg,#f2f2f2,#d9d9d9 25%,#bfbfbf 50%,#a6a6a6 60%,#8c8c8c 75%,#737373);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;animation:flowCss-0e736c76 6s linear infinite}.draw[data-v-0e736c76]:hover{animation:flowCss-0e736c76 3s linear infinite}.victory[data-v-0e736c76]{background:-webkit-linear-gradient(135deg,tomato,#ff2d55 25%,#e50000 50%,#ff69b4 55%,red 60%,#900 80%,#e9967a 95%,#d2691e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;animation:flowCss-0e736c76 6s linear infinite}.victory[data-v-0e736c76]:hover{animation:flowCss-0e736c76 3s linear infinite}.defeat[data-v-0e736c76]{background:-webkit-linear-gradient(135deg,#42a5f5,#03a9f4 25%,#007bff 50%,#2196f3 55%,#0040ff 60%,#0019b5 80%,#00bfff 95%,#00f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;animation:flowCss-0e736c76 6s linear infinite}@keyframes flowCss-0e736c76{0%{background-position:0 0}to{background-position:-400% 0}}.defeat[data-v-0e736c76]:hover{animation:flowCss-0e736c76 3s linear infinite}@media (max-width:932px){[data-v-0e736c76]{font-size:.6rem}}div.user-color[data-v-d4cac386]{height:5vh;width:30vh;margin-left:5vh;padding:none}div.text[data-v-d4cac386]{font-family:cursive;font-size:1.8em;font-weight:400;color:#fff;position:absolute;padding:none}div.color-red[data-v-d4cac386]{background-color:#f94848}div.color-blue[data-v-d4cac386],div.color-red[data-v-d4cac386]{margin-left:15vh;height:5vh;width:5vh;border-radius:50%;position:absolute}div.color-blue[data-v-d4cac386]{background-color:#4876ec}.mobile-controls[data-v-d4cac386]{position:fixed;bottom:5%;left:90%;transform:translateX(-50%);z-index:1000;touch-action:manipulation}.control-grid[data-v-d4cac386]{display:grid;grid-template-areas:". up ." "left down right";gap:8px;place-items:center}.up[data-v-d4cac386]{grid-area:up}.left[data-v-d4cac386]{grid-area:left}.down[data-v-d4cac386]{grid-area:down}.right[data-v-d4cac386]{grid-area:right}.control-btn[data-v-d4cac386]{width:3rem;height:3rem;border:none;border-radius:50%;background:hsla(0,0%,100%,.9);box-shadow:0 4px 15px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:all .1s ease}.control-btn[data-v-d4cac386]:active{background:hsla(0,0%,78.4%,.9);transform:scale(.92)}.arrow[data-v-d4cac386]{font-size:2rem;color:#2c3e50;font-weight:700}@media (max-width:932px){div.user-color[data-v-d4cac386]{top:1rem;left:1rem;padding:.6rem}div.text[data-v-d4cac386]{font-size:1rem}div.color-blue[data-v-d4cac386],div.color-red[data-v-d4cac386]{width:2rem;height:2rem}}div.content-field[data-v-3e555af2]{margin-top:2vh;width:65vw;height:60vh}th[data-v-d5a34512]{font-size:1.5em;text-align:center}img.user-photo[data-v-d5a34512]{width:3vw;height:3vw;margin-right:1vw;border-radius:50%}span.user-username[data-v-d5a34512]{font:italic 1.5em Georgia,serif}@media (max-width:932px){[data-v-d5a34512]{font-size:.6rem}}th[data-v-d3745b76]{font-size:1.5em;text-align:center}img.record-user-photo[data-v-d3745b76]{width:3vw;height:3vw;margin-right:1vw;border-radius:50%}span.record-user-username[data-v-d3745b76]{font:italic 1.5em Georgia,serif}@media (max-width:932px){[data-v-d3745b76]{font-size:.6rem}}div.error-message[data-v-a4687c18]{color:red}@media (max-width:932px){[data-v-a4687c18]{font-size:.8rem}}div.container[data-v-4279f746]{margin-top:30vh}div.content-field[data-v-4279f746]{margin-top:15px}@media (max-width:932px){div.container[data-v-4279f746]{margin-top:8vh}div.card[data-v-4279f746]{width:100vw}}button[data-v-6ad90d87]{width:100%}div.error-message[data-v-6ad90d87]{color:red}#box[data-v-6ad90d87]{padding:30px 45px 30px 45px;display:flex;align-items:center;justify-content:center;width:auto;height:auto;color:#fff}.gradient-border[data-v-6ad90d87]{--borderWidth:3px;background:#fff;position:relative;border-radius:15px}.gradient-border[data-v-6ad90d87]:after{content:"";position:absolute;top:calc(var(--borderWidth)*-1);left:calc(var(--borderWidth)*-1);height:calc(100% + var(--borderWidth)*2);width:calc(100% + var(--borderWidth)*2);background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:15px;z-index:-1;animation:animatedgradient-6ad90d87 3s ease infinite alternate;background-size:300% 300%}div.login-card[data-v-6ad90d87]{height:5vh;background-color:red}@keyframes animatedgradient-6ad90d87{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:932px){#box[data-v-6ad90d87]{padding:25px 30px 25px 30px}[data-v-6ad90d87]{font-size:.8rem}}button[data-v-1b32aeae]{width:100%}div.error-message[data-v-1b32aeae]{color:red}#box[data-v-1b32aeae]{padding:30px 45px 30px 45px;display:flex;align-items:center;justify-content:center;width:auto;height:auto;color:#fff}.gradient-border[data-v-1b32aeae]{--borderWidth:3px;background:#fff;position:relative;border-radius:15px}.gradient-border[data-v-1b32aeae]:after{content:"";position:absolute;top:calc(var(--borderWidth)*-1);left:calc(var(--borderWidth)*-1);height:calc(100% + var(--borderWidth)*2);width:calc(100% + var(--borderWidth)*2);background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:15px;z-index:-1;animation:animatedgradient-1b32aeae 3s ease infinite alternate;background-size:300% 300%}@keyframes animatedgradient-1b32aeae{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:932px){#box[data-v-1b32aeae]{padding:25px 30px 25px 30px}[data-v-1b32aeae]{font-size:.7rem}}h3[data-v-167c211f]{font-size:1.2em;font-weight:550}div.introduction[data-v-167c211f]{padding:1vh;border-width:2px}div.guidence[data-v-167c211f],div.rule[data-v-167c211f]{margin-top:3vh;padding:1vh;border-width:2px}[data-v-167c211f]:root{font-size:20px}[data-v-167c211f],[data-v-167c211f]:after,[data-v-167c211f]:before{box-sizing:border-box}p[data-v-167c211f]{margin:0}p[data-v-167c211f]:not(:last-child){margin-bottom:1.5em}body[data-v-167c211f]{font:1em/1.618 Inter,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:30px;margin:0;color:#224;background:url(https://source.unsplash.com/E8Ufcyxz514/2400x1823) 50%/cover no-repeat fixed}.card1[data-v-167c211f]{max-width:65vw;display:flex;flex-direction:column;justify-content:space-between;padding:35px;border:1px solid hsla(0,0%,100%,.25);border-radius:20px;background-color:hsla(0,0%,100%,.45);box-shadow:0 0 10px 1px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.card-footer[data-v-167c211f]{font-size:.65em;color:#446}div.content-field[data-v-167c211f]{margin-top:2vh;width:65vw;height:60vh}div.card[data-v-167c211f]{background-color:transparent;border:none}@media (max-width:932px){div.content-field[data-v-167c211f]{width:90vw}div.card1[data-v-167c211f]{max-width:90vw}[data-v-167c211f]{font-size:.9rem}}h3[data-v-cfd06f26]{font-size:1.2em;font-weight:550}h5[data-v-cfd06f26]{font-size:1.1em;font-weight:550}div.code[data-v-cfd06f26],div.interact[data-v-cfd06f26]{padding:1vh;border-width:2px}div.code[data-v-cfd06f26]{margin-top:5vh;height:205vh}[data-v-cfd06f26]:root{font-size:20px}[data-v-cfd06f26],[data-v-cfd06f26]:after,[data-v-cfd06f26]:before{box-sizing:border-box}p[data-v-cfd06f26]{margin:0}p[data-v-cfd06f26]:not(:last-child){margin-bottom:1.5em}body[data-v-cfd06f26]{font:1em/1.618 Inter,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:30px;margin:0;color:#224;background:url(https://source.unsplash.com/E8Ufcyxz514/2400x1823) 50%/cover no-repeat fixed}.card[data-v-cfd06f26]{max-width:65vw;display:flex;flex-direction:column;justify-content:space-between;padding:35px;border:1px solid hsla(0,0%,100%,.25);border-radius:20px;background-color:hsla(0,0%,100%,.45);box-shadow:0 0 10px 1px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.card-footer[data-v-cfd06f26]{font-size:.65em;color:#446}div.content-field[data-v-cfd06f26]{margin-top:6vh;width:65vw;height:60vh}@media (max-width:932px){div.content-field[data-v-cfd06f26]{width:90vw}div.card[data-v-cfd06f26]{max-width:90vw}[data-v-cfd06f26]{font-size:.9rem}}