/*

Custom style

You can override the default class or style here

This file will not be overwritten by the updater

*/

/* Homepage game grid tuning */
#home-game-container .list-thumbnail {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f5f6f8;
}

#home-game-container img.small-thumb {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

/* 7 columns on desktop, 8 columns on large desktop */
@media (min-width: 992px) {
	#home-game-container .item-grid {
		width: 14.285714%;
		flex: 0 0 14.285714%;
		max-width: 14.285714%;
	}
}

@media (min-width: 1400px) {
	#home-game-container .item-grid {
		width: 12.5%;
		flex: 0 0 12.5%;
		max-width: 12.5%;
	}
}

/* Archive/search cards: keep a compact square thumbnail without stretching. */
.game-container-category .list-thumbnail,
.game-container-search .list-thumbnail {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f5f6f8;
}

.game-container-category img.small-thumb,
.game-container-search img.small-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
/* Do not reserve hundreds of pixels when AdSense returns no fill. */
ins.adsbygoogle[data-ad-status="unfilled"] {
	display: none !important;
}

.banner-ad-wrapper:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
	display: none !important;
}

/* Intentional 300x250 ad displayed over the center of the game iframe. */
.game-ad-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
	width: 300px;
	height: 250px;
	transform: translate(-50%, -50%);
	background: #fff;
	box-shadow: 0 4px 18px rgba(0, 0, 0, .28);
}

.game-ad-slot {
	display: block;
	width: 300px;
	height: 250px;
}

.game-ad-close {
	position: absolute;
	top: -13px;
	right: -13px;
	z-index: 2;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #a01515;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 23px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .3);
}

@media (max-width: 360px) {
	.game-ad-overlay {
		transform: translate(-50%, -50%) scale(.9);
	}
}