*{box-sizing:border-box;margin:0;padding:0}body{font-family:sans-serif;-webkit-font-smoothing:auto;-moz-font-smoothing:auto;-moz-osx-font-smoothing:grayscale;font-smoothing:auto;text-rendering:optimizeLegibility;font-smooth:always;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.board{padding:16px;border:1px solid;border-radius:4px;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:5px;gap:5px;width:500px;height:500px}.circle{width:30px;height:30px;border:1px solid;border-radius:50%;cursor:pointer}.circle.red{background-color:red}.circle.green{background-color:green}.container{margin:30px;display:flex;gap:20px}.information-panel{border:1px solid;padding:10px;min-height:500px;overflow-y:scroll}.records{margin-top:10px;display:flex;flex-direction:column;gap:5px}.record{cursor:pointer}.record.selected{font-weight:700}.records.reverse{flex-direction:column-reverse}.player-details{display:flex;gap:10px;align-items:center}