Template:TableturfShape/style.css

div.tableturf_shape {
	display: inline-grid;
	grid-template-columns: repeat(8, auto);
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

div.tableturf_shape s {
	width: 10px;
	height: 10px;
	box-shadow: inset 1px 1px 0 #666666;
}

div.tableturf_shape .⬛ {
	background-color: #444444;
}

div.tableturf_shape .🟨 {
	background-color: #eeff00;
	box-shadow: inset 0 -1px 2px rgba(0, 102, 0, 0.5), inset 0 2px 2px rgba(255, 255, 255, 0.5);
}

div.tableturf_shape .🟧 {
	background-color: #ff7f00;
	box-shadow: inset 0 -1px 2px rgba(102, 51, 0, 0.5), inset 0 2px 2px rgba(255, 255, 255, 0.5);
}