body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#353535}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.debug{color:#fff;position:absolute;bottom:50px}.debug li{list-style-type:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.board .player{display:flex;align-items:center;justify-content:space-between;height:40px}.board .player span{color:#fff;font-weight:700}.board .player .timer{background:white;border-radius:3px;width:110px;height:30px;display:flex;align-items:center;justify-content:flex-end}.board .player .timer span{color:#000;margin-right:8px;font-size:large}.chessboard{width:calc(100vh - 80px);height:calc(100vh - 80px);margin:0 auto}.chessboard .square{float:left;width:12.5%;height:12.5%}.chessboard .square.dark{background:rgb(181,136,99)}.chessboard .square.light{background:rgb(241,217,181)}.chessboard .square .overlay{width:100%;height:100%}.chessboard .square .overlay.selected{background:rgba(50,50,50,.5)}.chessboard .square .overlay.move{background:radial-gradient(rgba(50,50,50,.5) 20%,rgba(0,0,0,0) 20%)}.chessboard .square .lastMove{background:rgba(155,199,0,.41)}.chessboard .square .piece{transform:translate(0)}.chessboard .square .piece.dragging{opacity:.3}.chessboard .square .piece img{width:100%}.chessboard .square.occupied .overlay.move{background:radial-gradient(rgba(0,0,0,0) 80%,rgba(50,50,50,.5) 20%)}.chessboard .square .overlay.move:hover{background:rgba(50,50,50,.5)}@media (max-width: 950px){.board .chessboard{margin:0;width:min(100vh,100vw);height:min(100vh,100vw)}}.moveList{overflow-y:auto;margin:5px 0;max-height:80vh}.moveList .move{display:flex;background:#2b2926;padding:5px}.moveList .move span{color:#78766d;width:40px;text-align:center;padding-top:10px;padding-left:10px}.moveList .move div{width:50px;margin-left:20px;padding:5px;cursor:pointer}.moveList .move .active{background:#52504e;border-radius:2px}.moveList .move:nth-child(odd){background:#272522}.main{width:calc(100vh + 300px);margin:0 auto;display:flex}aside{color:#aeadac;width:100%;margin:40px 20px;background:#272522;border-radius:8px;height:calc(100vh - 80px)}aside .menu-item{margin-top:20px;width:calc(100% - 40px);background:#1f1e1b;padding:15px 0;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-left:20px;border-radius:5px;color:#fff;font-weight:700;cursor:pointer;-webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,.5);box-shadow:3px 3px 5px #00000080}aside .menu-item:hover{background:#171614}.loading{margin-left:130px;width:80px}@media (max-width: 950px){.main{width:min(100vh,100vw);flex-direction:column}.main aside{width:calc(100vw - 40px);height:auto}}.resultModal{box-shadow:5px 5px 15px 5px #000;position:absolute;overflow:hidden;width:300px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(rgba(0,0,0,0) 60px,#FFF 61px);padding:0;border-radius:10px}.resultModal .header{position:absolute;top:0;left:-50px;width:400px;height:75px;border-radius:0 0 100% 100%;display:flex;flex-direction:column;align-items:center;color:#fff;padding-top:15px;background:#666}.resultModal .header h2{margin:0}.resultModal.winner .header{background-color:#85a94e}.resultModal:focus{outline:0}@media (max-width: 950px){.resultModal{top:50vw;left:50vw}}