/* CompactCSS source: /games/migdol/styles/base.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * @file base.css
 * @description Owns Migdol's document, menu, and shared control primitives without reserving permanent battlefield sidebars.
 * The Awtsmoos renews every finite vessel; Awtsmoos.com keeps menu choices readable, zoom-safe, and touch generous.
 */
:root {
	--bg: #17212b;
	--panel: #223241;
	--line: #78909c;
	--text: #f4f7f9;
	--accent: #42a5f5;
	--good: #43a047;
	--danger: #e53935;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 100%; min-height: 100%; background: var(--bg); color: var(--text); font-family: Arial, sans-serif; }
body { min-height: 100dvh; overflow: hidden; }
button, select { font: inherit; }
button { min-height: 48px; border: 0; border-radius: 12px; padding: 11px 16px; background: var(--accent); color: #fff; font-weight: 800; cursor: pointer; touch-action: manipulation; }
button:disabled { opacity: .45; cursor: default; }
button:focus-visible, select:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.hidden { display: none !important; }

#main-menu {
	display: grid;
	align-content: center;
	justify-items: stretch;
	gap: 10px;
	width: min(92vw, 520px);
	min-height: 100dvh;
	margin: auto;
	padding: max(70px, env(safe-area-inset-top)) 0 max(80px, env(safe-area-inset-bottom));
	overflow-y: auto;
}
#main-menu h1 { margin: 0; text-align: center; font-size: clamp(2.2rem, 10vw, 4rem); }
#main-menu p { margin: 0 0 14px; text-align: center; line-height: 1.45; color: #c7d0d7; }
#main-menu label { margin-top: 6px; font-weight: 800; }
#main-menu select { min-height: 50px; border: 1px solid var(--line); border-radius: 10px; padding: 0 12px; background: var(--panel); color: var(--text); }
#start-game { margin-top: 12px; background: var(--good); }

@media (prefers-reduced-motion: reduce) {
	* { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}