.overlay[data-v-3f61fd78]{position:fixed;display:flex;justify-content:center;align-items:center;text-align:center;top:0;left:0;width:100%;height:100vh;z-index:20;background-color:#000000bf}.fade-enter-active[data-v-3f61fd78],.fade-leave-active[data-v-3f61fd78]{transition:opacity 1.5s ease}.fade-enter-from[data-v-3f61fd78],.fade-leave-to[data-v-3f61fd78]{opacity:0}.loading-page[data-v-5c8e74c2]{display:flex;flex-direction:column;color:#fff;font-size:xxx-large}.circle[data-v-5c8e74c2]{display:inline-block;position:relative;margin:10px 5px;width:20px;height:20px;border-radius:50%;background-color:#fff;animation:loading-5c8e74c2 1.2s linear infinite}.circle-2[data-v-5c8e74c2]{animation-delay:.2s}.circle-3[data-v-5c8e74c2]{animation-delay:.3s}.circle-4[data-v-5c8e74c2]{animation-delay:.4s}.circle-5[data-v-5c8e74c2]{animation-delay:.5s}@keyframes loading-5c8e74c2{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}#app{font-family:Montserrat 300,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.creator{font-family:Satisfy,Courier New,Courier,monospace;text-decoration:none;color:#000;cursor:pointer}input,button{font-family:inherit}header{height:3rem;margin:2rem 0;color:#fff}header h1,header h3{margin:0}header .title{display:flex;justify-content:center;align-items:center}header .title nav{height:2em;padding-right:1rem}header .title nav .home-icon{height:100%;width:3rem;cursor:pointer}body{margin:0;background-image:linear-gradient(135deg,#3c8ce7 10%,#00eaff 100%);font-size:1.5rem}main{margin:auto;display:flex;height:calc(100vh - 7rem);flex-direction:column;justify-content:center;align-items:center;color:#fff}*,*:before,*:after{box-sizing:border-box}.spinner[data-v-dd858048]{width:1.5rem;height:1.5rem;border-top-color:#444;border-left-color:#444;animation:spinner-dd858048 .4s linear infinite;border-bottom-color:transparent;border-right-color:transparent;border-style:solid;border-width:2px;border-radius:50%;box-sizing:border-box;display:inline-block;vertical-align:middle;animation:spinner-dd858048 1s linear infinite}@keyframes spinner-dd858048{0%{transform:rotate(0)}to{transform:rotate(360deg)}}main[data-v-dd858048]{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.opponent[data-v-dd858048],.player[data-v-dd858048]{font-size:xx-large;margin-bottom:2rem}.opponent span[data-v-dd858048],.player span[data-v-dd858048]{margin-left:1rem}.board[data-v-dd858048]{display:grid;justify-content:center;align-content:center;justify-items:center;align-items:center;grid-template-columns:repeat(3,auto)}.cell[data-v-dd858048]{width:100px;height:100px;border:1px solid black;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer}.cell[data-v-dd858048]:first-child,.cell[data-v-dd858048]:nth-child(2),.cell[data-v-dd858048]:nth-child(3){border-top:none}.cell[data-v-dd858048]:nth-child(3n+1){border-left:none}.cell[data-v-dd858048]:nth-child(3n+3){border-right:none}.cell[data-v-dd858048]:last-child,.cell[data-v-dd858048]:nth-child(7),.cell[data-v-dd858048]:nth-child(8){border-bottom:none}.cell.x[data-v-dd858048],.cell.circle[data-v-dd858048]{cursor:not-allowed}.cell.x[data-v-dd858048]:before,.cell.x[data-v-dd858048]:after{content:"";position:absolute;width:13.5px;height:90px;background-color:#000}.cell.x[data-v-dd858048]:before{transform:rotate(45deg)}.cell.x[data-v-dd858048]:after{transform:rotate(-45deg)}.cell.circle[data-v-dd858048]:before,.cell.circle[data-v-dd858048]:after{content:"";position:absolute;border-radius:50%}.cell.circle[data-v-dd858048]:before{width:90px;height:90px;background-color:#000}.cell.circle[data-v-dd858048]:after{width:63px;height:63px;background-color:#fff}button:disabled.cell.circle[data-v-dd858048]:after{background-color:#5ccbf2}button[data-v-3bc140b3]{font-size:xxx-large;cursor:pointer;background-image:linear-gradient(to right,#83a4d4 0%,#b6fbff 51%,#83a4d4 100%);margin:2rem;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#000;border-radius:10px;display:block}button[data-v-3bc140b3]:hover{background-position:right center;color:#000;text-decoration:none}.slide-enter-active[data-v-3bc140b3],.slide-leave-active[data-v-3bc140b3]{transition:opacity 1.5s ease,transform 1.5s ease}.slide-leave-to[data-v-3bc140b3]{opacity:0;transform:translate(30px)}.slide-enter-from[data-v-3bc140b3]{opacity:0;transform:translate(-30px)}.buttons-container[data-v-3bc140b3]{display:flex;flex-direction:column}.spinner[data-v-6487fc13]{width:1.5rem;height:1.5rem;border-top-color:#444;border-left-color:#444;animation:spinner-6487fc13 .4s linear infinite;border-bottom-color:transparent;border-right-color:transparent;border-style:solid;border-width:2px;border-radius:50%;box-sizing:border-box;display:inline-block;vertical-align:middle;animation:spinner-6487fc13 1s linear infinite}@keyframes spinner-6487fc13{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.slide-enter-active[data-v-6487fc13],.slide-leave-active[data-v-6487fc13]{transition:opacity 1.5s ease,transform 1.5s ease}.slide-leave-to[data-v-6487fc13]{opacity:0;transform:translate(30px)}.slide-enter-from[data-v-6487fc13]{opacity:0;transform:translate(-30px)}section[data-v-6487fc13]{padding:0 1rem}.room-id[data-v-6487fc13]{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;text-align:left;background-color:#dddddd80;border-radius:.5rem;padding:1rem 2rem;margin:1rem 0}.copy-icon[data-v-6487fc13]{width:1.5rem;height:1.5rem;cursor:pointer}@media (max-width: 480px){.room-id[data-v-6487fc13]{font-size:1rem}}button[data-v-8e329cb0]{font-size:xxx-large;cursor:pointer;background-image:linear-gradient(to right,#83a4d4 0%,#b6fbff 51%,#83a4d4 100%);margin:2rem;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#000;border-radius:10px;display:block}button[data-v-8e329cb0]:hover{background-position:right center;color:#000;text-decoration:none}.slide-enter-active[data-v-8e329cb0],.slide-leave-active[data-v-8e329cb0]{transition:opacity 1.5s ease,transform 1.5s ease}.slide-leave-to[data-v-8e329cb0]{opacity:0;transform:translate(30px)}.slide-enter-from[data-v-8e329cb0]{opacity:0;transform:translate(-30px)}section[data-v-8e329cb0],form[data-v-8e329cb0]{display:flex;flex-direction:column;justify-content:center;align-items:center}section[data-v-8e329cb0]{padding:0 1rem}input[data-v-8e329cb0]{width:100%;padding:1rem 2rem;outline:none;font-size:xx-large;border-radius:1rem}button[data-v-989d019e]{font-size:xxx-large;cursor:pointer;background-image:linear-gradient(to right,#83a4d4 0%,#b6fbff 51%,#83a4d4 100%);margin:2rem;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#000;border-radius:10px;display:block}button[data-v-989d019e]:hover{background-position:right center;color:#000;text-decoration:none}.slide-enter-active[data-v-989d019e],.slide-leave-active[data-v-989d019e]{transition:opacity 1.5s ease,transform 1.5s ease}.slide-leave-to[data-v-989d019e]{opacity:0;transform:translate(30px)}.slide-enter-from[data-v-989d019e]{opacity:0;transform:translate(-30px)}.result-container[data-v-989d019e]{display:flex;flex-direction:column}.result-container .result[data-v-989d019e],.result-container .restart-ready[data-v-989d019e]{font-size:xxx-large;color:#fff;margin:2rem}.result-container .restart-ready[data-v-989d019e]{font-size:xx-large}