.gamegrid
	display: grid
	margin-bottom: 2rem
	grid-template-columns: repeat(auto-fill, minmax(10em, 1fr))
	column-gap: 1em
	row-gap: 1.2em

	*
		margin-block-start: 0.6rem

	.screenshot
		max-inline-size: 100%
		block-size: auto
		height: 30vh
		object-fit: cover

	p
		margin: 0

	time
		display: none

.gamegridcontrols
	background: scale-color($bglight, $lightness: -10%)
	padding: 0.7rem

	button
		font-size: 0.8em

	.sorted
		box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.35)

		&-asc:before
			content: "​ ▼ ​"
		&-desc:before
			content: "​ ▲ ​"