:root{--white: #fbf5ef;--black: #272744;--lightPrimary: #f2d3ab;--darkPrimary: #494d7e;--darkAccent: #8b6d9c;--lightAccent: #c69fa5}.board{display:flex;background-color:var(--darkPrimary);border:10px solid var(--lightPrimary);width:1280px;height:720px;color:var(--black)}.board .game-stats{display:flex;flex-direction:column;width:60%;height:100%;background:var(--lightPrimary)}.board .game-stats .score{display:flex;flex-direction:column;width:100%;height:40%}.board .game-stats .score-card{display:flex;flex-direction:row;width:100%;height:60%;padding-right:10px;flex-wrap:wrap;justify-content:space-around;align-items:center}.board .game-stats .score-card button{display:flex;flex-direction:column;text-align:left;margin-bottom:5px;width:45%;background-color:var(--white);border:1px solid var(--black);color:var(--black);padding:2px}.board .game-stats .score-card button h3,.board .game-stats .score-card button p{margin:0}.board .game-stats .score-card :hover{background-color:var(--lightAccent)}.board .game-stats .score-card .usable{border:3px solid var(--darkAccent)}.board .game-stats .score-card .used{background:var(--darkPrimary);color:var(--white)}.board .dice-board{width:77%;display:flex;flex-direction:column;justify-content:space-between}.board .dice-box{position:relative;height:80%}.board .actions{font-size:30px;height:10%;display:flex;width:100%;justify-content:space-around;align-items:center}.board .actions button{font-size:30px;width:30%;height:100%;background-color:var(--lightPrimary)}.dice{width:100px;height:100px;background:#faebd7;display:flex;color:#000;flex-direction:column;position:absolute}.dice h2{margin:auto;font-size:50px}.stats{background-color:var(--white);width:30%}.stats .score-card{display:flex;flex-direction:row;width:100%;height:60%;padding-right:10px;flex-wrap:wrap;justify-content:space-around;align-items:center}.stats .score-card .hand{display:flex;flex-direction:column;text-align:left;margin-bottom:5px;width:45%;background-color:var(--white);border:1px solid var(--black);color:var(--black);padding:2px}.stats .score-card .hand h3,.stats .score-card .hand p{margin:0}.stats .score-card .used{background:var(--darkPrimary);color:var(--white)}
