body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#030b5b;background:linear-gradient(-45deg,#030b5b,#030412);display:flex;flex-direction:row;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.tile{align-items:center;background-color:red;background-position:50%;background-repeat:no-repeat;box-sizing:border-box;display:flex;height:50px;justify-content:center;width:50px}.white-tile{background-color:#fafa8b}.black-tile,.white-tile{background-image:url(https://www.transparenttextures.com/patterns/wood-pattern.png)}.black-tile{background-color:#963500}.tile .piece{background-position:50%;background-repeat:no-repeat;background-size:40px;box-sizing:border-box;height:50px;width:50px}@media screen and (max-width:800px){.tile,.tile .piece{height:5vw;width:5vw}.tile .piece{background-size:4vw}}@media screen and (max-width:600px){.tile,.tile .piece{height:11vw;width:11vw}.tile .piece{background-size:9vw}}.banner{align-items:center;background-color:brown;color:gold;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:larger;font-size:40px;height:50px;justify-content:center;margin-bottom:10px;text-align:center;width:420px}.banner .promopiece{height:50px;width:50px}@media screen and (max-width:800px){.banner{height:5vw;width:42vw}.banner .promopiece{height:5vw;width:5vw}}@media screen and (max-width:600px){.banner{height:11vw;width:94vw}.banner .promopiece{height:11vw;width:11vw}}.stick{background-color:brown;color:#7fffd4;text-align:center}.vertstick{align-items:center;display:flex;height:50px;justify-content:center;width:20px}.horzstick{height:20px;width:50px}@media screen and (max-width:800px){.vertstick{height:5vw;width:2vw}.horzstick{height:2vw;width:5vw}}@media screen and (max-width:600px){.vertstick{height:11vw;width:6vw}.horzstick{height:6vw;width:11vw}}#board{background-color:transparent;flex-wrap:wrap;margin-left:30%}#board,.game-over{display:flex;height:480px;width:420px}.game-over{align-items:center;background-color:rgba(0,0,0,.7);color:#fff;flex-flow:column;font-size:20px;justify-content:center;position:absolute}.redirect-link{color:#fff}#Arena{flex-direction:row;flex-wrap:wrap}#Arena,#GameView{align-items:center;display:flex;justify-content:center}#GameView{height:100vh;width:70vw}#GameConsole{align-items:center;display:flex;height:480px;justify-content:center;width:27vw}@media screen and (max-width:800px){#board{margin-left:0}#board,.game-over{height:48.5vw;width:42vw}#board .tile{height:5vw;width:5vw}#GameView{height:55vw;width:100vw}#GameConsole{height:22vw;width:42vw}}@media screen and (max-width:600px){#board{height:108vw;margin-left:0;width:94vw}#board .tile{height:11vw;width:11vw}.game-over{height:108vw;width:94vw}#GameView{height:80vh;width:100vw}#GameConsole{height:40vw;width:94vw}}.console{background-color:rgba(8,8,41,.7);border:5px solid #0f0;border-radius:10px;color:#0f0;flex-direction:column;height:480px;justify-content:baseline}.button-holder,.console{align-items:center;box-sizing:border-box;display:flex;width:24vw}.button-holder{border:3px solid #0f0;flex-direction:row;height:80px;justify-content:center}.copy-button{align-self:flex-end;background-color:rgba(0,0,0,.3);border:none;color:#fff;font-size:16px;text-align:center;transition:.3s}.copy-button:hover{background-color:#fff;color:#000}.pgn-holder{align-content:flex-start;border:3px solid #0f0;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:400px;line-height:35px;overflow-x:hidden;overflow-y:auto;padding:7px;scroll-behavior:smooth;width:24vw;word-spacing:10px}@media screen and (max-width:800px){.console{height:22vw;width:42vw}.button-holder{height:5vw;width:42vw}.pgn-holder{height:17vw;width:42vw}}@media screen and (max-width:600px){.console{height:40vw;width:94vw}.button-holder{height:15vw;width:94vw}.pgn-holder{height:25vw;width:94vw}}.form-container{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.form{background-color:azure;border:.3rem inset #4682b4;border-radius:10px;box-sizing:border-box;flex-direction:column;height:300px;justify-content:space-evenly}.field,.form{display:flex;width:300px}.field{align-items:flex-end;flex-direction:row;flex-wrap:wrap}.heading{align-self:flex-start;font-size:1.7rem;font-weight:700;padding:10px;width:300px}.rad-label{align-items:center;border-radius:100px;cursor:pointer;display:flex;margin:10px 0;padding:14px 16px;transition:.3s}.rad-label:focus-within,.rad-label:hover{background:hsla(0,0%,80%,.14)}.rad-input{height:1px;left:0;opacity:0;position:absolute;top:0;width:1px;z-index:-1}.rad-design{background:linear-gradient(to right bottom,#40fcab,#406ffc);border-radius:100px;height:22px;position:relative;width:22px}.rad-design:before{background:#e6e6e6;border-radius:inherit;content:"";display:inline-block;height:inherit;-webkit-transform:scale(1.1);transform:scale(1.1);transition:.3s;width:inherit}.rad-input:checked+.rad-design:before{-webkit-transform:scale(0);transform:scale(0)}.rad-text{color:#999;font-size:18px;font-weight:900;letter-spacing:3px;margin-left:14px;text-transform:uppercase;transition:.3s}.rad-input:checked~.rad-text{color:#666}.abs-site-link{bottom:40px;color:rgba(0,0,0,.5);font-size:16px;left:20px;position:fixed}.start-button,.start-link{display:flex;justify-content:center}.start-button{align-items:center;align-self:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:0 15px 30px -5px rgba(151,65,252,.2);box-sizing:border-box;color:#fff;cursor:pointer;font-family:Phantomsans,sans-serif;font-size:20px;line-height:1em;padding:3px;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;white-space:nowrap;width:120px}.start-button:active,.start-button:hover{outline:0}.start-button span{align-self:center;background-color:#05062d;border-radius:6px;height:20px;padding:16px 24px;transition:.3s;width:120px}.start-button:hover span{background:none}@media (min-width:768px){.start-button{font-size:24px;width:120px}}.main{align-items:center;background-color:#02020e;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.link-box{display:flex;flex-direction:row;height:350px}.text-cont{display:inline;height:350px;width:60vw}.title{color:#f0f8ff;font-size:7rem;word-spacing:40px}.info,.title{text-indent:80px;-webkit-user-select:none;user-select:none;width:60vw}.info{color:gray;font-size:2rem;height:25px;word-spacing:11px}.bgimage{align-self:flex-end;background-repeat:no-repeat;background-size:600px;height:350px;width:40vw}.play-button{align-items:center;background-image:linear-gradient(144deg,#af40ff,#5b42f3 50%,#00ddeb);border:0;border-radius:8px;box-shadow:0 15px 30px -5px rgba(151,65,252,.2);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Phantomsans,sans-serif;font-size:20px;justify-content:center;line-height:1em;max-width:100%;min-width:140px;padding:3px;text-decoration:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;white-space:nowrap}.play-button:active,.play-button:hover{outline:0}.play-button span{background-color:#05062d;border-radius:6px;height:100%;padding:16px 24px;transition:.3s;width:100%}.play-button:hover span{background:none}@media (min-width:768px){.play-button{font-size:24px;min-width:196px}}@media screen and (max-width:600px){.main{justify-content:flex-start}.link-box{display:flex;flex-direction:column;height:65vh;justify-content:space-between}.link-box,.text-cont{align-self:flex-start;width:100vw}.text-cont{height:30vw;margin-top:30px}.title{font-size:3rem}.info,.title{text-indent:20px}.info{font-size:.9rem;word-spacing:4px}.bgimage{align-self:flex-end;background-size:100vw;height:80vw;width:100vw}}@media screen and (max-width:800px) and (min-width:600px){.main{justify-content:flex-start}.link-box{display:flex;flex-direction:column;height:45vh;justify-content:space-between}.link-box,.text-cont{align-self:flex-start;width:100vw}.text-cont{height:30vw;margin-top:30px}.title{font-size:3rem}.info,.title{text-indent:20px}.info{font-size:.9rem;word-spacing:4px}.bgimage{display:hidden}}
/*# sourceMappingURL=main.263d74b0.css.map*/