.frontPageGaming {
	color: #f4efe5;
	background-color: #081422;
	background-image: linear-gradient(rgba(3, 9, 19, 0.48), rgba(3, 9, 19, 0.62)), url('https://www.artodata.net/site/games/gfx/games-page-background-v1.webp');
	background-position: center;
	background-size: cover;
}

.frontPageGamingHeader {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 12px;
	gap: 12px;
}
.frontPageGamingHeader h2 {
	margin: 0;
}

.frontPageGamingAll {
	flex: 0 0 auto;
	font-size: 13px;
	font-weight: bold;
}

.frontPageGamingGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}

.frontPageGamingCard {
	display: grid;
	grid-template-columns: 74px minmax(0, 1fr);
	align-items: start;
	min-width: 0;
	padding: 10px;
	gap: 10px;
	background: linear-gradient(145deg, #182b40 0%, #101b2b 100%) !important;
	border: 1px solid rgba(240, 213, 154, 0.24) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.05),
		0 8px 18px rgba(0, 0, 0, 0.24) !important;
}

.frontPageGamingGrid .frontPageGamingCard:hover {
	border-color: rgba(240, 213, 154, 0.46) !important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.07),
		0 11px 22px rgba(0, 0, 0, 0.32) !important;
	transform: translateY(-2px);
}

.frontPageGamingCover {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: content-box;
	width: 70px;
	height: auto;
	aspect-ratio: 90/128;
	object-fit: cover;
	color: #f4efe5;
	background-color: rgba(240, 213, 154, 0.12);
	border-color: #f0d59a;
	font-size: 24px;
}

.frontPageGamingCopy {
	min-width: 0;
}
.frontPageGamingCopy h3 {
	margin: 2px 0 5px;
	font-size: 16px;
	line-height: 1.3;
}

.frontPageGamingMeta {
	margin-top: 2px;
	color: rgba(244, 239, 229, 0.78);
	font-size: 12px;
}

@media (max-width: 650px) {
	.frontPageGamingGrid {
		grid-template-columns: minmax(0, 1fr);
	}
}