@media (min-width: 600px) {
	body {
		background:
			radial-gradient(circle at 15% 10%, #dbe8ff 0, transparent 35%),
			radial-gradient(circle at 90% 20%, #e7fff8 0, transparent 28%),
			var(--bg-main);
		display: flex;
		justify-content: center;
		padding: 14px;
	}

	.mobile-shell {
		width: min(100%, 392px);
		min-height: calc(100vh - 28px);
		border-radius: var(--radius-shell);
		box-shadow: var(--shadow-shell);
		border: 1px solid rgba(20, 33, 70, 0.08);
	}
}

@media (min-width: 760px) {
	.stats-layout {
		grid-template-columns: 210px 1fr;
		align-items: center;
	}
}