.mulino-board {
	position: relative;
	max-width: 560px;
	width: 100%;
	aspect-ratio: 1;
	margin: 0 auto;
}

.mulino-lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.mulino-point {
	position: absolute;
	transform: translate(-50%, -50%);
	width: 9%;
	height: 9%;
	border-radius: 50%;
	border: 2px solid #212529;
	background: #f8f9fa;
	padding: 0;
}

.mulino-point.piece-w {
	background: #f8f9fa;
	box-shadow: inset 0 0 0 6px #f8f9fa, 0 0 0 3px #0d6efd;
}

.mulino-point.piece-b {
	background: #212529;
	box-shadow: inset 0 0 0 6px #212529, 0 0 0 3px #adb5bd;
}

.mulino-point.empty-selectable {
	outline: 3px solid #20c997;
}

.mulino-point.selected {
	outline: 4px solid #ffc107;
}

.mulino-point.capture-target {
	outline: 4px solid #dc3545;
}

.mulino-point:focus-visible {
	outline-offset: 2px;
}