#matrixContainer {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	gap: 0;
	font-family: Consolas, "Courier New", monospace;
	font-size: var(--matrix-font-size);
	line-height: 1;
	white-space: normal;
}

.matrixCell {
	color: var(--muted);
	display: inline-block;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	transition: all 0.2s;
}

.matrixCell.active {
	color: var(--accent);
	text-shadow: 0 0 12px var(--accent);
	transform: scale(1);
	background: var(--accent-soft);
	padding: 0;
	font-weight: 700;
	animation: pulse 1.4s ease-in-out infinite;
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1);
		opacity: 0.92;
	}
	50% {
		transform: scale(1.04);
		opacity: 1;
	}
}

@media (max-width: 600px) {
	#matrixContainer {
		--matrix-font-size: 14px;
	}
}