.sv-board {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	background-color: #000000;
	border: 3px solid #ffffff;
	overflow: visible !important; /* let a hovered banner scale out over its neighbors */
	font-family: 'Courier New', Courier, monospace;
}

.sv-banner {
	position: absolute;
	display: block;
	box-sizing: border-box;
	border: 1px solid #333333;
	overflow: hidden;
	text-decoration: none;
	background-color: #000000;
	transform: scale(1);
	transform-origin: center center;
	z-index: 1;
}

.sv-banner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	image-rendering: pixelated;
}

/* Hover-zoom: the banner itself pops out in place, scaled up and
   layered above every other banner on the board. Instant, no easing
   or glow, to keep the retro feel. !important guards against theme
   styles that reset transform/z-index on links or content wrappers. */
.sv-banner:hover {
	border-color: #ffffff !important;
	transform: scale(3) !important;
	z-index: 1000 !important;
}

.sv-banner:hover img {
	image-rendering: auto;
}