#grid-outer{border:solid 2px grey;border-radius:5px;padding:6px;margin:10px 0}#grid{height:400px;overflow:scroll;padding:5px}#legend-outer{border:solid 2px grey;border-radius:5px;padding:0 6px;margin:10px 0}#legend{overflow-x:scroll}#legend img{width:50px;height:50px;margin:5px;border-radius:10px}#legend img:hover{border:solid 3px orange}#legend .selected{border:solid 3px red}#legend .unselected{border:solid 3px black}.line{margin:0 auto;padding:0;box-sizing:content-box}.cell{border:solid 1px #bbb;display:inline-block;background-size:100%;-webkit-user-select:none;user-select:none;padding:0;margin:0;box-sizing:content-box}.cell:hover{border:solid 1px orange;background-color:#ec9e9a}