div.board-container.hide{display:none}div.board-container.show{display:flex;flex-direction:row;justify-content:center;align-items:stretch;gap:1rem}div.board-container>div.board{width:250px;max-width:250px;max-height:250px}div.board-container>div.board+div{width:250px;max-width:250px;max-height:250px}div.board-container>div.board+div>div.pgn-detail{font-size:14px;overflow-y:auto}div.board-container>div.board+div>div.pgn-detail span.active,div.board-container>div.board+div>div.pgn-detail span:hover{padding:3px;border-radius:5px;cursor:pointer}div.card.game.win div.navigator>button{color:#f1f5f9;border:none;background-color:#136b43;padding-left:10px;padding-right:10px}div.card.game.win div.navigator>button:hover{background-color:rgba(19,107,67,.85)}div.card.game.win div.pgn-detail span.active,div.card.game.win div.pgn-detail span:hover{background-color:rgba(19,107,67,.85)}div.card.game.draw div.navigator>button{color:#f1f5f9;border:none;background-color:#565e64;padding-left:10px;padding-right:10px}div.card.game.draw div.navigator>button:hover{background-color:rgba(86,94,100,.85)}div.card.game.draw div.pgn-detail span.active,div.card.game.draw div.pgn-detail span:hover{background-color:rgba(86,94,100,.85)}div.card.game.loss div.navigator>button{color:#f1f5f9;border:none;background-color:#7f1d1d;padding-left:10px;padding-right:10px}div.card.game.loss div.navigator>button:hover{background-color:rgba(127,29,29,.85)}div.card.game.loss div.pgn-detail span.active,div.card.game.loss div.pgn-detail span:hover{background-color:rgba(127,29,29,.85)}@media(max-width: 599px){div.board-container{flex-direction:column !important;align-items:center !important}div.board-container>div.board{width:300px;max-width:300px;max-height:300px}div.board-container>div.board+div{width:300px;max-width:300px;max-height:300px}div.board-container>div.board+div>div.pgn-detail{display:none !important}div.board-container>div.board+div>div.navigator>button{padding-left:0px;padding-right:0px;width:100%;margin-left:.25rem;margin-right:.25rem}div.board-container>div.board+div>div.navigator>button:first-child{margin-left:0px}div.board-container>div.board+div>div.navigator>button:last-child{margin-right:0px}}