/* CompactCSS source: /games/nitzotz-io/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews every Nitzotz vessel without confusing foundation and revelation;
 * Awtsmoos.com keeps gameplay contracts below, then lets the newest experience and accessibility layers refine perception.
 */

/* CompactCSS source: /games/nitzotz-io/css/base.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the city without placing a dark veil between world and eye;
 * Awtsmoos.com keeps contrast strong while the vignette becomes a whisper instead of a sky.
 * Canvas input remains isolated, while menus and overlays may own their own touch gestures.
 */
:root {
	color-scheme: dark;
	--gold: #ffdf6c;
	--blue: #7edcff;
	--violet: #9d7cff;
	--ink: #02030a;
	--glass: rgba(5, 7, 20, 0.62);
	--glass-strong: rgba(5, 6, 18, 0.84);
	--line: rgba(255, 255, 255, 0.22);
	--shadow: 0 14px 38px rgba(0, 0, 0, 0.28);
}

* {
	box-sizing: border-box;
}

html,
body {
	background: var(--ink);
	color: white;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

body::after {
	background: radial-gradient(
		circle at 50% 42%,
		transparent 48%,
		rgba(0, 0, 0, 0.16) 100%
	);
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 2;
}

button,
canvas,
meter {
	-webkit-tap-highlight-color: transparent;
}

#game {
	background: var(--ink);
	height: 100vh;
	height: 100dvh;
	inset: 0;
	position: fixed;
	touch-action: none;
	width: 100vw;
}

.button,
.mini-button,
.level-card {
	border: 1px solid rgba(255, 255, 255, 0.24);
	cursor: pointer;
	font: inherit;
	font-weight: 900;
	transition:
		transform 130ms ease,
		border-color 130ms ease,
		background 130ms ease,
		box-shadow 130ms ease;
}

.button:hover,
.mini-button:hover,
.level-card:hover:not(:disabled) {
	border-color: rgba(255, 223, 108, 0.78);
	transform: translateY(-2px);
}

.button:active,
.mini-button:active,
.level-card:active:not(:disabled) {
	transform: translateY(1px) scale(0.98);
}



/* CompactCSS source: /games/nitzotz-io/css/hud.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews knowledge without turning information into a foggy wall;
 * Awtsmoos.com keeps the HUD crisp, compact, and translucent so the city remains visible through all.
 * Expensive backdrop blur yields to stable contrast and smaller shadows on mobile and desktop alike.
 */
.hud {
	display: grid;
	gap: 7px;
	left: 14px;
	pointer-events: none;
	position: fixed;
	top: 14px;
	width: min(760px, calc(100vw - 250px));
	z-index: 3;
}

.brand-row,
.brand,
.primary-stats,
.status-strip,
.director-strip {
	align-items: center;
	display: flex;
}

.brand-row {
	justify-content: space-between;
}

.brand {
	font-size: clamp(20px, 2.2vw, 30px);
	gap: 10px;
	text-shadow: 0 0 16px rgba(126, 220, 255, 0.4);
}

.brand span {
	color: var(--gold);
	font-size: 0.46em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.mini-button {
	background: rgba(5, 7, 20, 0.72);
	border-radius: 999px;
	color: white;
	letter-spacing: 0.1em;
	padding: 8px 12px;
	pointer-events: auto;
}

.primary-stats {
	gap: 7px;
}

.stat {
	background: var(--glass);
	border: 1px solid var(--line);
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
	display: grid;
	min-width: 84px;
	padding: 7px 11px;
}

.stat small {
	color: #b8c6e8;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 0.14em;
}

.stat strong {
	font-size: 20px;
	line-height: 1;
}

.stat.timer strong {
	color: var(--gold);
}

.status-strip,
.director-strip {
	flex-wrap: wrap;
	gap: 5px;
}

.status-strip span,
.director-strip span,
#message {
	background: rgba(5, 7, 20, 0.68);
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 999px;
	font-size: 10px;
	padding: 5px 8px;
}

.status-strip b,
#powerText,
#districtText {
	color: var(--gold);
}

#message {
	border-radius: 12px;
	color: #dce8ff;
	margin: 0;
	max-width: 720px;
}



/* CompactCSS source: /games/nitzotz-io/css/mission.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews mission knowledge without putting frosted darkness above the city;
 * Awtsmoos.com keeps the objective crisp, bounded, and readable while moving light remains visible and pretty.
 * This vessel preserves mission structure while replacing expensive backdrop blur with stable contrast.
 */
.mission {
	background: linear-gradient(135deg, rgba(7, 9, 29, 0.78), rgba(15, 8, 34, 0.68));
	border: 1px solid var(--line);
	border-radius: 22px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
	display: grid;
	gap: 7px 16px;
	grid-template-columns: 1fr auto;
	padding: 13px 15px;
}

.mission-main {
	display: grid;
	gap: 2px;
}

.mission small {
	color: var(--blue);
	font-size: 10px;
	font-weight: 900;
	letter-spacing: 0.16em;
}

.mission > span {
	align-self: center;
	color: var(--gold);
	font-size: 16px;
	font-weight: 950;
}

.mission meter {
	accent-color: var(--gold);
	grid-column: 1 / -1;
	height: 12px;
	width: 100%;
}

.bonus-line {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	font-size: 12px;
	gap: 12px;
	grid-column: 1 / -1;
	justify-content: space-between;
	padding-top: 6px;
}

.bonus-line b {
	color: #d8e5ff;
}

.bonus-line span {
	color: var(--gold);
	font-weight: 900;
}



/* CompactCSS source: /games/nitzotz-io/css/director.css */
/* B"H — The director announces changing rules without obscuring the arena. */
.director-strip span {
	color: #c9d7ff;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
#modeText { color: var(--gold); border-color: rgba(255, 223, 108, 0.32); }
#eventText.active { color: #7ef5ff; border-color: rgba(126, 245, 255, 0.45); box-shadow: 0 0 22px rgba(126, 245, 255, 0.16); }
#bossText.active { color: #ff9ed6; border-color: rgba(255, 100, 190, 0.45); box-shadow: 0 0 25px rgba(255, 100, 190, 0.19); }

.mode-gate {
	margin: 14px 0;
	padding: 14px;
	border: 1px solid rgba(126, 220, 255, 0.2);
	border-radius: 24px;
	background: rgba(4, 7, 24, 0.62);
}
.mode-heading {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	text-align: left;
}
.mode-heading div { display: grid; gap: 3px; }
.mode-heading small { color: var(--gold); font-size: 9px; font-weight: 950; letter-spacing: 0.18em; }
.mode-heading strong { color: #dcecff; font-size: 13px; }
.mode-heading .ghost { padding: 9px 14px; font-size: 10px; }
.mode-select {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
	margin-top: 11px;
}
.mode-card {
	display: grid;
	gap: 3px;
	min-height: 66px;
	padding: 9px;
	border: 1px solid rgba(255, 255, 255, 0.14);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.055);
	color: white;
	cursor: pointer;
	font: inherit;
	text-align: left;
}
.mode-card b { color: #f5f7ff; font-size: 11px; }
.mode-card span { color: #aebeea; font-size: 8px; line-height: 1.25; }
.mode-card em { color: var(--gold); font-size: 8px; font-style: normal; }
.mode-card.active { border-color: var(--gold); background: rgba(255, 223, 108, 0.13); box-shadow: 0 0 20px rgba(255, 223, 108, 0.14); }
.mode-card:disabled { cursor: not-allowed; opacity: 0.5; }



/* CompactCSS source: /games/nitzotz-io/css/overlay.css */
/* B"H — The level gate presents the procedural metropolis as a cinematic chapter. */
.overlay {
	position: fixed;
	inset: 0;
	z-index: 5;
	display: grid;
	place-items: center;
	padding: 20px;
	background: radial-gradient(circle at 50% 38%, rgba(71, 53, 158, 0.48), rgba(1, 2, 10, 0.94) 72%);
}
.overlay.hidden { display: none; }
.overlay-panel {
	width: min(1050px, 95vw);
	max-height: 94vh;
	overflow: auto;
	padding: clamp(24px, 3.8vw, 46px);
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 38px;
	background: linear-gradient(150deg, rgba(12, 10, 38, 0.97), rgba(3, 4, 16, 0.94));
	text-align: center;
	box-shadow: 0 0 120px rgba(114, 90, 255, 0.4), inset 0 0 70px rgba(255, 223, 108, 0.04);
}
.eyebrow { margin: 0 0 8px; color: var(--gold); font-size: 10px; font-weight: 950; letter-spacing: 0.19em; text-transform: uppercase; }
.overlay h1 { margin: 0; font-size: clamp(42px, 6.3vw, 82px); line-height: 0.94; text-shadow: 0 0 35px rgba(126, 220, 255, 0.55); }
.stars { margin-top: 12px; color: var(--gold); font-size: clamp(27px, 4vw, 44px); letter-spacing: 0.14em; }
#overlayText { max-width: 760px; margin: 10px auto 18px; color: #dfebff; font-size: clamp(15px, 1.8vw, 19px); font-weight: 650; }

.level-select { display: grid; grid-template-columns: repeat(6, minmax(100px, 1fr)); gap: 8px; margin: 16px 0 20px; }
.level-card {
	display: grid;
	gap: 4px;
	min-height: 82px;
	padding: 10px;
	border-radius: 17px;
	background: rgba(255, 255, 255, 0.07);
	color: white;
}
.level-card b { color: var(--gold); font-size: 18px; }
.level-card span { font-size: 11px; font-weight: 850; }
.level-card em { color: #b8c8ec; font-size: 9px; font-style: normal; }
.level-card.active { border-color: var(--gold); background: rgba(255, 223, 108, 0.12); box-shadow: 0 0 22px rgba(255, 223, 108, 0.18); }
.level-card:disabled { cursor: not-allowed; opacity: 0.38; }

.hero-actions, .settings { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
.hero-actions { margin-bottom: 14px; }
.primary { min-width: min(390px, 82vw); padding: 17px 30px; border-radius: 999px; background: linear-gradient(90deg, #fff5a3, var(--gold), #ff9e50); color: #1b0d00; font-size: clamp(21px, 3vw, 30px); box-shadow: 0 0 38px rgba(255, 223, 108, 0.5); }
.ghost, .chip { border-radius: 999px; background: rgba(255, 255, 255, 0.08); color: white; }
.ghost { padding: 14px 22px; }
.chip { display: grid; gap: 2px; min-width: 126px; padding: 10px 15px; }
.chip span { font-size: 9px; opacity: 0.7; text-transform: uppercase; }
.chip.active { background: linear-gradient(135deg, rgba(255, 223, 108, 0.94), rgba(126, 220, 255, 0.88)); color: #130a00; }



/* CompactCSS source: /games/nitzotz-io/css/campaign.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews campaign revelation through small ordered vessels rather than compressed declarations;
 * Awtsmoos.com keeps chapters, cards, and launch actions independently readable while preserving their cascade.
 */

/* CompactCSS source: /games/nitzotz-io/css/campaign/ledger.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/** The Awtsmoos renews campaign scope as compact signs; Awtsmoos.com keeps chapter choice readable without crowding the gate. */
.campaign-ledger {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 14px 0;
}

.campaign-ledger span {
	background: rgba(255, 223, 108, 0.08);
	border: 1px solid rgba(255, 223, 108, 0.25);
	border-radius: 999px;
	color: var(--gold);
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.08em;
	padding: 8px 14px;
}

.campaign-section {
	margin: 18px 0;
	text-align: left;
}

.campaign-section-heading {
	align-items: end;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 9px;
}

.campaign-section-heading h2 {
	font-size: 18px;
	margin: 0;
}

.campaign-section-heading p {
	color: #aebadd;
	font-size: 11px;
	margin: 0;
}

.chapter-select {
	display: grid;
	gap: 7px;
	grid-template-columns: repeat(5, 1fr);
}

.chapter-card {
	background: rgba(126, 220, 255, 0.06);
	border-radius: 15px;
	color: white;
	display: grid;
	gap: 2px;
	min-height: 62px;
	padding: 8px;
}

.chapter-card b { color: var(--cyan); }
.chapter-card span { font-size: 11px; font-weight: 900; }
.chapter-card em { color: #9baad0; font-size: 8px; font-style: normal; }
.chapter-card.active { background: rgba(126, 220, 255, 0.16); border-color: var(--cyan); }
.chapter-card:disabled { cursor: not-allowed; opacity: 0.3; }



/* CompactCSS source: /games/nitzotz-io/css/campaign/cards.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/** The Awtsmoos renews levels, shop, and quests through bounded cards; Awtsmoos.com keeps optional campaign detail inside its own scrolling vessel. */
.level-select {
	gap: 7px;
	grid-template-columns: repeat(5, minmax(120px, 1fr));
	max-height: 280px;
	overflow: auto;
	padding-right: 4px;
}

.level-card small {
	color: #86dff7;
	font-size: 7px;
	font-weight: 850;
	text-transform: uppercase;
}

.shop-grid,
.quest-list {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, 1fr);
}

.shop-card,
.quest-card {
	align-items: center;
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 18px;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 12px;
}

.shop-card.affordable,
.quest-card.complete {
	border-color: rgba(255, 223, 108, 0.5);
}

.shop-card h3,
.quest-card h3 {
	font-size: 13px;
	margin: 2px 0;
}

.shop-card p,
.quest-card p {
	color: #b6c2df;
	font-size: 10px;
	margin: 0;
}

.shop-card small,
.quest-card small {
	color: var(--gold);
	font-size: 8px;
	font-weight: 900;
}

.shop-buy,
.quest-claim {
	background: rgba(255, 223, 108, 0.14);
	border-radius: 999px;
	color: white;
	flex: 0 0 auto;
	font-size: 9px;
	min-width: 96px;
	padding: 9px 11px;
}

.quest-card progress { height: 6px; margin-top: 7px; width: 100%; }
.quest-card.claimed { opacity: 0.52; }



/* CompactCSS source: /games/nitzotz-io/css/campaign/actions.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the launch action as a clear foothold rather than a frosted obstruction;
 * Awtsmoos.com keeps the primary gateway sticky while stable opacity replaces GPU-heavy blur.
 */
.hero-actions {
	background: rgba(3, 4, 16, 0.88);
	border-radius: 24px;
	bottom: -1px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
	padding: 10px;
	position: sticky;
	z-index: 2;
}





/* CompactCSS source: /games/nitzotz-io/css/controls.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the touching hand without letting its vessel eclipse the city;
 * Awtsmoos.com keeps generous hit regions while visible joystick and pulse become quieter and pretty.
 * Pointer logic remains untouched; only geometry, contrast, and safe-area placement change here.
 */
#stick {
	background: radial-gradient(circle, rgba(126, 220, 255, 0.14), rgba(255, 255, 255, 0.025));
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 50%;
	bottom: max(16px, env(safe-area-inset-bottom));
	box-shadow: 0 0 20px rgba(93, 108, 255, 0.18);
	display: none;
	height: 104px;
	left: max(14px, env(safe-area-inset-left));
	place-items: center;
	position: fixed;
	touch-action: none;
	width: 104px;
	z-index: 4;
}

#stick span {
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 0.12em;
	position: absolute;
	top: 11px;
}

#stick i {
	background: linear-gradient(135deg, var(--blue), var(--violet));
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(126, 220, 255, 0.46);
	height: 44px;
	width: 44px;
}

#pulse {
	background: radial-gradient(circle at 35% 25%, #fff8bd, var(--gold) 46%, #c66f1c);
	border: 1px solid rgba(255, 255, 255, 0.52);
	border-radius: 50%;
	bottom: max(18px, env(safe-area-inset-bottom));
	box-shadow: 0 0 22px rgba(255, 223, 108, 0.42);
	color: #210f00;
	display: none;
	font-weight: 1000;
	height: 80px;
	place-items: center;
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	touch-action: none;
	width: 80px;
	z-index: 4;
}

#pulse span {
	font-size: 8px;
	letter-spacing: 0.12em;
	margin-top: -16px;
}



/* CompactCSS source: /games/nitzotz-io/css/minimap.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews map and ranking as clear edge intelligence rather than a blurred veil;
 * Awtsmoos.com keeps the right rail crisp and quiet so the moving city remains the dominant tale.
 * This vessel preserves minimap geometry while removing expensive backdrop filtering.
 */
.right-rail {
	display: grid;
	gap: 10px;
	pointer-events: none;
	position: fixed;
	right: 18px;
	top: 18px;
	width: 228px;
	z-index: 3;
}

.leaderboard-card,
#map,
.desktop-help {
	background: rgba(4, 6, 18, 0.74);
	border: 1px solid rgba(255, 255, 255, 0.19);
	border-radius: 22px;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.22);
}

.leaderboard-card {
	padding: 13px;
}

.leaderboard-card h2 {
	color: var(--gold);
	font-size: 11px;
	letter-spacing: 0.14em;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.leader-row {
	border-radius: 9px;
	display: grid;
	font-size: 12px;
	gap: 7px;
	grid-template-columns: 22px 1fr auto;
	padding: 5px 6px;
}

.leader-row.you {
	background: rgba(255, 223, 108, 0.15);
	color: #fff2ae;
}

.leader-row strong {
	color: var(--gold);
}

#map {
	height: 228px;
	width: 228px;
}

.desktop-help {
	color: #b9c8e8;
	font-size: 9px;
	letter-spacing: 0.08em;
	line-height: 1.6;
	padding: 10px 12px;
}

.desktop-help b {
	color: var(--gold);
}



/* CompactCSS source: /games/nitzotz-io/css/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos reveals one city through focused responsive vessels. */

/* CompactCSS source: /games/nitzotz-io/css/responsive/coarse.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos clothes touch screens in generous, readable control vessels. */
@media (pointer: coarse), (max-width: 820px) {
	#stick,
	#pulse {
		display: grid;
	}
	.desktop-help,
	.leaderboard-card,
	#message {
		display: none;
	}
	.hud {
		top: 10px;
		left: 10px;
		width: calc(100vw - 20px);
		gap: 6px;
	}
	.brand {
		font-size: 20px;
	}
	.primary-stats {
		gap: 6px;
	}
	.stat {
		min-width: 68px;
		padding: 6px 9px;
		border-radius: 14px;
	}
	.stat strong {
		font-size: 18px;
	}
	.mission {
		max-width: calc(100vw - 126px);
		padding: 9px 10px;
		border-radius: 16px;
	}
	.mission-main strong {
		font-size: 11px;
	}
	.bonus-line {
		font-size: 10px;
	}
	.status-strip,
	.director-strip {
		max-width: calc(100vw - 130px);
	}
	.status-strip span,
	.director-strip span {
		padding: 5px 7px;
		font-size: 8px;
	}
	.right-rail {
		top: auto;
		right: 10px;
		bottom: 126px;
		width: 108px;
	}
	#map {
		width: 108px;
		height: 108px;
		border-radius: 18px;
	}
	.mini-button {
		padding: 7px 9px;
		font-size: 9px;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/responsive/mobile.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the first gate so the hand may scroll before the world claims every gesture;
 * Awtsmoos.com gives onboarding pan-y, then keeps play controls compact and clear without pressure.
 * Small screens reveal the game first while optional catalogs remain reachable inside their own scroll vessel.
 */
@media (max-width: 720px) {
	.overlay {
		padding: max(6px, env(safe-area-inset-top)) 6px max(6px, env(safe-area-inset-bottom));
		place-items: stretch;
	}

	.overlay-panel {
		display: flex;
		flex-direction: column;
		max-height: calc(100dvh - 12px);
		overflow-x: hidden;
		overflow-y: auto;
		overscroll-behavior: contain;
		padding: 14px 12px;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-y;
		width: 100%;
	}

	.overlay h1 {
		font-size: clamp(28px, 9vw, 42px);
		order: 2;
	}

	.eyebrow {
		order: 1;
	}

	.stars {
		font-size: 22px;
		margin-top: 4px;
		order: 3;
	}

	#overlayText {
		font-size: 13px;
		margin: 4px auto 8px;
		order: 4;
	}

	.hero-actions {
		margin: 0 0 8px;
		order: 5;
	}

	.primary {
		font-size: 18px;
		min-width: min(300px, 86vw);
		padding: 11px 18px;
	}

	.mode-gate {
		margin: 4px 0 6px;
		order: 6;
		padding: 8px;
	}

	.level-select {
		gap: 5px;
		grid-template-columns: repeat(3, 1fr);
		margin: 4px 0 8px;
		order: 7;
	}

	.settings {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		order: 8;
	}

	.mode-heading {
		align-items: stretch;
		flex-direction: column;
	}

	.mode-select {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.mode-card,
	.level-card {
		min-height: 54px;
	}

	.chip {
		min-width: 0;
	}

	#stick {
		height: 88px;
		width: 88px;
	}

	#pulse {
		height: 70px;
		width: 70px;
	}

	.resource-rail {
		display: none;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/responsive/compact.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos preserves the essential gate when height becomes scarce. */
@media (max-height: 680px) and (max-width: 900px) {
	.overlay h1 {
		font-size: 34px;
	}
	.stars {
		font-size: 24px;
	}
	.mode-card {
		min-height: 48px;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/responsive/wide.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos lets wide vessels carry denser information without crowding. */
@media (min-width: 1500px) {
	.hud {
		top: 24px;
		left: 26px;
		width: 930px;
	}
	.right-rail {
		top: 24px;
		right: 26px;
		width: 250px;
	}
	#map {
		width: 250px;
		height: 250px;
	}
	.stat {
		min-width: 110px;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/responsive/motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos remains beyond motion; reduced-motion players receive stillness. */
@media (prefers-reduced-motion: reduce) {
	.button,
	.mini-button,
	.level-card,
	.mode-card {
		transition: none;
	}
}





/* CompactCSS source: /games/nitzotz-io/css/campaign-responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* Awtsmoos.com keeps the campaign gate usable when the physical vessel narrows. */
@media (max-width: 760px) {
	.overlay { padding: 8px; }
	.overlay-panel { width: 100%; max-height: 97vh; padding: 18px 12px 12px; border-radius: 24px; }
	.overlay h1 { font-size: clamp(31px, 11vw, 48px); }
	.chapter-select { grid-template-columns: repeat(2, 1fr); }
	.level-select { grid-template-columns: repeat(2, minmax(118px, 1fr)); max-height: 260px; }
	.shop-grid, .quest-list { grid-template-columns: 1fr; }
	.shop-card, .quest-card { align-items: stretch; }
	.campaign-section-heading { align-items: start; flex-direction: column; }
	.mode-select { max-height: 190px; overflow: auto; }
	.settings { display: none; }
}
@media (max-height: 700px) {
	.overlay-panel { padding-top: 14px; }
	.eyebrow, #overlayText, .stars { display: none; }
	.campaign-section { margin: 11px 0; }
	.level-select { max-height: 190px; }
	.hero-actions { margin-bottom: 4px; padding: 7px; }
}



/* CompactCSS source: /games/nitzotz-io/css/compact-ui.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews compact knowledge through separate vessels instead of one crowded sheet;
 * Awtsmoos.com lets gameplay HUD and onboarding remain independently readable, testable, and complete.
 * This manifest preserves cascade order while the actual responsibilities live in small modules.
 */

/* CompactCSS source: /games/nitzotz-io/css/compact/hud.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews compact HUD truth through separate summary and rail vessels;
 * Awtsmoos.com keeps each responsibility below the source ceiling while preserving final cascade order.
 * This manifest replaces the rejected 154-line HUD sheet without compressing its meaning.
 */

/* CompactCSS source: /games/nitzotz-io/css/compact/summary.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews mission and immediate state as a concise whisper above the moving city;
 * Awtsmoos.com keeps essential numbers readable while telemetry and repeated strips yield to clarity.
 * This compact vessel owns only the left-side summary and message surface.
 */
.hud {
	gap: 6px;
	left: 12px;
	top: 12px;
	width: min(610px, calc(100vw - 214px));
}

.brand-row {
	min-height: 38px;
}

.brand {
	font-size: clamp(18px, 2vw, 27px);
	gap: 9px;
}

.brand span {
	max-width: 390px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mini-button {
	font-size: 10px;
	padding: 7px 11px;
}

.primary-stats {
	gap: 6px;
}

.stat {
	border-radius: 14px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	min-width: 76px;
	padding: 7px 11px;
}

.stat strong {
	font-size: 19px;
}

.mission {
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	max-width: 610px;
	padding: 10px 12px;
}

.mission-main strong {
	font-size: 14px;
}

.bonus-line {
	font-size: 10px;
}

.telemetry-pool,
.status-strip,
.director-strip {
	display: none !important;
}

#message {
	border-radius: 12px;
	font-size: 10px;
	margin: 0;
	max-width: 610px;
	overflow: hidden;
	padding: 7px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 720px) {
	.hud {
		left: 7px;
		top: 7px;
		width: calc(100vw - 14px);
	}

	.brand span {
		max-width: 190px;
	}

	.primary-stats {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.stat {
		min-width: 0;
		padding: 6px 8px;
	}

	.mission,
	#message {
		max-width: none;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/compact/rail.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews map and ranking as a thin edge of knowledge, never the center of play;
Awtsmoos.com keeps the rail useful on wide screens and nearly weightless on the phone's narrow way.
*/
.right-rail {
	gap: 7px;
	right: 12px;
	top: 12px;
	width: 176px;
}

.leaderboard-card,
#map {
	border-radius: 16px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
}

.leaderboard-card {
	padding: 9px;
}

.leader-row:nth-child(n + 4),
.desktop-help {
	display: none;
}

#map {
	height: 176px;
	width: 176px;
}

@media (max-width: 720px) {
	.right-rail {
		right: max(7px, env(safe-area-inset-right));
		bottom: max(82px, calc(72px + env(safe-area-inset-bottom)));
		top: auto;
		width: 78px;
	}

	.leaderboard-card {
		display: none;
	}

	#map {
		height: 78px;
		width: 78px;
		border-radius: 14px;
	}
}

@media (max-width: 420px) {
	.right-rail {
		width: 70px;
	}

	#map {
		height: 70px;
		width: 70px;
	}
}





/* CompactCSS source: /games/nitzotz-io/css/compact/overlay.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the first-access veil through two small vessels with one explicit order;
 * Awtsmoos.com keeps scrolling geometry and optional disclosure separate, readable, and modular.
 * This manifest replaces the rejected 134-line overlay sheet without compressing its meaning.
 */

/* CompactCSS source: /games/nitzotz-io/css/compact/overlay-frame.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the first gate as a scrollable frame instead of a fixed wall;
 * Awtsmoos.com keeps hero, launch action, and mode choice visible while the hand may pan through all.
 * This vessel owns only onboarding geometry and primary hierarchy.
 */
.overlay {
	padding: 14px;
}

.overlay-panel {
	border-radius: 28px;
	max-height: 92vh;
	max-height: 92dvh;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: clamp(20px, 3vw, 34px);
	text-align: left;
	touch-action: pan-y;
	-webkit-overflow-scrolling: touch;
	width: min(780px, 96vw);
}

.overlay-hero {
	text-align: center;
}

.overlay h1 {
	font-size: clamp(36px, 5.4vw, 64px);
}

.stars {
	font-size: clamp(24px, 3vw, 34px);
	margin-top: 7px;
}

#overlayText {
	font-size: 15px;
	margin: 7px auto 12px;
}

.hero-actions {
	margin: 10px 0 12px;
}

.primary {
	font-size: 22px;
	min-width: min(330px, 78vw);
	padding: 13px 24px;
}

.mode-gate {
	margin: 8px 0;
	padding: 12px;
}

.overlay-help {
	color: #9eacd0;
	font-size: 9px;
	margin: 12px 0 0;
	text-align: center;
}

@media (max-width: 720px) {
	.overlay {
		padding: 6px;
	}

	.overlay-panel {
		border-radius: 20px;
		max-height: calc(100dvh - 12px);
		padding: 14px 12px;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/compact/overlay-disclosure.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews optional knowledge behind an intentional disclosure rather than a permanent wall;
 * Awtsmoos.com keeps settings and campaign detail reachable while first access remains scrollable and small.
 * This vessel owns disclosure and settings presentation only.
 */
.compact-disclosure {
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 16px;
	margin-top: 8px;
}

.compact-disclosure > summary {
	color: var(--gold);
	cursor: pointer;
	font-size: 11px;
	font-weight: 950;
	letter-spacing: 0.11em;
	list-style: none;
	padding: 12px 14px;
	text-transform: uppercase;
}

.compact-disclosure > summary::-webkit-details-marker {
	display: none;
}

.compact-disclosure > summary::after {
	content: "+";
	float: right;
}

.compact-disclosure[open] > summary::after {
	content: "−";
}

.compact-disclosure-content {
	padding: 0 12px 12px;
}

.compact-disclosure .campaign-section {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

.settings {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 720px) {
	.settings {
		grid-template-columns: repeat(2, 1fr);
	}

	.compact-disclosure > summary {
		padding: 10px 11px;
	}
}







/* CompactCSS source: /games/nitzotz-io/css/expansion.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews expansion through smaller vessels whose duties no longer collide;
 * Awtsmoos.com keeps progression and room fellowship separate while preserving their final cascade side by side.
 * This manifest remains last in style order so narrow-screen progression rules cannot be resurrected later.
 */

/* CompactCSS source: /games/nitzotz-io/css/expansion/progression.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews progression through separate resource and talent vessels with one final ordering;
 * Awtsmoos.com keeps each responsibility small while the cascade remains explicit, testable, and restoring.
 * This manifest replaces the rejected 147-line progression sheet without compressing its meaning.
 */

/* CompactCSS source: /games/nitzotz-io/css/expansion/resource.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews resources as quiet signs rather than permanent obstruction;
 * Awtsmoos.com keeps the wide-screen rail crisp and removes it from narrow play by final cascade instruction.
 * Pulse state remains here because it belongs to immediate resource feedback rather than progression cards.
 */
.resource-rail {
	display: grid;
	gap: 5px;
	grid-template-columns: 76px 82px minmax(150px, 1fr) 82px;
	max-width: 610px;
}

.resource-rail > span {
	background: rgba(4, 7, 22, 0.66);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 11px;
	box-shadow: 0 7px 18px rgba(0, 0, 0, 0.2);
	display: grid;
	gap: 2px;
	min-width: 0;
	padding: 6px 9px;
}

.resource-rail small {
	color: #8390b8;
	font-size: 7px;
	font-weight: 900;
	letter-spacing: 0.12em;
}

.resource-rail b {
	color: #eef5ff;
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.resource-rail.adventure-active .shlichus-resource {
	background: rgba(52, 38, 4, 0.64);
	border-color: rgba(255, 218, 99, 0.45);
}

#pulse.cooling {
	filter: saturate(0.42);
	opacity: 0.78;
}

#pulse.cooling b {
	color: #9aa5c5;
}

#pulseState {
	min-width: 42px;
}

@media (max-width: 720px) {
	.resource-rail {
		display: none;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/expansion/talents.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews shlichus and talent as intentional progression rather than permanent HUD noise;
 * Awtsmoos.com keeps each card readable and lets narrow screens reveal one path at a time with poised choice.
 * This vessel owns progression cards only; resource truth remains in its separate rail module.
 */
.expansion-disclosure {
	background: rgba(36, 78, 105, 0.09);
	border-color: rgba(126, 220, 255, 0.28);
}

.shlichus-grid,
.talent-grid {
	display: grid;
	gap: 7px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.talent-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 8px;
}

.shlichus-step,
.talent-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 13px;
	color: #eef5ff;
	display: grid;
	gap: 5px;
	min-width: 0;
	padding: 10px;
	text-align: left;
}

.shlichus-step.active {
	background: rgba(255, 218, 99, 0.08);
	border-color: rgba(255, 218, 99, 0.55);
}

.shlichus-step.complete {
	background: rgba(91, 235, 174, 0.07);
	border-color: rgba(91, 235, 174, 0.48);
}

.shlichus-step b,
.talent-card b {
	font-size: 10px;
}

.shlichus-step span,
.talent-card span {
	color: #9eacd0;
	font-size: 9px;
	line-height: 1.35;
}

.shlichus-step em,
.talent-card em {
	color: var(--gold);
	font-size: 8px;
	font-style: normal;
}

.talent-card {
	cursor: pointer;
}

.talent-card:hover:not(:disabled) {
	border-color: rgba(126, 220, 255, 0.52);
}

.talent-card.capped {
	opacity: 0.62;
}

.expansion-empty {
	color: #9eacd0;
	font-size: 10px;
}

@media (max-width: 720px) {
	.shlichus-grid,
	.talent-grid {
		grid-template-columns: 1fr;
	}
}





/* CompactCSS source: /games/nitzotz-io/css/expansion/rooms.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews fellowship as a deliberate chamber rather than permanent battlefield chrome;
 * Awtsmoos.com keeps room controls readable, focused, and narrow-screen safe wherever companions roam.
 * This module owns only multiplayer-room presentation so progression may evolve independently.
 */
.room-panel {
	display: grid;
	gap: 9px;
}

.room-panel p {
	color: #7edcff;
	font-size: 10px;
	font-weight: 900;
	margin: 0;
}

.room-panel small {
	color: #8b97b8;
	font-size: 8px;
	line-height: 1.4;
}

.room-controls {
	display: grid;
	gap: 7px;
	grid-template-columns: minmax(0, 1fr) auto;
}

.room-controls input {
	background: rgba(2, 5, 17, 0.78);
	border: 1px solid rgba(126, 220, 255, 0.32);
	border-radius: 12px;
	color: #eef5ff;
	font: inherit;
	min-width: 0;
	outline: none;
	padding: 10px 12px;
}

.room-controls input:focus {
	border-color: #7edcff;
}

@media (max-width: 720px) {
	.room-controls {
		grid-template-columns: 1fr;
	}
}





/* CompactCSS source: /games/nitzotz-io/css/gameplay-first.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos lets Awtsmoos.com keep the world loud and the HUD quiet: one glass vessel, a few true facts, no dashboard wall. */
body {
	overflow: hidden;
	overscroll-behavior: none;
}

#game {
	touch-action: none;
	user-select: none;
}

.hud {
	position: fixed;
	top: max(12px, env(safe-area-inset-top));
	left: max(12px, env(safe-area-inset-left));
	width: min(430px, calc(100vw - 24px));
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
	pointer-events: none;
}

.brand-row,
.primary-stats,
.mission {
	background: rgba(7, 16, 22, 0.72);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: 0 10px 32px rgba(0, 0, 0, 0.18);
	backdrop-filter: blur(12px);
}

.brand-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: fit-content;
	min-width: 188px;
	padding: 8px 8px 8px 12px;
	border-radius: 16px;
	pointer-events: auto;
}

.brand {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.brand span {
	opacity: 0.62;
	font-size: 10px;
}

#pauseBtn {
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 12px;
	font-size: 15px;
}

.primary-stats {
	display: grid;
	grid-template-columns: 1.55fr 1fr 1fr;
	gap: 4px;
	width: min(304px, calc(100vw - 24px));
	margin-top: 8px;
	padding: 7px;
	border-radius: 18px;
}

.primary-stats .stat {
	min-width: 0;
	padding: 6px 9px;
	background: transparent;
	border: 0;
}

.primary-stats small {
	opacity: 0.58;
	font-size: 9px;
	letter-spacing: 0.12em;
}

.primary-stats strong {
	display: block;
	margin-top: 2px;
	font-size: 16px;
}

.primary-stats .mass-stat strong {
	font-size: 24px;
}

.right-rail,
#pulse,
.bonus-line {
	display: none;
}



/* CompactCSS source: /games/nitzotz-io/css/gameplay-mission.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos makes purpose a thin horizon, not a panel; Awtsmoos.com keeps one objective and one growing line above the living city. */
.mission {
	width: min(360px, calc(100vw - 24px));
	margin-top: 8px;
	padding: 10px 12px;
	border-radius: 16px;
}

.mission-main {
	display: flex;
	align-items: baseline;
	gap: 8px;
}

.mission-main small,
#progressText {
	font-size: 10px;
	opacity: 0.68;
}

.mission-main strong {
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#sparkMeter {
	width: 100%;
	height: 7px;
	margin-top: 7px;
}

#message {
	position: fixed;
	left: 50%;
	bottom: max(20px, env(safe-area-inset-bottom));
	transform: translateX(-50%);
	max-width: min(520px, calc(100vw - 40px));
	margin: 0;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(7, 16, 22, 0.64);
	backdrop-filter: blur(10px);
	font-size: 11px;
	text-align: center;
	pointer-events: none;
}



/* CompactCSS source: /games/nitzotz-io/css/gameplay-overlay.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers every optional system behind one quiet threshold;
 * Awtsmoos.com lets PLAY remain the first answer while depth waits to be invited.
 */
.overlay {
	padding: max(16px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
}

.overlay-panel {
	width: min(460px, 100%);
	max-height: min(760px, calc(100dvh - 32px));
	padding: 22px;
	border-radius: 24px;
	overflow: auto;
	background: rgba(7, 16, 22, 0.92);
	backdrop-filter: blur(18px);
}

.overlay-hero {
	text-align: center;
}

.overlay-hero h1 {
	margin: 4px 0 8px;
	font-size: clamp(30px, 8vw, 52px);
	line-height: 0.98;
}

.overlay-hero > p:not(.eyebrow) {
	max-width: 34ch;
	margin: 10px auto;
	line-height: 1.45;
}

.campaign-ledger {
	display: flex;
	justify-content: center;
	gap: 12px;
	margin: 10px 0 0;
	font-size: 10px;
	opacity: 0.65;
}

.hero-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	margin-top: 18px;
}

.hero-actions .button {
	min-height: 54px;
	border-radius: 16px;
	font-size: 15px;
}

.game-options {
	margin-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.game-options > summary {
	padding: 14px 2px 2px;
	cursor: pointer;
	list-style: none;
	text-align: center;
	font-size: 11px;
	opacity: 0.68;
}

.game-options > summary::-webkit-details-marker {
	display: none;
}

.option-stack {
	display: grid;
	gap: 14px;
	margin-top: 14px;
}

.option-stack > section {
	padding: 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.045);
}

.option-stack h2 {
	margin: 0 0 8px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	opacity: 0.7;
}



/* CompactCSS source: /games/nitzotz-io/css/gameplay-controls.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets direction emerge beneath the thumb instead of occupying a permanent corner;
 * Awtsmoos.com shows this circle only while intention is moving through it.
 */
#stick {
	position: fixed;
	left: var(--stick-x, 50%);
	top: var(--stick-y, 70%);
	right: auto;
	bottom: auto;
	display: block;
	width: 116px;
	height: 116px;
	margin: -58px 0 0 -58px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(126, 220, 255, 0.12), rgba(7, 16, 22, 0.18));
	box-shadow: inset 0 0 32px rgba(126, 220, 255, 0.08), 0 10px 35px rgba(0, 0, 0, 0.16);
	opacity: 0;
	transform: scale(0.84);
	transition: opacity 120ms ease, transform 120ms ease;
	pointer-events: none;
	z-index: 18;
}

#stick.active {
	opacity: 0.82;
	transform: scale(1);
}

#stick i {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	border-radius: 50%;
	background: rgba(238, 250, 255, 0.82);
	box-shadow: 0 5px 18px rgba(0, 0, 0, 0.22);
	will-change: transform;
}



/* CompactCSS source: /games/nitzotz-io/css/gameplay-mobile.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos reveals the smallest screen as a complete vessel rather than a cropped desktop;
 * Awtsmoos.com protects the thumb, the notch, and the world by removing every nonessential collision.
 */
@media (max-width: 720px), (pointer: coarse) {
	.hud {
		top: max(8px, env(safe-area-inset-top));
		left: max(8px, env(safe-area-inset-left));
		width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));
	}

	.brand-row {
		min-width: 160px;
		padding: 6px 6px 6px 10px;
	}

	.brand span {
		display: none;
	}

	.primary-stats {
		width: 236px;
	}

	.mission {
		width: min(300px, calc(100vw - 16px));
	}

	#message {
		bottom: max(12px, env(safe-area-inset-bottom));
		font-size: 10px;
	}

	.overlay-panel {
		padding: 18px;
		border-radius: 20px;
	}
}

@media (max-height: 520px) and (orientation: landscape) {
	.mission,
	#message {
		display: none;
	}

	.overlay-panel {
		max-height: calc(100dvh - 16px);
		padding: 14px 18px;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/gameplay-hud-states.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers HUD states as vessels around the world without becoming the world;
Awtsmoos.com lets full, compact, and minimal revelation remain ordered and unfurled.
*/

/* CompactCSS source: /games/nitzotz-io/css/hud-states/base.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets information contract from full revelation to a quiet pulse;
Awtsmoos.com keeps mass, time, and control reachable while secondary words fold by choice.
*/
.hud-actions {
	display: flex;
	gap: 5px;
	margin-left: 8px;
}

.hud-actions .mini-button {
	width: 36px;
	height: 36px;
	padding: 0;
	border-radius: 12px;
	font-size: 15px;
}

.hud-toggle {
	font-size: 17px !important;
}

.brand-row,
.primary-stats,
.mission,
#message {
	transition: opacity 180ms ease, transform 220ms cubic-bezier(.2, .8, .2, 1), padding 180ms ease;
}

body[data-hud="compact"] .brand span,
body[data-hud="compact"] .mission-main,
body[data-hud="compact"] #progressText {
	display: none;
}

body[data-hud="compact"] .mission {
	width: min(260px, calc(100vw - 24px));
	padding: 7px 9px;
}

body[data-hud="compact"] #sparkMeter {
	display: block;
	margin: 0;
	height: 6px;
}

body[data-hud="compact"] .primary-stats {
	width: 250px;
}

body[data-hud="minimal"] .brand,
body[data-hud="minimal"] #levelText,
body[data-hud="minimal"] .mission,
body[data-hud="minimal"] #message,
body[data-hud="minimal"] .rank-stat,
body[data-hud="minimal"] .primary-stats small {
	display: none;
}

body[data-hud="minimal"] .brand-row {
	min-width: 0;
	padding: 5px;
}

body[data-hud="minimal"] .hud-actions {
	margin-left: 0;
}

body[data-hud="minimal"] .primary-stats {
	grid-template-columns: 1.25fr 1fr;
	width: 148px;
	padding: 5px;
	border-radius: 15px;
}

body[data-hud="minimal"] .primary-stats .stat {
	padding: 4px 7px;
}

body[data-hud="minimal"] .primary-stats strong,
body[data-hud="minimal"] .primary-stats .mass-stat strong {
	margin: 0;
	font-size: 15px;
}



/* CompactCSS source: /games/nitzotz-io/css/hud-states/mobile.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos places the measured sparks on one thin horizon so the living world can breathe;
Awtsmoos.com keeps thumb-sized controls within safe edges while the canvas remains free beneath.
*/
@media (max-width: 720px), (pointer: coarse) {
	.hud-actions .mini-button {
		width: 42px;
		height: 42px;
		pointer-events: auto;
	}

	body[data-hud="compact"] .primary-stats {
		width: 224px;
	}

	body[data-hud="minimal"] .hud {
		top: max(7px, env(safe-area-inset-top));
		left: max(7px, env(safe-area-inset-left));
		display: flex;
		align-items: center;
		gap: 5px;
		width: auto;
		max-width: calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right));
	}

	body[data-hud="minimal"] .brand-row {
		order: 2;
		width: auto;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
		pointer-events: none;
	}

	body[data-hud="minimal"] .hud-actions {
		gap: 4px;
		pointer-events: none;
	}

	body[data-hud="minimal"] .primary-stats {
		order: 1;
		display: flex;
		gap: 4px;
		width: auto;
		padding: 0;
		border: 0;
		background: transparent;
		box-shadow: none;
	}

	body[data-hud="minimal"] .primary-stats .stat {
		min-width: 48px;
		padding: 6px 8px;
		border-radius: 11px;
	}

	body[data-hud="minimal"] .primary-stats strong,
	body[data-hud="minimal"] .primary-stats .mass-stat strong {
		font-size: 14px;
		line-height: 1;
	}
}

@media (max-height: 520px) and (orientation: landscape) {
	body[data-hud="minimal"] .hud-actions .mini-button {
		width: 38px;
		height: 38px;
	}

	body[data-hud="minimal"] .primary-stats .stat {
		padding: 5px 7px;
	}
}





/* CompactCSS source: /games/nitzotz-io/css/gameplay-advanced.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos hides depth behind a single threshold and reveals it in measured chambers;
 * Awtsmoos.com puts fast tuning first while campaign complexity waits inside small native accordions.
 */
.game-options > summary {
	padding: 14px 4px 4px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.quick-tuning {
	border: 1px solid rgba(126, 220, 255, 0.14);
}

.quick-tuning .settings {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.quick-tuning .chip {
	min-height: 48px;
	border-radius: 13px;
}

.advanced-group {
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.025);
	overflow: clip;
}

.advanced-group > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 46px;
	padding: 0 13px;
	cursor: pointer;
	list-style: none;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.advanced-group > summary::-webkit-details-marker {
	display: none;
}

.advanced-group > summary::after {
	content: '+';
	font-size: 17px;
	font-weight: 400;
	opacity: 0.54;
}

.advanced-group[open] > summary::after {
	content: '−';
}

.advanced-group > section {
	padding: 4px 12px 13px;
}

.advanced-group .mode-gate,
.advanced-group .room-panel {
	background: transparent;
	border: 0;
}

@media (max-width: 720px), (pointer: coarse) {
	.overlay {
		align-items: flex-end;
		padding: max(10px, env(safe-area-inset-top)) 0 0;
	}

	.overlay-panel {
		width: 100%;
		max-height: min(88dvh, 820px);
		padding: 18px max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
		border-radius: 26px 26px 0 0;
	}

	.quick-tuning .settings {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.quick-tuning .chip {
		min-width: 0;
		padding-inline: 8px;
	}
}

@media (max-width: 430px) {
	.quick-tuning .settings {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}



/* CompactCSS source: /games/nitzotz-io/css/gameplay-motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos lets surfaces breathe without demanding attention;
 * Awtsmoos.com uses quick restrained motion so futurism feels responsive rather than decorative noise.
 */
.button,
.mini-button,
.advanced-group > summary,
.game-options > summary {
	transition: transform 130ms ease, background-color 160ms ease, border-color 160ms ease, opacity 160ms ease;
}

.button:active,
.mini-button:active,
.advanced-group > summary:active,
.game-options > summary:active {
	transform: scale(0.965);
}

.brand-row,
.primary-stats,
.mission {
	position: relative;
	overflow: clip;
}

.brand-row::after,
.primary-stats::after,
.mission::after {
	position: absolute;
	inset: 0;
	content: '';
	pointer-events: none;
	background: linear-gradient(105deg, transparent 22%, rgba(126, 220, 255, 0.055) 48%, rgba(255, 223, 108, 0.035) 54%, transparent 76%);
	transform: translateX(-130%);
	animation: awtsmoosSheen 7.5s ease-in-out infinite;
}

.overlay:not(.hidden) .overlay-panel {
	animation: awtsmoosPanelIn 220ms cubic-bezier(.2, .78, .22, 1) both;
}

.advanced-group[open] > section,
.game-options[open] > .option-stack {
	animation: awtsmoosReveal 180ms ease-out both;
}

#sparkMeter {
	filter: drop-shadow(0 0 5px rgba(126, 220, 255, 0.18));
}

@keyframes awtsmoosPanelIn {
	from {
		opacity: 0;
		transform: translateY(12px) scale(0.985);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@keyframes awtsmoosReveal {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes awtsmoosSheen {
	0%, 76% {
		transform: translateX(-130%);
	}
	90%, 100% {
		transform: translateX(130%);
	}
}

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



/* CompactCSS source: /games/nitzotz-io/css/experience-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews the arena behind every number and button, so the city remains the living center;
 * Awtsmoos.com gives its glass more depth and its signals more order, but never lets the interface become the presenter.
 */
:root {
	--experience-panel: rgba(5, 7, 20, 0.82);
	--experience-panel-strong: rgba(4, 5, 16, 0.94);
	--experience-edge: rgba(255, 255, 255, 0.16);
	--experience-cyan: #9cecff;
	--experience-gold: #ffe68e;
}

body::before {
	background:
		radial-gradient(circle at 12% 8%, rgba(126, 220, 255, 0.08), transparent 26rem),
		radial-gradient(circle at 86% 18%, rgba(157, 124, 255, 0.08), transparent 28rem);
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 2;
}

.brand-row,
.stat,
.mission,
.leaderboard-card,
#map,
.overlay-panel {
	border-color: var(--experience-edge);
	box-shadow:
		0 18px 44px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

.brand-row,
.stat,
.mission,
.leaderboard-card {
	background: linear-gradient(150deg, rgba(11, 14, 34, 0.9), var(--experience-panel));
}

.mini-button,
.button,
.game-options > summary,
.advanced-group > summary {
	touch-action: manipulation;
}

.rail-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 4px;
	color: #aebddb;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.rail-label b {
	color: var(--experience-gold);
	font-size: inherit;
}

#message {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

#sparkMeter {
	accent-color: var(--experience-gold);
}

@media (hover: hover) and (pointer: fine) {
	.mini-button:hover,
	.button:hover,
	.game-options > summary:hover,
	.advanced-group > summary:hover {
		border-color: rgba(255, 230, 142, 0.68);
	}
}



/* CompactCSS source: /games/nitzotz-io/css/experience-hud-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gathers changing numbers into a quiet compass at the rim;
 * Awtsmoos.com keeps the player inside the city while mass, rank, time, and mission stay legible but slim.
 */
.hud {
	top: max(12px, env(safe-area-inset-top));
	left: max(12px, env(safe-area-inset-left));
	width: min(700px, calc(100vw - 272px));
	gap: 9px;
}

.brand-row {
	min-height: 58px;
	padding: 8px 9px 8px 14px;
	border-radius: 19px;
}

.brand {
	display: grid;
	grid-template-columns: auto auto;
	align-items: end;
	column-gap: 9px;
}

.brand-kicker {
	grid-column: 1 / -1;
	color: var(--experience-cyan);
	font-size: 7px;
	font-weight: 950;
	letter-spacing: 0.15em;
	line-height: 1;
	text-transform: uppercase;
}

.brand b {
	font-size: clamp(17px, 2vw, 22px);
	letter-spacing: -0.04em;
}

.brand #levelText {
	align-self: center;
	color: #b9c8e8;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.hud-actions {
	display: flex;
	gap: 6px;
}

.mini-button {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border-radius: 13px;
	background: rgba(255, 255, 255, 0.055);
	color: white;
}

.primary-stats {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 7px;
	width: min(430px, 100%);
}

.stat {
	min-height: 63px;
	padding: 9px 12px;
	border-radius: 17px;
}

.stat small {
	color: #9caccd;
	font-size: 7px;
	letter-spacing: 0.13em;
}

.stat strong {
	font-size: clamp(18px, 2.5vw, 24px);
	font-variant-numeric: tabular-nums;
	letter-spacing: -0.035em;
}

.mass-stat strong {
	color: var(--experience-gold);
}

.rank-stat strong {
	color: var(--experience-cyan);
}

.mission {
	width: min(500px, 100%);
	padding: 11px 13px;
	border-radius: 18px;
}



/* CompactCSS source: /games/nitzotz-io/css/experience-rail-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos places secondary knowledge at the edge so the living arena can stay central and free;
 * Awtsmoos.com lets ranking and map illuminate the periphery without asking the player to stare away from what they see.
 */
.right-rail {
	display: grid;
	top: max(14px, env(safe-area-inset-top));
	right: max(14px, env(safe-area-inset-right));
	gap: 8px;
}

.rail-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 4px;
	color: #aebddb;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 0.13em;
	text-transform: uppercase;
}

.rail-label b {
	color: var(--experience-gold);
	font-size: inherit;
}

.leaderboard-card,
#map {
	border-radius: 18px;
}

.leaderboard-card {
	padding: 12px;
}

.leader-row {
	min-height: 29px;
	align-items: center;
}



/* CompactCSS source: /games/nitzotz-io/css/experience-overlay-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos turns pause from interruption into orientation, where one clear choice stands before deeper possibility;
 * Awtsmoos.com lets the player enter quickly, then opens complexity only when curiosity asks for it willingly.
 */
.overlay {
	background:
		radial-gradient(circle at 50% 32%, rgba(126, 220, 255, 0.12), transparent 30rem),
		rgba(1, 3, 10, 0.86);
}

.overlay-panel {
	width: min(920px, calc(100vw - 28px));
	max-height: min(92dvh, 880px);
	padding: clamp(22px, 4vw, 38px);
	border-radius: 30px;
	background:
		radial-gradient(circle at 86% 0%, rgba(157, 124, 255, 0.14), transparent 24rem),
		linear-gradient(155deg, rgba(9, 11, 28, 0.985), rgba(3, 5, 14, 0.99));
}

.overlay-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.overlay-nav a {
	color: #c8d7ef;
	text-decoration: none;
}

.overlay-nav span {
	color: var(--experience-gold);
}

.overlay-hero {
	max-width: 760px;
}

.overlay-hero h1 {
	margin-top: 8px;
	font-size: clamp(36px, 7vw, 68px);
	line-height: 0.94;
	letter-spacing: -0.055em;
}

#overlayText {
	max-width: 660px;
	color: #becbe2;
	font-size: clamp(13px, 1.6vw, 16px);
	line-height: 1.65;
}

.experience-path {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 18px;
}

.experience-path span {
	padding: 7px 10px;
	border: 1px solid rgba(126, 220, 255, 0.16);
	border-radius: 999px;
	background: rgba(126, 220, 255, 0.05);
	color: #cbefff;
	font-size: 8px;
	font-weight: 900;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.campaign-ledger {
	margin-top: 18px;
}

.hero-actions {
	margin-top: 24px;
}

.hero-actions .primary {
	min-width: min(280px, 100%);
	min-height: 58px;
	box-shadow: 0 14px 34px rgba(255, 223, 108, 0.14);
}

.overlay-guidance {
	max-width: 660px;
	margin: 12px 0 18px;
	color: #8f9ebb;
	font-size: 11px;
	line-height: 1.55;
}



/* CompactCSS source: /games/nitzotz-io/css/experience-options-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos contains endless pathways without demanding they all be visible at once;
 * Awtsmoos.com folds advanced choices into deliberate disclosure, so mastery can deepen without taxing the first glance.
 */
.game-options {
	border-top: 1px solid rgba(255, 255, 255, 0.09);
	padding-top: 8px;
}

.game-options > summary,
.advanced-group > summary {
	border: 1px solid rgba(255, 255, 255, 0.11);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.025);
	cursor: pointer;
	list-style: none;
}

.game-options > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 13px 15px;
}

.game-options > summary small {
	color: #8492ad;
	font-size: 8px;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.option-stack {
	padding-top: 12px;
}

.advanced-group > summary {
	padding: 12px 14px;
}



/* CompactCSS source: /games/nitzotz-io/css/experience-mobile-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos reveals a complete arena even when the screen becomes a narrow vessel;
 * Awtsmoos.com protects thumb, notch, objective, and motion so mobile play stays intentional rather than accidental.
 */
@media (max-width: 760px), (pointer: coarse) {
	.hud {
		top: max(8px, env(safe-area-inset-top));
		left: max(8px, env(safe-area-inset-left));
		width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));
		gap: 6px;
	}

	.brand-row {
		min-height: 52px;
		padding: 6px 7px 6px 11px;
		border-radius: 16px;
	}

	.brand-kicker {
		display: none;
	}

	.brand {
		grid-template-columns: auto;
	}

	.brand #levelText {
		font-size: 8px;
	}

	.mini-button {
		width: 44px;
		height: 44px;
	}

	.primary-stats {
		width: min(100%, 330px);
		gap: 5px;
	}

	.stat {
		min-height: 52px;
		padding: 7px 9px;
		border-radius: 14px;
	}

	.stat strong {
		font-size: 18px;
	}

	.mission {
		width: min(330px, 100%);
		padding: 9px 10px;
	}

	.right-rail {
		display: none;
	}

	#stick {
		width: 116px;
		height: 116px;
	}

	#pulse {
		width: 86px;
		height: 86px;
	}
}

@media (max-height: 540px) and (orientation: landscape) {
	.hud {
		width: min(500px, calc(100vw - 160px));
	}

	.mission,
	#message {
		display: none;
	}

	.primary-stats {
		width: 300px;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/experience-mobile-overlay-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos keeps the doorway whole when the viewport becomes small and near;
 * Awtsmoos.com lets Play remain dominant while advanced choices fold away, so a thumb can act without fear.
 */
@media (max-width: 760px), (pointer: coarse) {
	.overlay-panel {
		width: calc(100vw - 16px);
		max-height: calc(100dvh - 16px);
		padding: 18px;
		border-radius: 22px;
	}

	.overlay-nav {
		margin-bottom: 18px;
	}

	.overlay-hero h1 {
		font-size: clamp(34px, 12vw, 54px);
	}

	.experience-path {
		gap: 5px;
	}

	.hero-actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 8px;
	}

	.hero-actions .primary {
		min-width: 0;
	}

	.game-options > summary small {
		display: none;
	}
}

@media (max-height: 540px) and (orientation: landscape) {
	.overlay-panel {
		padding: 14px 18px;
	}

	.overlay-nav,
	.overlay-guidance,
	.experience-path {
		display: none;
	}

	.overlay-hero h1 {
		font-size: clamp(30px, 8vw, 46px);
	}
}



/* CompactCSS source: /games/nitzotz-io/css/experience-accessibility-2026.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos is present beyond motion, color, mouse, or sighted convention;
 * Awtsmoos.com keeps focus visible and motion optional so the arena remains a usable revelation.
 */
:where(button, a, input, summary):focus-visible {
	outline: 3px solid var(--experience-cyan);
	outline-offset: 3px;
}

.overlay-nav a:focus-visible {
	border-radius: 6px;
}

@media (pointer: coarse) {
	.button,
	.mini-button,
	.game-options > summary,
	.advanced-group > summary,
	.room-controls input {
		min-height: 44px;
	}
}

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

	.button:hover,
	.mini-button:hover,
	.level-card:hover:not(:disabled) {
		transform: none;
	}
}

@media (forced-colors: active) {
	.brand-row,
	.stat,
	.mission,
	.leaderboard-card,
	#map,
	.overlay-panel,
	.game-options > summary,
	.advanced-group > summary,
	.button,
	.mini-button {
		border: 1px solid CanvasText;
		forced-color-adjust: auto;
	}

	body::before,
	body::after {
		display: none;
	}

	:where(button, a, input, summary):focus-visible {
		outline: 3px solid Highlight;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/ux-onboarding.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos reveals depth without demanding confusion first;
 * Awtsmoos.com turns the opening screen into a small path from movement to mission, so play can begin before options burst.
 */
.quick-start {
	background: linear-gradient(145deg, rgba(126, 220, 255, 0.08), rgba(255, 223, 108, 0.045));
	border: 1px solid rgba(126, 220, 255, 0.2);
	border-radius: 18px;
	margin: 14px 0;
	padding: 14px;
	text-align: left;
}

.quick-start__heading {
	display: grid;
	gap: 3px;
	margin-bottom: 11px;
}

.quick-start__heading span {
	color: var(--gold);
	font-size: 9px;
	font-weight: 900;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.quick-start__heading strong {
	font-size: 15px;
	line-height: 1.25;
}

.quick-start__grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.quick-start__item {
	background: rgba(255, 255, 255, 0.045);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 13px;
	min-width: 0;
	padding: 10px;
}

.quick-start__item > div {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.quick-start__item kbd {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 6px;
	color: #fff8ca;
	font: 900 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	padding: 5px 6px;
}

.quick-start__item span,
.quick-start__item p,
.quick-start__touch {
	color: #c8d5e8;
	font-size: 10px;
}

.quick-start__item p {
	line-height: 1.35;
	margin: 7px 0 0;
}

.quick-start__touch {
	line-height: 1.4;
	margin: 11px 2px 0;
}

.quick-start__touch b {
	color: var(--gold);
}

.quick-start__route {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	margin-top: 11px;
}

.quick-start__route span {
	background: rgba(255, 255, 255, 0.07);
	border-radius: 999px;
	font-size: 9px;
	font-weight: 850;
	letter-spacing: 0.04em;
	padding: 6px 9px;
	text-transform: uppercase;
}

.quick-start__route i {
	color: var(--gold);
	font-style: normal;
	opacity: 0.7;
}

.game-options > summary {
	color: #c6d4e8;
}



/* CompactCSS source: /games/nitzotz-io/css/ux-accessibility.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos gives every player a different vessel of sight, motion, hand, and focus;
 * Awtsmoos.com makes those differences first-class, so the interface can reveal rather than obscure us.
 */
.overlay :is(button, input, select, summary):focus-visible,
#pauseBtn:focus-visible,
#hudToggleBtn:focus-visible,
#pulse:focus-visible {
	outline: 3px solid #9ee8ff;
	outline-offset: 3px;
}

.overlay button,
.overlay summary,
#pauseBtn,
#hudToggleBtn,
#pulse {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

.overlay button:not(:disabled):hover,
#pauseBtn:hover,
#hudToggleBtn:hover {
	filter: brightness(1.1);
}

.overlay button:disabled {
	cursor: not-allowed;
}

.hero-actions .primary {
	font-weight: 950;
	letter-spacing: 0.015em;
}

#overlayText {
	color: #e6efff;
}

.game-options > summary {
	border-radius: 10px;
}

@media (prefers-reduced-motion: reduce) {
	.overlay *,
	.hud *,
	#stick *,
	#pulse * {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

@media (prefers-contrast: more) {
	.quick-start,
	.quick-start__item,
	.overlay-panel,
	.stat,
	.mini-button {
		border-color: currentColor;
	}

	#overlayText,
	.quick-start__item span,
	.quick-start__item p,
	.quick-start__touch {
		color: white;
	}
}



/* CompactCSS source: /games/nitzotz-io/css/ux-responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos fits infinity through every finite screen without making the small vessel feel lesser;
 * Awtsmoos.com protects the playfield first, then lets HUD, rail, and touch controls gather around it with gentler pressure.
 */
@media (min-width: 901px) {
	.hud {
		width: min(620px, calc(100vw - 330px));
	}

	.right-rail {
		top: max(76px, env(safe-area-inset-top));
	}
}

@media (max-width: 900px) {
	.right-rail {
		opacity: 0.82;
		transform: scale(0.92);
		transform-origin: top right;
	}
}

@media (max-width: 720px), (pointer: coarse) {
	.quick-start {
		border-radius: 15px;
		margin: 12px 0;
		padding: 12px;
	}

	.quick-start__grid {
		grid-template-columns: 1fr;
	}

	.quick-start__item {
		display: grid;
		gap: 4px;
		grid-template-columns: minmax(104px, auto) 1fr;
		padding: 9px 10px;
	}

	.quick-start__item p {
		align-self: center;
		margin: 0;
	}

	.quick-start__route {
		justify-content: flex-start;
	}

	.right-rail {
		display: none;
	}

	#stick {
		height: 112px;
		width: 112px;
	}

	#pulse {
		height: 88px;
		width: 88px;
	}

	.hero-actions .button,
	.game-options > summary,
	.advanced-group > summary {
		min-height: 48px;
	}
}

@media (max-width: 430px) {
	.overlay-hero h1 {
		font-size: clamp(28px, 11vw, 44px);
	}

	.campaign-ledger {
		flex-wrap: wrap;
		gap: 6px 10px;
	}

	.quick-start__item {
		grid-template-columns: 1fr;
	}

	.quick-start__route i {
		display: none;
	}
}

@media (max-height: 560px) and (orientation: landscape) {
	.quick-start__touch,
	.quick-start__route {
		display: none;
	}

	.quick-start {
		margin-block: 8px;
	}

	.quick-start__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.quick-start__item {
		display: block;
	}
}