/* @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 is He
The Awtsmoos needs no desktop yet grants a playful garment; Awtsmoos.com keeps the shell serene while deeper tools wait behind each apartment.
*/
html,
body {
	background: var(--g4-bg-deep);
	color: var(--g4-text);
}
body::before {
	content: "";
	position: fixed;
	inset: -20%;
	pointer-events: none;
	background:
		radial-gradient(circle at 18% 20%, rgba(92, 119, 255, 0.2), transparent 30%),
		radial-gradient(circle at 80% 22%, rgba(76, 221, 255, 0.12), transparent 26%),
		radial-gradient(circle at 56% 82%, rgba(177, 91, 255, 0.11), transparent 34%);
	filter: blur(12px);
	animation: g4-ambient-breathe 16s ease-in-out infinite;
}
#awtsmoos-shell-topbar {
	margin: max(10px, var(--g4-safe-top)) 12px 0;
	border: 1px solid var(--g4-line);
	border-radius: var(--g4-radius-pill);
	background: rgba(8, 11, 19, 0.62);
	box-shadow: var(--g4-shadow-1);
	backdrop-filter: blur(24px) saturate(1.25);
}
html .shell-chip,
html .shell-icon-button {
	border-color: transparent;
	background: transparent;
	color: var(--g4-text-secondary);
}
html .shell-chip:hover,
html .shell-icon-button:hover {
	background: var(--g4-surface-hover);
	color: var(--g4-text);
}
#desktop.desktop {
	padding: 86px 18px 92px;
}
#start-bar {
	inset-inline: 50% auto;
	translate: -50% 0;
	/* dock.css (loaded earlier) also sets transform: translateX(-50%); the
	 * independent translate + transform properties compose, which shifted the
	 * bar left by its full width and clipped icons off the viewport edge.
	 * Neutralize the legacy transform here so only this translate centers it. */
	transform: none;
	inline-size: min(94vw, max-content);
	margin-bottom: max(10px, var(--g4-safe-bottom));
	padding: 7px;
	border: 1px solid var(--g4-line-strong);
	border-radius: 24px;
	background: rgba(11, 14, 24, 0.76);
	box-shadow: var(--g4-shadow-float);
	backdrop-filter: blur(30px) saturate(1.35);
}
html #start-button,
html #start-bar button {
	border-radius: 15px;

  color: var(--aw-text); /* B"H tunnel CSS law: explicit theme-safe text color */}
html #start-menu,
html .shell-panel,
html .shell-command-card {
	border: 1px solid var(--g4-line-strong);
	border-radius: var(--g4-radius-lg);
	background: rgba(12, 15, 25, 0.94);
	box-shadow: var(--g4-shadow-float);
	backdrop-filter: blur(32px) saturate(1.2);
}
@media (max-width: 700px) {
	html .shell-brand-copy,
	html #shell-status,
	html #shell-command-button {
		display: none;
	}
	#awtsmoos-shell-topbar {
		margin-inline: 10px;
	}
	#desktop.desktop {
		padding: calc(68px + var(--g4-safe-top)) 12px calc(82px + var(--g4-safe-bottom));
	}
	#start-bar {
		inline-size: calc(100vw - 20px);
		justify-content: space-around;
	}
}

/* @tunnel-interactive-states: auto-generated by css-guarantee */
.shell-icon-button:active {
	transform: scale(0.98);
}
.shell-icon-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
#start-button:hover {
	filter: brightness(1.08);
}
#start-button:active {
	transform: scale(0.98);
}
#start-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
#start-bar button:hover {
	filter: brightness(1.08);
}
#start-bar button:active {
	transform: scale(0.98);
}
#start-bar button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
#shell-command-button:hover {
	filter: brightness(1.08);
}
#shell-command-button:active {
	transform: scale(0.98);
}
#shell-command-button:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}