#main-menu-landing {
	position: fixed;
	inset: 0;
	width: 100vw;
	height: 100vh;
	background: var(--menu-gradient);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2000;
}

.main-menu-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2rem;
	background: var(--menu-surface);
	padding: 3rem 2rem;
	border-radius: var(--menu-radius);
	box-shadow: var(--menu-shadow);
}

.main-menu-content h1 {
	color: var(--menu-text);
	font-size: 2.5rem;
	margin-bottom: 1.5rem;
	letter-spacing: 2px;
}

/* Main-menu icon buttons are the primary nav, so they get a bigger tap target
   than the compact in-game controls — ~3x the control-height square. */
.main-menu-content .menu-button.icon-btn {
	width: calc(var(--control-height) * 3);
	min-width: calc(var(--control-height) * 3);
	height: calc(var(--control-height) * 3);
	border-radius: 50%;
}

.main-menu-content .menu-button.icon-btn .icon {
	width: 2.8em;
	height: 2.8em;
}

/* Contains AI-generated edits. */