body{background:#1b181f;margin:0;color:#000;font-size:1.1em;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (max-width:600px){body{font-size:1em}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}hr{height:0;border:none;margin:4px}img{image-rendering:-webkit-optimize-contrast}button{padding:10px;background:#3c3643;color:#1b181f;border:none;font-size:.9em}button:hover{cursor:pointer;background-color:#2c2731}h1,h2,h3{margin:8px 0}.koth-page{width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:600px){.koth-page{display:block}}.koth-page-header{width:100%;height:25px;padding:15px 0}.koth-page-header .koth-logo{display:flex;justify-content:center;align-items:center;font-weight:700;color:#fff}.koth-page-header .koth-logo .logo{width:200px}@media only screen and (max-width:600px){.koth-page-header .koth-logo .logo{width:120px}}.koth-page-header .koth-logo .chess{width:100px;margin-top:auto}@media only screen and (max-width:600px){.koth-page-header .koth-logo .chess{width:60px}}.koth-page-footer{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px;font-size:smaller}@media only screen and (max-width:600px){.koth-page-footer{display:block}}.koth-page-footer .left{text-align:left}@media only screen and (max-width:600px){.koth-page-footer .left{text-align:center}}.koth-page-footer .right{text-align:right;padding-right:100px}@media only screen and (max-width:600px){.koth-page-footer .right{text-align:center;padding-right:0}}.koth-page-footer p{color:#fff;font-weight:300;margin:5px 0}.koth-page-footer p a{text-decoration:none;color:#666;transition:all .3s}.koth-page-footer p a:hover{color:#ffd100}.koth-page-footer p img{max-width:30px;vertical-align:middle}.koth-board-wrapper .koth-board{border-image-slice:1;border:8px solid #000;border-right:none;border-left:none}.koth-board-wrapper.white-turn .koth-board{border-bottom-color:#00d4ff}.koth-board-wrapper.white-turn .koth-game-status{background-color:#00d4ff}.koth-board-wrapper.black-turn .koth-board{border-top-color:#ff9f50}.koth-board-wrapper.black-turn .koth-game-status{background-color:#ff9f50}.koth-board-wrapper.lg{margin-top:30px}.koth-board-wrapper.lg .koth-board{float:left}.koth-board-wrapper.lg .koth-board-info{display:flex;flex-wrap:wrap;padding-left:20px}.koth-board-wrapper.lg .koth-board-info .koth-captured-pieces{height:200px}.koth-board-wrapper.sm .koth-board-info{margin-top:15px;display:flex;grid-gap:20px;gap:20px}.koth-board-info{display:grid;grid-template-columns:100%}.koth-board-info div{width:100%}.koth-board-info .koth-captured-pieces{overflow-y:auto}.koth-board-info .koth-btn-controls{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px;gap:2px}.koth-board-info .koth-btn-controls button{padding:6px}.koth-game-status{padding:10px 0;-webkit-user-select:none;user-select:none;background-color:#000;font-size:.9em;font-weight:700;text-align:center}.koth-captured-pieces{padding:10px 0;border:2px dashed #3c3643;display:flex;justify-content:space-evenly;flex-wrap:wrap}.attention{animation:shake .5s;animation-delay:0s;animation-iteration-count:2}@keyframes shake{0%{transform:translate(1px,1px) rotate(5deg)}25%{transform:translate(-1px) rotate(20deg) scale(1.2);background-color:#00d4ff}50%{transform:translate(-1px,2px) rotate(-5deg) scale(.9);background-color:#00d4ff}75%{transform:translate(3px,1px) rotate(5deg) scale(1.2)}to{transform:translate(1px,-2px) rotate(-5deg)}}.bounce{animation:bounce 1s;animation-delay:0s;animation-iteration-count:2}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.2,.8) translateY(0)}30%{transform:scale(.8,1.1) translateY(-8px)}50%{transform:scale(1.1,.95) translateY(8px)}57%{transform:scale(1) translateY(-4px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.koth-tutorial u{cursor:help}.koth-tutorial .koth-tutorial-top{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.koth-tutorial .koth-tutorial-top .piece{transition:all .3s;filter:grayscale(100%)}.koth-tutorial .koth-tutorial-top .piece:hover{transform:scale(1.2)}.koth-tutorial .koth-tutorial-top .selected .piece{filter:none;transform:scale(1.3)}.koth-tutorial .koth-tutorial-rules{margin:15px auto;max-width:450px}.koth-tutorial .koth-tutorial-moves{display:grid;grid-template-columns:1fr 350px;grid-gap:20px;gap:20px}@media only screen and (max-width:600px){.koth-tutorial .koth-tutorial-moves{grid-template-columns:100%;grid-gap:5px;gap:5px}}.tile{float:left;background:#f1f0ee;-webkit-user-select:none;user-select:none;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .3s}.tile.dark{background:#2c2731}.tile.light{background:#3c3643}.tile.white-turn.moving-piece{background:rgba(0,212,255,.4)!important}.tile.white-turn .highlight-corner{border-color:rgba(0,212,255,.8)}.tile.black-turn.moving-piece{background:rgba(255,159,80,.4)!important}.tile.black-turn .highlight-corner{border-color:rgba(255,159,80,.8)}.tile.prev-move .highlight-corner{border-color:rgba(177,173,158,.6);animation:none;opacity:1}.tile.hill{margin:0;background:#666!important}.tile .piece{-webkit-user-select:none;user-select:none;transition:transform 1s}.highlight-corner{--corner-margin:4px;width:7px;height:7px;position:absolute;opacity:0;z-index:1;border:3px solid #d8d2c8;animation-duration:.3s;animation-fill-mode:forwards}.tile.sm .highlight-corner{--corner-margin:2px;border-width:2px;width:5px;height:5px}.highlight-top-right{right:var(--corner-margin);border-left:none;animation-name:cornerTopRight}.highlight-top-left,.highlight-top-right{top:var(--corner-margin);border-bottom:none}.highlight-top-left{animation-name:cornerTopLeft}.highlight-bottom-left,.highlight-top-left{left:var(--corner-margin);border-right:none}.highlight-bottom-left{bottom:var(--corner-margin);border-top:none;animation-name:cornerBottomLeft}.highlight-bottom-right{bottom:var(--corner-margin);right:var(--corner-margin);border-left:none;border-top:none;animation-name:cornerBottomRight}@keyframes cornerTopRight{0%{opacity:0;transform:translate(-3px,3px)}to{opacity:1;transform:translate(0)}}@keyframes cornerTopLeft{0%{opacity:0;transform:translate(3px,3px)}to{opacity:1;transform:translate(0)}}@keyframes cornerBottomLeft{0%{opacity:0;transform:translate(3px,-3px)}to{opacity:1;transform:translate(0)}}@keyframes cornerBottomRight{0%{opacity:0;transform:translate(-3px,-3px)}to{opacity:1;transform:translate(0)}}.ReactModal__Body--open{overflow:hidden}.modal-overlay{background-color:rgba(0,0,0,.6);width:100%;height:100vh;position:fixed;inset:0;z-index:100;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .4s}.modal-overlay.ReactModal__Overlay--after-open{opacity:1}.modal{width:800px;border-radius:8px;position:relative;animation:slideUp;animation-duration:.4s;animation-timing-function:ease-in-out}.modal-header{background-color:#1b181f;color:#000;padding:10px 20px;font-size:1.4em;font-weight:700;border-radius:23px 23px 0 0}.modal-header em{font-style:normal;background:-webkit-linear-gradient(#eee,#333);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-close{position:absolute;z-index:101;top:10px;right:10px;font-size:1em;padding:4px;width:30px;height:30px;background-color:#1b181f;border-radius:23px}.modal-close em{font-style:normal;background:-webkit-linear-gradient(#eee,#333);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-content{min-height:350px;background-color:#1b181f;color:#efedf1;padding:25px;border-radius:0 0 23px 23px}@media only screen and (max-width:600px){.modal-overlay{display:block}.modal-overlay .modal{border-radius:0;position:absolute;top:0;left:0;width:100%;height:100%;overflow:auto}}@keyframes slideUp{0%{transform:translateY(-30px)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.4ee20858.chunk.css.map */