CampaignStatsReadout {
	background-color: #000d;
	border: 3px solid #444;
	flex-direction: column;
	text-align: right;
	align-items: center;
	justify-content: center;
	gap: 32px;
	padding: 20px;
	display: grid;
	grid-template-columns: auto auto auto;

	.game-title {
		font-size: 48px;
		font-weight: bold;
		justify-content: flex-end;
		align-items: flex-end;
		margin-right: 50px;
		margin-bottom: 40px;
	}

	.game-by {
		font-size: 28px;
		font-weight: semibold;
		padding-left: 10px;
		align-items: flex-end;
		align-self: flex-end;
		padding-bottom: 8px;
		margin-left: -80px;
		margin-bottom: 40px;
	}

	.hint {
		padding-top: 25px;
		align-self: flex-end;
		justify-content: flex-end;
	}

	.category {
		display: grid;
		grid-template-columns: auto auto auto;
	}

	.key {
		align-items: center;
		justify-content: flex-end;
	}

	.value {
		justify-content: flex-end;
		align-items: center;
		padding-left: 10px;
	}

	.title {
		font-weight: semibold;
	}
}