.juego {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
}

.juego__info {
	width: 100%;
	max-width: 600px;
}

.juego__tablero {
	width: 100%;
	max-width: 600px;
}

.juego__tablero svg {
	width: 100%;
	height: auto;
	display: block;
}

.juego__puntos {
	font-size: 1.1rem;
	margin-bottom: 0.5rem;
}

svg rect {
	fill: brown;
	stroke: black;
	stroke-width: 3;
}

svg circle {
	fill: white;
	stroke: black;
	stroke-width: 3;
}

svg polygon {
	fill: white;
	stroke: black;
	stroke-width: 2;
}

svg polygon:hover {
	cursor: pointer;
}

#pResultado {
	visibility: hidden;
}

#btnSiguiente {
	background: var(--bg-card);
	color: var(--green);
	border: 1px solid var(--border);
	border-radius: 8px;
	padding: 0.5rem 1rem;
	cursor: pointer;
	font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', monospace;
	font-size: 0.85rem;
	transition: all 0.2s ease;
	margin-left: 0.5rem;
}

#btnSiguiente:hover {
	border-color: var(--green);
	box-shadow: 0 0 12px rgba(0, 212, 170, 0.15);
}