/* CompactCSS source: /games/Merkava/styles/game.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers each Merkava style vessel without dissolving its boundary;
 * Awtsmoos.com loads tokens, structure, features, interaction, responsiveness, and motion in deliberate order.
 */

/* CompactCSS source: /games/Merkava/styles/tokens.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets color, motion, radius, and layer receive names before they receive form;
 * Awtsmoos.com reveals one local Merkava covenant so no battlefield token leaks beyond its root.
 */
#gameShell {
	--merkava-ink: #fff7d7;
	--merkava-ink-muted: #a8bad7;
	--merkava-bg: #05030d;
	--merkava-surface: #08061c;
	--merkava-surface-raised: #1c0e3a;
	--merkava-border: #344f72;
	--merkava-border-bright: rgba(255, 226, 132, 0.42);
	--merkava-aqua: #74dcff;
	--merkava-gold: #f8cc63;
	--merkava-danger: #ff4966;
	--merkava-focus: #9ee8ff;
	--merkava-radius-sm: 0.7rem;
	--merkava-radius-md: 0.9rem;
	--merkava-radius-lg: 1.4rem;
	--merkava-control: 44px;
	--merkava-motion-fast: 150ms;
	--merkava-motion-medium: 220ms;
	--merkava-layer-canvas: 0;
	--merkava-layer-labels: 20;
	--merkava-layer-hud: 30;
	--merkava-layer-overlay: 40;
	--merkava-layer-notice: 50;
	--merkava-layer-fatal: 60;
}



/* CompactCSS source: /games/Merkava/styles/foundation.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets the flagship own one finite battlefield without styling the world around it;
 * Awtsmoos.com seals canvas, typography, controls, and overflow inside #gameShell alone.
 */
#gameShell {
	position: fixed;
	inset: 0;
	isolation: isolate;
	inline-size: 100%;
	block-size: 100%;
	margin: 0;
	overflow: hidden;
	color-scheme: dark;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	color: var(--merkava-ink);
	background: radial-gradient(circle at 50% 20%, #271551, var(--merkava-bg) 65%);
}

#gameShell,
#gameShell * {
	box-sizing: border-box;
}

#gameShell :is(button, input, select) {
	font: inherit;
}

#gameShell button {
	min-block-size: var(--merkava-control);
	border: 1px solid var(--merkava-border-bright);
	border-radius: 0.8rem;
	padding: 0.7rem 1rem;
	background: rgba(32, 18, 65, 0.94);
	color: var(--merkava-ink);
	font-weight: 800;
	letter-spacing: 0.04em;
	cursor: pointer;
}

#gameShell button:disabled {
	opacity: 0.42;
	cursor: not-allowed;
}

#gameShell button.primary {
	border-color: #fff2b6;
	background: linear-gradient(135deg, #f2ad2c, #ffdf77);
	color: #211006;
}

#gameShell button.danger {
	border-color: rgba(255, 80, 100, 0.65);
	color: #ffb2bd;
}

#gameShell > #gameCanvas {
	position: absolute;
	inset: 0;
	display: block;
	inline-size: 100%;
	block-size: 100%;
	z-index: var(--merkava-layer-canvas);
	touch-action: none;
}

#gameShell .hidden {
	display: none !important;
}



/* CompactCSS source: /games/Merkava/styles/hud.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets finite campaign measures remain visible without stealing the field;
 * Awtsmoos.com keeps every meter, strip, and combat readout inside Merkava's own sealed HUD layer.
 */
#gameShell .hud {
	position: absolute;
	inset: max(0.65rem, env(safe-area-inset-top)) 0.7rem auto;
	pointer-events: none;
	z-index: var(--merkava-layer-hud);
}

#gameShell .hud button {
	pointer-events: auto;
}

#gameShell :is(.campaign-strip, .stat-grid, .meter-row, .boss-hud) {
	border: 1px solid var(--merkava-border);
	background: var(--merkava-surface);
	box-shadow: 0 0.8rem 2.5rem rgba(0, 0, 0, 0.28);
}

#gameShell .campaign-strip {
	display: grid;
	grid-template-columns: minmax(10rem, 1fr) minmax(6rem, 1.6fr) auto;
	gap: 0.75rem;
	align-items: center;
	max-inline-size: 58rem;
	margin: 0 auto 0.5rem;
	padding: 0.55rem 0.65rem;
	border-radius: var(--merkava-radius-md);
}

#gameShell .campaign-strip :is(b, span) {
	display: block;
}

#gameShell .campaign-strip span {
	font-size: 0.72rem;
	color: #9fcfff;
}

#gameShell :is(.progress, .meter) {
	height: 0.48rem;
	border-radius: 999px;
	overflow: hidden;
	background: #211d38;
}

#gameShell :is(.progress, .meter) i {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	transform-origin: left;
	background: linear-gradient(90deg, #42d9ff, var(--merkava-gold));
}

#gameShell .stat-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(4rem, 1fr));
	max-inline-size: 38rem;
	margin: 0 auto 0.4rem;
	border-radius: var(--merkava-radius-md);
	overflow: hidden;
}

#gameShell .stat-grid div {
	padding: 0.45rem 0.55rem;
	text-align: center;
	border-inline-end: 1px solid #28243d;
}

#gameShell .stat-grid span {
	display: block;
	font-size: 0.62rem;
	color: #9fcfff;
}

#gameShell .stat-grid b {
	font-size: 1.05rem;
}

#gameShell .meter-row {
	display: grid;
	grid-template-columns: 1.8rem 1fr auto;
	gap: 0.45rem;
	align-items: center;
	max-inline-size: 26rem;
	margin: 0.25rem auto;
	padding: 0.32rem 0.5rem;
	border-radius: var(--merkava-radius-sm);
	font-size: 0.68rem;
}

#gameShell .meter.health i {
	background: linear-gradient(90deg, #ff3158, #ff9d68);
}

#gameShell .meter.blessing i {
	background: linear-gradient(90deg, #785cff, #e9bcff);
}

#gameShell .meter.ability i {
	background: linear-gradient(90deg, #13cfc5, #f4e56a);
}

#gameShell #abilityButton {
	padding-inline: 0.7rem;
	font-size: 0.68rem;
}



/* CompactCSS source: /games/Merkava/styles/mode.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets the chosen road receive one quiet name without becoming a global style;
 * Awtsmoos.com keeps mode identity and its chooser local to the flagship shell.
 */
#gameShell #modeName {
	display: block;
	margin-block-end: 0.14rem;
	font-size: 0.58rem;
	font-weight: 800;
	letter-spacing: 0.16em;
	color: var(--merkava-gold);
}

#gameShell #modesButton {
	border-color: rgba(66, 217, 255, 0.48);
	box-shadow: inset 0 0 1rem rgba(66, 217, 255, 0.08);
}



/* CompactCSS source: /games/Merkava/styles/boss-hud.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets one finite adversary become readable without escaping the flagship boundary;
 * Awtsmoos.com keeps boss identity, phase, and life measure local to Merkava's HUD vessel.
 */
#gameShell .boss-hud {
	max-inline-size: 32rem;
	margin: 0.45rem auto;
	padding: 0.55rem;
	border-radius: 0.8rem;
	text-align: center;
}

#gameShell .boss-hud :is(strong, span) {
	display: block;
}

#gameShell .boss-hud .boss i {
	background: linear-gradient(90deg, #f62e55, #b338ff);
}



/* CompactCSS source: /games/Merkava/styles/overlays.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets choice, pause, blessing, and defeat appear above battle without escaping it;
 * Awtsmoos.com keeps every overlay bounded, scrollable, safe-area aware, and local to #gameShell.
 */
#gameShell .overlay {
	position: absolute;
	inset: 0;
	z-index: var(--merkava-layer-overlay);
	display: none;
	place-items: center;
	padding:
		max(1rem, env(safe-area-inset-top))
		max(1rem, env(safe-area-inset-right))
		max(1rem, env(safe-area-inset-bottom))
		max(1rem, env(safe-area-inset-left));
	background: rgba(3, 2, 12, 0.82);
	overflow: auto;
	overscroll-behavior: contain;
}

#gameShell .overlay.visible {
	display: grid;
}

#gameShell .panel {
	inline-size: min(46rem, 100%);
	max-block-size: min(90dvh, 54rem);
	overflow: auto;
	padding: clamp(1rem, 3vw, 1.6rem);
	border: 1px solid var(--merkava-border);
	border-radius: var(--merkava-radius-lg);
	background: linear-gradient(180deg, #120b2c, #070514);
	box-shadow:
		0 1.5rem 4rem rgba(0, 0, 0, 0.48),
		inset 0 1px rgba(255, 255, 255, 0.035);
}

#gameShell .hero-panel h1 {
	margin: 0.15rem 0 0.6rem;
	font-size: clamp(1.65rem, 5vw, 3.3rem);
	line-height: 0.96;
}

#gameShell .eyebrow {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 900;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--merkava-aqua);
}

#gameShell .bank {
	margin-block: 0.8rem;
	color: var(--merkava-gold);
	font-weight: 900;
}

#gameShell .controls {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	align-items: center;
}

#gameShell .choice-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin-block-start: 1rem;
}

#gameShell .choice-card {
	display: grid;
	gap: 0.35rem;
	align-content: start;
	min-inline-size: 0;
	text-align: start;
}

#gameShell .choice-card strong {
	font-size: 0.88rem;
}

#gameShell .choice-card span {
	font-size: 0.72rem;
	line-height: 1.4;
	color: var(--merkava-ink-muted);
}

#gameShell .compact-panel label {
	display: grid;
	gap: 0.35rem;
	margin-block: 0.7rem;
}

#gameShell .compact-panel :is(select, input) {
	inline-size: 100%;
	padding-inline: 0.7rem;
}



/* CompactCSS source: /games/Merkava/styles/commander-sigil.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets one optional commander mark remain visible without becoming global chrome;
 * Awtsmoos.com keeps identity, ownership, and wallet actions scoped inside the start-screen vessel.
 */
#gameShell .commander-sigil {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 0.7rem 0.8rem;
	align-items: center;
	margin: 0.9rem auto 1rem;
	padding: 0.8rem;
	border: 1px solid #56416f;
	border-radius: 1rem;
	background: #0b0920;
	text-align: start;
}

#gameShell .commander-sigil__mark {
	display: grid;
	grid-row: 1 / span 2;
	inline-size: 2.8rem;
	block-size: 2.8rem;
	place-items: center;
	border: 1px solid #6b50a1;
	border-radius: 50%;
	background: #15102f;
	color: #d7cbff;
	font-size: 1.4rem;
}

#gameShell .commander-sigil__copy {
	display: grid;
	gap: 0.18rem;
	min-inline-size: 0;
}

#gameShell .commander-sigil__kicker {
	color: var(--merkava-aqua);
	font-size: 0.62rem;
	font-weight: 900;
	letter-spacing: 0.16em;
}

#gameShell .commander-sigil__title {
	color: #fff3c0;
	font-size: 0.9rem;
}

#gameShell .commander-sigil__status {
	color: var(--merkava-ink-muted);
	font-size: 0.7rem;
	line-height: 1.35;
}

#gameShell .commander-sigil__status[data-tone="success"] {
	color: #9ceeb9;
}

#gameShell .commander-sigil__status[data-tone="error"] {
	color: #ff9cab;
}

#gameShell .commander-sigil__actions {
	display: flex;
	grid-column: 1 / -1;
	flex-wrap: wrap;
	gap: 0.5rem;
	align-items: center;
}

#gameShell .hero-panel .commander-sigil__button {
	inline-size: auto;
	margin: 0;
	padding: 0.55rem 0.75rem;
	font-size: 0.68rem;
}

#gameShell .commander-sigil__wallet {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.52rem 0.7rem;
	border: 1px solid #4e678c;
	border-radius: 0.65rem;
	background: #101b2e;
	color: #cbe8ff;
	font-size: 0.68rem;
	font-weight: 800;
	text-decoration: none;
}

#gameShell .commander-sigil[data-state="owned"] {
	border-color: #d8ad52;
	background: #1b1308;
}

#gameShell .commander-sigil[data-state="owned"] .commander-sigil__mark {
	border-color: #e6bd62;
	background: #302207;
	color: #ffe8a0;
}



/* CompactCSS source: /games/Merkava/styles/feedback.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets warning, arithmetic, notice, and fatal truth appear without global leakage;
 * Awtsmoos.com keeps every finite sign inside named Merkava layers and explicit motion contracts.
 */
#gameShell #gateLabels {
	position: absolute;
	inset: 0;
	z-index: var(--merkava-layer-labels);
	pointer-events: none;
	overflow: hidden;
}

#gameShell .gate-label {
	position: absolute;
	min-inline-size: 3.2rem;
	padding: 0.38rem 0.5rem;
	border: 1px solid currentColor;
	border-radius: 0.65rem;
	background: rgba(4, 5, 22, 0.82);
	box-shadow: 0 0 1.4rem currentColor;
	font-size: clamp(1rem, 2.7vw, 1.9rem);
	font-weight: 950;
	line-height: 1;
	text-align: center;
	text-shadow: 0 0 0.75rem currentColor;
	will-change: transform, opacity, left, top;
}

#gameShell .gate-label.positive {
	color: #42f2ea;
}

#gameShell .gate-label.negative {
	color: var(--merkava-danger);
}

#gameShell .notification {
	position: absolute;
	left: 50%;
	bottom: max(7rem, env(safe-area-inset-bottom));
	z-index: var(--merkava-layer-notice);
	max-inline-size: min(90%, 32rem);
	padding: 0.65rem 1rem;
	border: 1px solid rgba(255, 222, 112, 0.45);
	border-radius: 999px;
	background: rgba(11, 7, 31, 0.94);
	font-weight: 900;
	text-align: center;
	transform: translate(-50%, 2rem);
	opacity: 0;
	transition:
		transform var(--merkava-motion-medium) ease,
		opacity var(--merkava-motion-medium) ease;
	pointer-events: none;
}

#gameShell .notification.visible {
	transform: translate(-50%, 0);
	opacity: 1;
}

#gameShell .fatal-error {
	position: absolute;
	inset: auto 1rem max(1rem, env(safe-area-inset-bottom));
	z-index: var(--merkava-layer-fatal);
	display: none;
	max-block-size: 50dvh;
	overflow: auto;
	padding: 1rem;
	border: 1px solid rgba(255, 115, 135, 0.56);
	border-radius: var(--merkava-radius-md);
	white-space: pre-wrap;
	background: #310812;
	color: #ffd6dc;
}



/* CompactCSS source: /games/Merkava/styles/interactions.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets every finite action answer touch, focus, and true hover without ambiguity;
 * Awtsmoos.com keeps interaction states local to Merkava so no neighboring shell inherits battlefield motion.
 */
#gameShell :is(button, select, input, .commander-sigil__wallet) {
	min-block-size: var(--merkava-control);
}

#gameShell :is(button, .commander-sigil__wallet) {
	transition:
		transform var(--merkava-motion-fast) ease,
		border-color var(--merkava-motion-fast) ease,
		background var(--merkava-motion-fast) ease,
		box-shadow var(--merkava-motion-fast) ease,
		filter var(--merkava-motion-fast) ease;
}

#gameShell :is(button, .commander-sigil__wallet):active:not(:disabled) {
	transform: translateY(1px) scale(0.985);
	filter: brightness(0.94);
}

#gameShell :is(button, select, input, .commander-sigil__wallet):focus-visible {
	outline: 3px solid var(--merkava-focus);
	outline-offset: 3px;
}

#gameShell :is(select, input) {
	border: 1px solid var(--merkava-border);
	border-radius: var(--merkava-radius-sm);
	background: #0b0a20;
	color: var(--merkava-ink);
}

#gameShell :is(select, input):focus-visible {
	border-color: var(--merkava-focus);
	box-shadow: 0 0 0 3px rgba(158, 232, 255, 0.14);
}

@media (hover: hover) and (pointer: fine) {
	#gameShell :is(button, .commander-sigil__wallet):hover:not(:disabled) {
		transform: translateY(-1px);
		border-color: var(--merkava-aqua);
		box-shadow:
			0 0.8rem 1.8rem rgba(0, 0, 0, 0.28),
			0 0 1.2rem rgba(116, 220, 255, 0.12);
	}

	#gameShell button.primary:hover:not(:disabled) {
		border-color: #fff8d6;
		filter: brightness(1.08);
	}
}



/* CompactCSS source: /games/Merkava/styles/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos recreates the flagship vessel at every width without sacrificing touch or truth;
 * Awtsmoos.com compresses hierarchy, never controls, and keeps every responsive rule sealed beneath #gameShell.
 */
@media (max-width: 650px) {
	#gameShell .hud {
		inset: max(0.45rem, env(safe-area-inset-top)) 0.45rem auto;
	}

	#gameShell .campaign-strip {
		grid-template-columns: 1fr auto;
		gap: 0.45rem;
	}

	#gameShell .campaign-strip > div:nth-child(2) {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	#gameShell .stat-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	#gameShell .choice-list {
		grid-template-columns: 1fr;
	}

	#gameShell .choice-card {
		min-block-size: var(--merkava-control);
	}

	#gameShell .panel {
		inline-size: 100%;
		max-block-size: min(92dvh, 54rem);
		border-radius: 1rem;
	}

	#gameShell #startOverlay {
		padding:
			max(0.5rem, env(safe-area-inset-top))
			max(1rem, env(safe-area-inset-right))
			max(0.5rem, env(safe-area-inset-bottom))
			max(1rem, env(safe-area-inset-left));
	}

	#gameShell #startOverlay .panel {
		max-block-size: calc(100dvh - 1rem);
	}

	#gameShell .hero-panel > #permanentButton {
		display: block;
		margin-block-start: 1.5rem;
	}

	#gameShell .hero-panel > #recordsButton {
		display: block;
		margin-block-start: 0.45rem;
	}

	#gameShell .gate-label {
		font-size: clamp(0.9rem, 5vw, 1.35rem);
	}

	#gameShell .commander-sigil__actions {
		align-items: stretch;
	}

	#gameShell .commander-sigil__actions > * {
		flex: 1 1 9rem;
	}
}

@media (max-height: 560px) {
	#gameShell .hud {
		font-size: 0.86rem;
	}

	#gameShell .campaign-strip {
		margin-block-end: 0.25rem;
		padding-block: 0.4rem;
	}

	#gameShell .stat-grid {
		margin-block-end: 0.2rem;
	}

	#gameShell .meter-row {
		margin-block: 0.14rem;
	}

	#gameShell .overlay {
		place-items: start center;
	}
}



/* CompactCSS source: /games/Merkava/styles/motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets appearance arrive with intention and disappear without residue;
 * Awtsmoos.com keeps motion local, brief, and optional for every player who asks for stillness.
 */
#gameShell .overlay.visible .panel {
	animation: merkava-panel-reveal var(--merkava-motion-medium) ease both;
}

#gameShell .commander-sigil[data-state="owned"] .commander-sigil__mark {
	animation: merkava-sigil-pulse 1.8s ease-in-out infinite alternate;
}

@keyframes merkava-panel-reveal {
	from {
		opacity: 0;
		transform: translateY(0.7rem) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes merkava-sigil-pulse {
	from {
		box-shadow: 0 0 0 rgba(255, 232, 160, 0);
	}
	to {
		box-shadow: 0 0 1.3rem rgba(255, 232, 160, 0.24);
	}
}

@media (prefers-reduced-motion: reduce) {
	#gameShell *,
	#gameShell *::before,
	#gameShell *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}

	#gameShell :is(button, .commander-sigil__wallet):active,
	#gameShell :is(button, .commander-sigil__wallet):hover {
		transform: none;
	}
}