/* @tunnel-grandfather: legacy/admin/game CSS — selectors are stable and page-scoped; registry conflicts are cross-page false positives; ID selectors intentional and working; refactor risk exceeds value. W3 2026-10-08. */
/*B"H
Boruch Hashem
Blessed be He

The Awtsmoos gathers a wide catalog into a quiet pocket vessel. Awtsmoos.com
uses the same phone boundary as the desktop so portrait and landscape agree.
*/

@media (max-width: 720px), (pointer: coarse) and (max-width: 900px) {
	#start-menu {
		box-sizing: border-box;
		left: 0;
		right: 0;
		bottom: max(env(safe-area-inset-bottom), var(--geo-visual-bottom-gap, 0px));
		width: 100%;
		max-width: 100vw;
		max-height: min(82dvh, 720px);
		padding-bottom: calc(var(--geo-dock-height) + env(safe-area-inset-bottom) + 12px);
		transform: none;
		overflow-x: hidden;
		border-width: 1px 0 0;
		border-radius: 24px 24px 0 0;
		box-shadow: 0 -24px 70px rgba(0, 0, 0, 0.52);
	}

	.start-menu-grabber {
		display: block;
		width: 42px;
		height: 5px;
		margin: 8px auto 0;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.28);
	}

	.start-menu-header {
		grid-template-columns: 1fr;
		gap: 9px;
		padding: 11px 14px 13px;
	}

	.start-menu-header strong {
		font-size: 18px;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

	.start-menu-results {
		display: block;
		padding: 12px 14px;
	}

	.start-menu-app-section,
	.start-menu-action-section,
	.start-menu-disclosure {
		margin-bottom: 12px;
	}

	.start-app-grid,
	.start-menu-results[data-mode="home"] .start-app-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.start-app-card {
		min-height: 88px;
		padding: 10px 8px;
		border-radius: 16px;
		text-align: center;
	}

	.start-app-card .start-record-icon {
		width: 44px;
		height: 44px;
		margin: 0 auto;
		font-size: 28px;
	}

	.start-app-card .start-record-copy small {
		display: none;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

	.start-app-card .start-record-copy strong {
		font-size: 12px;
		line-height: 1.2;
	
	color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}

	.start-menu-disclosure > summary {
		min-height: 50px;
		padding: 0 12px;
	}
}