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:#fff;border:none;background-color:#598659;padding-left:10px;padding-right:10px}div.card.game.win div.navigator>button:hover{background-color:rgba(89,134,89,.6980392157)}div.card.game.win div.pgn-detail span.active,div.card.game.win div.pgn-detail span:hover{background-color:rgba(89,134,89,.6980392157)}div.card.game.draw div.navigator>button{color:#fff;border:none;background-color:#5e5e5e;padding-left:10px;padding-right:10px}div.card.game.draw div.navigator>button:hover{background-color:rgba(94,94,94,.6980392157)}div.card.game.draw div.pgn-detail span.active,div.card.game.draw div.pgn-detail span:hover{background-color:rgba(94,94,94,.6980392157)}div.card.game.loss div.navigator>button{color:#fff;border:none;background-color:#b54d60;padding-left:10px;padding-right:10px}div.card.game.loss div.navigator>button:hover{background-color:rgba(181,77,96,.6980392157)}div.card.game.loss div.pgn-detail span.active,div.card.game.loss div.pgn-detail span:hover{background-color:rgba(181,77,96,.6980392157)}@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}}