*{box-sizing:border-box;margin:0;padding:0}.App{position:relative}.App,.content{display:flex;justify-content:center}.content{align-items:center;flex-direction:column;min-height:100vh;width:1140px}.content-wrapper{align-items:flex-start;display:flex;gap:30px;justify-content:center}.chessboard{background-color:#fff;display:grid;grid-template-columns:repeat(8,75px);grid-template-rows:repeat(8,75px);height:600px;width:600px}.cell{align-items:center;display:flex;height:75px;justify-content:center;width:75px}.cell-black{background-color:#0467e0}.cell-white{background-color:#b6c0cd}.cell-highlight:not(.cell-chess-piece):before{background-color:#303233;border-radius:100%;content:"";height:18px;width:18px}.cell-highlight.cell-chess-piece:before{border:5px solid #303233;border-radius:100%;content:"";height:65px;position:absolute;width:65px}.chess-piece{background-position:50%;background-repeat:no-repeat;background-size:60px;height:75px;width:75px}.chess-piece:hover{cursor:grab}.chess-piece-active{cursor:grabbing}.modal{height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .3s;width:100vw}.modal-content{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:150px;justify-content:center;left:calc(50% - 420px);position:absolute;top:calc(50% - 75px);-webkit-transform:scale(.5);transform:scale(.5);transition:all .3s;width:600px}.modal.active{opacity:1;pointer-events:all}.modal-content.active{-webkit-transform:scale(1);transform:scale(1)}.promote-piece{align-items:center;display:flex;justify-content:space-around;width:100%}.promote-piece img{border-radius:100%;height:120px;padding:20px;transition:all .15s ease;width:120px}.promote-piece img:hover{background-color:#e2c681;cursor:pointer}.turn{font-size:34px;padding-bottom:20px}.game-over-wrapper{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.game-over-text{color:#fff;font-size:42px;font-weight:700}.game-over-btn{background-color:#72ade5;border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:24px;font-weight:500;height:50px;transition:all .3s ease;width:200px}.game-over-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.main-wrapper{align-items:center;display:flex;flex-direction:column}.main-info{display:flex;justify-content:space-between;margin-block:10px;width:100%}.graveyard{align-items:center;background-color:#72ade5;border-radius:10px;display:flex;gap:1px;height:24px;min-width:0}.graveyard-piece{background-position:50%;background-repeat:no-repeat;background-size:20px;height:24px;width:24px}.advantage{align-items:center;background-color:#72ade5;border-radius:5px;color:#fff;font-size:14px;font-weight:500;height:24px;justify-content:center;min-width:24px;padding:0 3px}.advantage-container{display:flex;gap:2px;justify-content:flex-end;min-width:50px}.surrender{background-color:transparent;border:none;border-radius:5px;cursor:pointer;height:24px;width:24px}.surrender img{height:100%;width:100%}.surrender-btns{display:flex;gap:25px}.surrender-yes{background:#e45d09;background:linear-gradient(90deg,#e45d09 31%,#72ade5 74%)}.surrender-no{background:#09e44e;background:linear-gradient(90deg,#09e44e 31%,#72ade5 74%)}.surrender-wrapper,.time-limit-wrapper{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-around}.surrender-btn,.time-limit-btn{border:none;border-radius:15px;color:#fff;cursor:pointer;font-size:16px;font-weight:300;height:40px;transition:all .3s ease;width:90px}.surrender-btn:hover,.time-limit-btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.history{grid-template-columns:30px 180px;max-height:600px;padding-top:50px;text-align:center}.history,.history-num{display:grid;grid-auto-rows:18px}.history-num{grid-template-columns:30px}.history-moves{display:grid;grid-auto-rows:18px;grid-template-columns:90px 90px}.history-title-white{background:#f2e0e0;font-size:16px}.history-title-black{background:#261b2b;color:#fff;font-size:16px}.history-move{font-size:14px}.timer{align-items:center;border-radius:10px;color:#fff;display:flex;height:24px;justify-content:center;min-width:50px;transition:all .2s ease}.time-limit-btns{display:flex;gap:8px}.time-limit-btn{background-color:#72ade5}
/*# sourceMappingURL=main.bc1b1ee5.css.map*/