*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{height:100%;font-size:16px;font-weight:400;font-family:"Roboto",sans-serif;background:linear-gradient(rgba(92, 71, 92, 0.6), rgba(92, 71, 92, 0.6)),url(/1b045b74463e009bac90.jpg)}input,textarea,select,button{font-family:"Roboto",sans-serif}fieldset{border:none;margin:0;padding:0}figure,figcaption{margin:0;padding:0}pre{word-wrap:break-word;background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;color:#333;display:block;font-size:13px;line-height:1.428571429;margin:10px 0;overflow:auto;padding:6px;-o-tab-size:2;tab-size:2;word-break:break-all}pre code{background-color:rgba(0,0,0,0);border-radius:0;color:inherit;font-size:inherit;padding:0;white-space:pre-wrap}code,pre{font-family:Menlo,Monaco,Consolas,Courier New,monospace}code{background-color:#f9f2f4;border-radius:4px;color:#c7254e;font-size:90%;padding:2px 4px}@keyframes pulsateWhite{0%{background-color:#d3d3d3}100%{background-color:#fff}}@keyframes pulsateBlack{0%{background-color:#d3d3d3}100%{background-color:#000}}.center{display:flex;justify-content:center;align-items:center}.board .row{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.board .column{display:flex;flex-direction:column;justify-content:center;flex-wrap:nowrap}.marker{color:#fff;text-shadow:1px 1px 0px rgba(0,0,0,.3),-1px -1px 0px rgba(0,0,0,.7)}.options{color:blue;font-size:14px !important}.square{border:none rgba(0,0,0,0);outline:none;text-decoration:none;border-radius:2px;line-height:normal;white-space:nowrap;text-align:center;cursor:pointer;text-rendering:auto;-webkit-box-shadow:inset 0 0 1px #8e8383;-moz-box-shadow:inset 0 0 1px #8e8383;box-shadow:inset 0 0 1px #8e8383;background-color:#d3d3d3}.square .stone{border-radius:50%}.square .stone.occupied-white{-webkit-box-shadow:3px 2px 3px #888;-moz-box-shadow:3px 2px 3px #888;box-shadow:3px 2px 3px #888;background-color:#fff}.square .stone.occupied-white.animate-white{animation:pulsateWhite 1s linear;animation-iteration-count:3;animation-delay:.3s}.square .stone.occupied-black{-webkit-box-shadow:3px 2px 3px #888;-moz-box-shadow:3px 2px 3px #888;box-shadow:3px 2px 3px #888;background-color:#000}.square .stone.occupied-black.animate-black{animation:pulsateBlack 1s linear;animation-iteration-count:3;animation-delay:.3s}.anchor-point{position:relative}.controls{margin-top:10px}.controls--buttons{display:flex;flex-direction:row;gap:25px;justify-content:center;flex-wrap:wrap}.controls--button{margin-top:10px;margin-bottom:10px;display:block;border-radius:5px;border:none;font-size:14px;padding:10px 0;width:100px;background-color:#912691;color:#fff;text-decoration:none;outline:none;opacity:.9;filter:alpha(opacity=90)}.controls--button.enabledButton{opacity:1;filter:alpha(opacity=100)}.controls--button.enabledButton:hover{background-color:#4f164f;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer;opacity:1;filter:alpha(opacity=100)}.controls--button.disableButton{opacity:.3;filter:alpha(opacity=30)}@media only screen and (min-width: 300px)and (max-width: 600px){.controls--buttons{gap:15px}.controls--button{padding:10px 5px;width:80px}}.banner{height:40px;width:100%;background-color:#d3d3d3;display:flex;align-items:center;justify-content:center}.header{height:40px;width:100%;background-color:#20b2aa;display:flex;align-items:center;justify-content:center}.header--links{padding:10px}.footer{background:#e2e2e2;text-align:center;padding-top:30px;padding-bottom:30px;margin-top:15px}.footer .footer-menu ul{margin:0px}.footer .footer-menu ul li{display:inline-block;padding:0px 20px}.footer .footer-menu ul li a{color:#494949}.footer .footer-menu ul li a:hover{color:#000;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}@media only screen and (max-width: 767px){.footer .footer-menu ul li{padding-bottom:10px;padding-bottom:10px}}.social-icons{font-size:22px}.social-icons ul{text-align:center;margin-bottom:30px;padding:0}.social-icons ul li{display:inline-block}.social-icons ul li a svg{color:#494949}.social-icons ul li a svg:hover{color:#000;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.social-icons ul li:not(:last-child){margin-right:40px}@media only screen and (max-width: 500px){.social-icons{font-size:18px}.social-icons ul li:not(:last-child){margin-right:30px}}.selector{display:flex;flex-direction:row;flex-wrap:wrap;width:150px;border:1px solid gray;position:absolute;top:60px;z-index:1;justify-content:center;padding:10px 5px;background-color:#add8e6}.selector-button{border:none rgba(0,0,0,0);outline:none;text-decoration:none;border-radius:2px;line-height:normal;white-space:nowrap;text-align:center;cursor:pointer;text-rendering:auto;-webkit-box-shadow:inset 0 0 1px #8e8383;-moz-box-shadow:inset 0 0 1px #8e8383;box-shadow:inset 0 0 1px #8e8383;padding:10px 15px;font-size:14px;background-color:#d3d3d3}.selector-button:hover{background-color:#912691}.selector-1{left:5px}.selector-2{left:5px}.selector-3{left:5px}.selector-4{left:5px}.selector-5{left:5px}.selector-6{left:5px}.selector-7{right:5px}.selector-8{right:5px}.selector-9{right:5px}.square-container{position:relative}.status{width:75%;max-width:450px;height:25px;background-color:#fff;margin:0 auto;text-align:left;border-radius:5px;padding:3px 15px}@media only screen and (min-width: 801px){.gomoku--header{font-size:2em;margin:15px auto}.gomoku--container{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;justify-content:space-evenly}.controls{margin-top:30px}.status{width:50%}.scores{margin-top:40px}.moves--scroll-container{overflow-y:auto;overflow-x:hidden}.moves--scroll-container.adminMode{height:calc(100vh - 480px)}.moves--scroll-container.notAdminMode{height:calc(100vh - 360px)}}@media only screen and (min-width: 320px)and (max-width: 400px){.square.col-9{width:25.3636363636px;height:25.3636363636px;line-height:25.3636363636px;font-size:8.4545454545px}.square.col-9 .stone.col-9,.marker.col-9{width:23.5636363636px;height:23.5636363636px;line-height:23.5636363636px;top:1.3090909091px;left:1.3090909091px}}@media only screen and (min-width: 400px)and (max-width: 480px){.square.col-9{width:31.9090909091px;height:31.9090909091px;line-height:31.9090909091px;font-size:10.6363636364px}.square.col-9 .stone.col-9,.marker.col-9{width:30.1090909091px;height:30.1090909091px;line-height:30.1090909091px;top:1.6727272727px;left:1.6727272727px}}@media only screen and (min-width: 480px)and (max-width: 595px){.square.col-9{width:40.9090909091px;height:40.9090909091px;line-height:40.9090909091px;font-size:13.6363636364px}.square.col-9 .stone.col-9,.marker.col-9{width:39.1090909091px;height:39.1090909091px;line-height:39.1090909091px;top:2.1727272727px;left:2.1727272727px}}@media only screen and (min-width: 595px)and (max-width: 690px){.square.col-9{width:55.6363636364px;height:55.6363636364px;line-height:55.6363636364px;font-size:18.5454545455px}.square.col-9 .stone.col-9,.marker.col-9{width:53.8363636364px;height:53.8363636364px;line-height:53.8363636364px;top:2.9909090909px;left:2.9909090909px}}@media only screen and (min-width: 690px)and (max-width: 800px){.square.col-9{width:60.5454545455px;height:60.5454545455px;line-height:60.5454545455px;font-size:20.1818181818px}.square.col-9 .stone.col-9,.marker.col-9{width:58.7454545455px;height:58.7454545455px;line-height:58.7454545455px;top:3.2636363636px;left:3.2636363636px}}@media only screen and (min-width: 801px)and (max-width: 900px){.square.col-9{width:52.3636363636px;height:52.3636363636px;line-height:52.3636363636px;font-size:17.4545454545px}.square.col-9 .stone.col-9,.marker.col-9{width:50.5636363636px;height:50.5636363636px;line-height:50.5636363636px;top:2.8090909091px;left:2.8090909091px}}@media only screen and (min-width: 900px)and (max-width: 1024px){.square.col-9{width:56.4545454545px;height:56.4545454545px;line-height:56.4545454545px;font-size:18.8181818182px}.square.col-9 .stone.col-9,.marker.col-9{width:54.6545454545px;height:54.6545454545px;line-height:54.6545454545px;top:3.0363636364px;left:3.0363636364px}}@media only screen and (min-width: 1024px)and (max-width: 1100px){.square.col-9{width:56.4545454545px;height:56.4545454545px;line-height:56.4545454545px;font-size:18.8181818182px}.square.col-9 .stone.col-9,.marker.col-9{width:54.6545454545px;height:54.6545454545px;line-height:54.6545454545px;top:3.0363636364px;left:3.0363636364px}}@media only screen and (min-width: 1100px)and (max-width: 1224px){.square.col-9{width:56.4545454545px;height:56.4545454545px;line-height:56.4545454545px;font-size:18.8181818182px}.square.col-9 .stone.col-9,.marker.col-9{width:54.6545454545px;height:54.6545454545px;line-height:54.6545454545px;top:3.0363636364px;left:3.0363636364px}}@media only screen and (min-width: 1224px){.square.col-9{width:56.4545454545px;height:56.4545454545px;line-height:56.4545454545px;font-size:18.8181818182px}.square.col-9 .stone.col-9,.marker.col-9{width:54.6545454545px;height:54.6545454545px;line-height:54.6545454545px;top:3.0363636364px;left:3.0363636364px}}

/*# sourceMappingURL=main.6835c931af45f4a5b902.css.map*/