body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{background-color:#211f1f;height:100vh;text-align:center;width:100vw}.App,.App .restart{align-items:center;display:flex;justify-content:center}.App .restart{background-color:red;font-size:30px;height:200px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:200px}.App .devMode{align-items:center;border-radius:20px;bottom:10px;color:#fff;display:flex;flex-direction:row;height:40px;justify-content:space-between;left:80px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:150px}.App .devMode .devModeSwitch{background-color:#fff;border:1px solid #000;border-radius:20px;height:40px;position:relative;transition:.2s;width:75px}.App .devMode .devModeSwitch .ball{background-color:#000;border-radius:50%;height:35px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-100%,-50%);transform:translate(-100%,-50%);transition:.2s;width:35px}.App .devMode .devModeSwitch .devOn{-webkit-transform:translateY(-50%);transform:translateY(-50%)}.App .devMode .on{background-color:#000;border-color:#fff}.App .devMode .on .ball{background-color:#fff}.vanish{display:none}.table{background-color:red;border:2px solid #fff;border-radius:15px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:65vmin;position:relative;width:65vmin}.table button{height:200px;left:0;position:absolute;top:0;width:200px}.table div.panel{align-items:center;background-color:#000;border:2px solid #fff;display:flex;height:calc(100% - 3px);justify-content:center;width:calc(100% - 3px)}.table div.panel .icon{font-size:18vmin}.table div.panel .player{color:#78f278}.table div.panel .computer{color:#f66}.table div.panel .x{color:orange}.table div.panel .o{color:red}.table div.panel:first-child{border-top-left-radius:20px}.table div.panel:nth-child(3){border-top-right-radius:20px}.table div.panel:nth-child(7){border-bottom-left-radius:20px}.table div.panel:nth-child(9){border-bottom-right-radius:20px}.table input{height:50px;padding:10px;position:absolute;right:20px;top:10px;width:200px}.table .winLine{background-color:#ffffd5;height:0;left:50%;position:absolute;top:16.6666666667%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:left;transform-origin:left;transition:width .2s,height .2s;visibility:visible;width:0}.table .case0{visibility:hidden;width:0}.table .case1,.table .case2{height:10px;width:80%}.table .case2{top:50%}.table .case3{height:10px;top:83.3333333333%;width:80%}.table .case4{left:16.6666666667%}.table .case4,.table .case5{height:80%;top:50%;width:10px}.table .case5{left:50%}.table .case6{height:80%;left:83.3333333333%;top:50%;width:10px}.table .case7{left:50%;-webkit-transform:rotate(-45deg) translate(-50%,-50%);transform:rotate(-45deg) translate(-50%,-50%);-webkit-transform-origin:top left;transform-origin:top left}.table .case7,.table .case8{height:112%;top:50%;width:10px}.table .case8{right:50%;-webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%);-webkit-transform-origin:top right;transform-origin:top right}.win{align-items:center;border-radius:20px;display:flex;flex-direction:column;height:65vmin;justify-content:space-evenly;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65vmin}.win .overlay{background-color:#000;left:0;opacity:.7;top:0}.win .overlay,.win .wonFigureContainer{height:100%;position:absolute;width:100%}.win .wonFigureContainer{align-items:center;display:flex;justify-content:center;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.win .wonFigureContainer .wonFigure{color:#4c4c9a;font-size:50vmin}.win .wonFigureContainer .both .wonFigure{font-size:30vmin}.message{background-color:#fff;border-radius:15px;bottom:50px;font-size:5vmin;left:50%;padding:10px 20px;position:absolute}
/*# sourceMappingURL=main.e9477831.css.map*/