#board, .palette {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

body {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
}

.row {
	display: flex;
	gap: 3px;
}

.cell {
    box-sizing: border-box; 
	background-color: #f8f8f8;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	width: 2rem;
	aspect-ratio: 1;
}

.cell.filled {
	background-color: #a34;
	border: 1px solid #800;
}

#palette {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 1rem;
}

.palette {
	border: 2px solid #080;
	padding: 1rem;
	border-radius: 8px;
}

.palette.dragging {
	opacity: 0;
}

#glass {
	position: absolute;
	inset: 1rem;
/*	border: 2px solid #00c;
	background-color: #46f;
	border-radius: 4px;
	opacity: 0.25;*/
}

#glass.hover {
	cursor: pointer;
}

#dragShape {
	position: absolute;
}