/* CompactCSS source: /games/sefira-clash/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos clothes one arena in many local garments; Awtsmoos.com imports each scoped vessel in order so no stray style can wander beyond its purpose. */

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

/**
 * The Awtsmoos renews the base vessel in this instant, revealing
 * its focused css service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/**
 * The outer CSS vessel joins foundation, shell, menu frame, and motion mercy.
 * The Awtsmoos renews one visual world through smaller laws that remain readable,
 * focused, and easy to tune without compressing the whole battlefield together.
 */

/* CompactCSS source: /games/sefira-clash/css/foundation.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the foundation vessel in this instant, revealing
 * its focused css service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/**
 * Foundation variables and browser behavior hold the game's outermost boundaries.
 * The Awtsmoos has no limiting form, yet these small vessels protect readable color,
 * safe focus, intentional touch, and a stable full-screen world.
 */
:root {
	color-scheme: dark;
	font-family:
		Inter,
		ui-sans-serif,
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		sans-serif;
	font-synthesis: none;
	--ink: #fff3c9;
	--muted: #cdbb8d;
	--gold: #ffe082;
	--cyan: #84f7ff;
	--night: #050409;
}

html,
body {
	background: var(--night);
	color: var(--ink);
	height: 100%;
	height: 100dvh;
	margin: 0;
	overflow: hidden;
	overscroll-behavior: none;
	touch-action: none;
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}

button,
select,
canvas,
.touchControls,
.touchControls * {
	font: inherit;
	touch-action: none !important;
	-webkit-user-drag: none !important;
}

button:focus-visible,
select:focus-visible {
	outline: 3px solid var(--cyan);
	outline-offset: 3px;
}

h1,
p,
label {
	margin: 0;
}

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



/* CompactCSS source: /games/sefira-clash/css/shell.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the shell vessel in this instant, revealing
 * its focused css service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */

/* CompactCSS source: /games/sefira-clash/css/shell/menu-overlay.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the menu overlay vessel in this instant, revealing
 * its focused css shell service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/**
 * The menu overlay is a visible vessel over the living arena.
 * The Awtsmoos renews hierarchy, safe-area breathing room, and readable gold
 * within every viewport; Awtsmoos.com lets this surface remain independently
 * responsive without tangling the countdown or root shell.
 */
.menuOverlay {
	background:
		radial-gradient(circle at 80% 0, #45215c88, transparent 35%),
		linear-gradient(180deg, #07040df8, #12091ef2 72%, #050409f8);
	color: var(--ink);
	inset: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: max(18px, env(safe-area-inset-top)) 16px calc(132px + env(safe-area-inset-bottom));
	pointer-events: auto;
	position: fixed;
	-webkit-overflow-scrolling: touch;
	z-index: 80;
}

.menuOverlay.hidden {
	display: none;
}

.menuPanel,
.countdownPanel,
.victoryPanel {
	margin: 0 auto;
	width: min(1120px, 100%);
}

.menuPanel {
	align-content: start;
	display: grid;
	gap: 16px;
	min-height: 100%;
}

.menuPanel h2 {
	color: var(--gold);
	font-size: clamp(30px, 8vw, 66px);
	letter-spacing: -0.05em;
	line-height: 0.96;
	margin: 0;
}

.menuPanel h3 {
	color: var(--cyan);
	font-size: 13px;
	letter-spacing: 0.14em;
	margin: 6px 0 0;
	text-transform: uppercase;
}

.menuPoem {
	color: #ddc992;
	font-size: clamp(15px, 3.6vw, 19px);
	line-height: 1.45;
	max-width: 760px;
}

.instructionBox {
	background: #0009;
	border: 1px solid #e9c67555;
	border-radius: 18px;
	color: #fff4c0;
	font-weight: 800;
	padding: 12px 14px;
}

@media (max-width: 760px) {
	.menuOverlay {
		padding: 16px 12px calc(132px + env(safe-area-inset-bottom));
	}

	.instructionBox {
		font-size: 14px;
	}
}



/* CompactCSS source: /games/sefira-clash/css/shell/countdown.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the countdown vessel in this instant, revealing
 * its focused css shell service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/**
 * The countdown reveals measured time before combat begins.
 * The Awtsmoos creates every number and every instant it names; Awtsmoos.com
 * keeps this centered ceremonial surface separate from menu scrolling and the
 * root shell while preserving the original scale and glow.
 */
.countdownPanel {
	display: grid;
	height: 100%;
	place-items: center;
	text-align: center;
}

.countdownNumber {
	color: var(--gold);
	font-size: clamp(72px, 24vw, 180px);
	font-weight: 1000;
	text-shadow: 0 0 30px #ffe68b;
}

.countdownPanel p {
	color: #fff2be;
	font-size: 20px;
}



/**
 * The root shell is the visible Malchus containing arena and interface.
 * The Awtsmoos renews background, canvas, and hidden developer chrome within
 * one responsive world; Awtsmoos.com keeps this stable import boundary while
 * overlay and countdown vessels remain independently maintainable.
 */
.shell {
	background:
		radial-gradient(circle at 50% -10%, #2b1644 0, transparent 48%),
		linear-gradient(180deg, #090512, var(--night));
	height: 100%;
	position: relative;
}

#olam {
	display: block;
	height: 100dvh;
	width: 100vw;
}

.topbar {
	display: none !important;
}





/* CompactCSS source: /games/sefira-clash/css/menu.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the menu stylesheet constellation within Awtsmoos.com.
 * Each focused import dresses one responsibility without hiding a monolith.
 */

/* CompactCSS source: /games/sefira-clash/css/menu/layout.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the layout vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** B"H — Menu layout: one visible palace, no maze. */
.menuPanel {
	max-height: calc(100vh - 40px);
	overflow: auto;
	scrollbar-width: thin;
}

.menuHero {
	display: grid;
	gap: 10px;
}

.menuEyebrow {
	color: #84f7ff;
	font-size: 12px;
	font-weight: 1000;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

.modeGrid,
.cardGrid,
.levelGrid {
	display: grid;
	gap: 16px;
}

.modeGrid {
	grid-template-columns: minmax(260px, 1.35fr) repeat(3, minmax(190px, 0.9fr));
}

.cardGrid {
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
}

.levelGrid {
	grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
	align-items: stretch;
}

.quickNav {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.quickNav span {
	color: #ddc992;
	font-weight: 800;
}



/* CompactCSS source: /games/sefira-clash/css/menu/cards.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the cards vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** B"H — Cards become huge doors that the thumb cannot miss. */
.modeCard,
.menuCard,
.levelCard {
	background: linear-gradient(145deg, #14091f, #08050d);
	border: 1px solid #e8c66a77;
	border-radius: 24px;
	box-shadow: 0 12px 34px #0008;
	color: #fff0c6;
	cursor: pointer;
	min-height: 132px;
	overflow: hidden;
	padding: 20px;
	position: relative;
	text-align: left;
	transition:
		transform 0.16s,
		box-shadow 0.16s,
		background 0.16s;
}

.modeCard {
	align-content: end;
	display: grid;
	min-height: 210px;
}

.modeCard.featured {
	border-color: #84f7ffcc;
	min-height: 260px;
}

.levelCard {
	align-content: start;
	display: grid;
	min-height: 172px;
}

.modeCard:hover,
.menuCard:hover,
.levelCard:hover,
.modeCard:active,
.menuCard:active,
.levelCard:active {
	background: #1b1028;
	box-shadow: 0 0 28px #e8c66a55;
	transform: translateY(-1px);
}

.cardAura {
	background: radial-gradient(circle at 75% 25%, hsl(var(--h) 90% 60%), transparent 45%);
	inset: -35px;
	opacity: 0.22;
	position: absolute;
}

.modeCard strong,
.modeCard small,
.modeCard em,
.menuCard strong,
.menuCard small,
.menuCard em,
.levelCard strong,
.levelCard small,
.levelMeta,
.modeBadge {
	position: relative;
	z-index: 1;
}

.modeCard strong {
	color: #ffe68b;
	display: block;
	font-size: clamp(26px, 5vw, 38px);
}

.menuCard strong,
.levelCard strong {
	color: #ffe68b;
	display: block;
	font-size: 18px;
}

.modeCard small,
.menuCard small,
.levelCard small {
	color: #cdbb8d;
	display: block;
	line-height: 1.38;
	margin-top: 8px;
}

.modeBadge {
	color: #84f7ff;
	font-size: 11px;
	font-weight: 1000;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}



/* CompactCSS source: /games/sefira-clash/css/menu/buttons.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the buttons vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** B"H — Buttons speak one verb and answer instantly. */
.menuButtonCue,
.primaryMenuButton,
.backMenuButton,
.optionButton,
.colorButton {
	border: 1px solid #ffe08266;
	border-radius: 18px;
	color: #fff1c9;
	font-weight: 1000;
}

.menuButtonCue {
	background: #ffe68b;
	color: #0b0611;
	display: inline-block;
	font-style: normal;
	margin-top: 14px;
	padding: 10px 16px;
}

.primaryMenuButton,
.backMenuButton {
	min-height: 54px;
	padding: 15px 18px;
}

.primaryMenuButton {
	background: #ffe082;
	color: #100813;
}

.backMenuButton {
	background: #130b1f;
	color: #ffe68b;
	width: max-content;
}

.optionGrid,
.colorGrid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
}

.optionButton,
.colorButton {
	background: #120b1f;
	display: grid;
	gap: 5px;
	min-height: 76px;
	padding: 14px;
	place-items: center;
}

.optionButton span {
	font-size: 28px;
}

.optionButton.active,
.colorButton.active {
	background: #ffe082;
	color: #110914;
}

.colorButton span {
	background: hsl(var(--h) 95% 58%);
	border-radius: 50%;
	height: 32px;
	width: 32px;
}



/* CompactCSS source: /games/sefira-clash/css/menu/customize.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the customize vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** B"H — Customization is one calm mirror before the gates open. */
.customizePanel {
	display: grid;
	gap: 14px;
}

.fighterPreview {
	--chosen: 182;
	background: #0008;
	border: 1px solid #ffe08255;
	border-radius: 24px;
	display: grid;
	gap: 6px;
	padding: 20px;
	place-items: center;
}

.fighterPreview strong {
	color: #ffe68b;
	font-size: 20px;
}

.fighterPreview small {
	color: #ddc992;
}

.previewHead {
	background: #080609;
	border: 4px solid hsl(var(--chosen) 95% 65%);
	border-radius: 50%;
	color: hsl(var(--chosen) 95% 65%);
	display: grid;
	font-size: 42px;
	height: 86px;
	place-items: center;
	text-shadow: 0 0 18px hsl(var(--chosen) 95% 65%);
	width: 86px;
}



/* CompactCSS source: /games/sefira-clash/css/menu/lobby.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the local lobby as four readable vessels in Awtsmoos.com.
 * Color, spacing, state, ownership, and honest rules appear before combat begins.
 */
.localLobby {
	display: grid;
	gap: 18px;
	width: min(1180px, calc(100vw - 32px));
}

.lobbyGrid {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(4, minmax(190px, 1fr));
}

.lobbySlot {
	background: #0e0918e8;
	border: 2px solid var(--player-color);
	border-radius: 22px;
	display: grid;
	gap: 12px;
	min-height: 310px;
	padding: 16px;
}

.lobbySlot-closed {
	filter: saturate(0.25);
	opacity: 0.68;
}

.lobbySlotHeader,
.lobbyFooter,
.lobbyRule {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.lobbySlotHeader strong {
	color: var(--player-color);
	font-size: 22px;
}

.lobbySlotHeader span,
.lobbyReadyLabel {
	text-transform: capitalize;
}

.lobbyField,
.lobbyIdentity {
	display: grid;
	gap: 6px;
}

.lobbyField > span,
.lobbyRule > span {
	color: #ddc992;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.lobbySelect,
.lobbyRule input {
	background: #160f23;
	border: 1px solid #ffe08266;
	border-radius: 10px;
	color: #fff1c9;
	min-height: 38px;
	padding: 7px 9px;
}

.lobbyIdentity span,
.lobbyIdentity small {
	color: #d7c9ea;
}

.lobbyRules {
	background: #0e0918d9;
	border: 1px solid #ffe08244;
	border-radius: 18px;
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(3, minmax(150px, 1fr));
	padding: 14px;
}

.lobbyRules h3 {
	grid-column: 1 / -1;
}

.lobbyFooter {
	gap: 14px;
}

@media (max-width: 900px) {
	.lobbyGrid {
		grid-template-columns: repeat(2, minmax(180px, 1fr));
	}

	.lobbyRules {
		grid-template-columns: repeat(2, minmax(130px, 1fr));
	}
}

@media (max-width: 520px) {
	.lobbyGrid,
	.lobbyRules {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /games/sefira-clash/css/menu/adventure.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the adventure vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/**
 * The Adventure style gate joins world chapters and level-state presentation.
 * The Awtsmoos unifies sixty authored roads while smaller CSS vessels preserve
 * readable responsibilities and prevent one campaign stylesheet from swelling.
 */

/* CompactCSS source: /games/sefira-clash/css/menu/adventure/worlds.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the worlds vessel in this instant, revealing
 * its focused css menu adventure service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** Ten luminous world chapters reveal one continuous road from Malchus to Keser. */
.adventurePanel {
	padding-bottom: 24px;
}

.adventureRoad {
	background: linear-gradient(90deg, #84f7ff1f, #ffe0821f), #050409aa;
	border: 1px solid #84f7ff66;
	border-radius: 18px;
	color: #fff4c0;
	font-size: clamp(11px, 2vw, 14px);
	font-weight: 1000;
	letter-spacing: 0.04em;
	overflow-x: auto;
	padding: 12px 14px;
	white-space: nowrap;
}

.adventureWorld {
	background: linear-gradient(145deg, hsl(var(--world-hue) 55% 18% / 0.7), #09050fdd);
	border: 1px solid hsl(var(--world-hue) 75% 65% / 0.45);
	border-radius: 26px;
	box-shadow: 0 22px 60px #0007;
	display: grid;
	gap: 14px;
	overflow: hidden;
	padding: 18px;
	position: relative;
}

.adventureWorld::before {
	background: radial-gradient(circle, hsl(var(--world-hue) 90% 65% / 0.2), transparent 65%);
	content: '';
	height: 220px;
	pointer-events: none;
	position: absolute;
	right: -70px;
	top: -100px;
	width: 220px;
}

.worldHeader {
	align-items: baseline;
	display: grid;
	gap: 5px 14px;
	grid-template-columns: 1fr auto;
	position: relative;
	z-index: 1;
}

.worldHeader strong {
	color: hsl(var(--world-hue) 90% 78%);
	font-size: clamp(19px, 4vw, 28px);
}

.worldHeader span {
	background: #0008;
	border: 1px solid currentColor;
	border-radius: 999px;
	color: hsl(var(--world-hue) 90% 78%);
	font-size: 12px;
	font-weight: 900;
	padding: 5px 9px;
}

.worldHeader small {
	color: #d6c79e;
	grid-column: 1 / -1;
	line-height: 1.4;
}

@media (max-width: 620px) {
	.adventureWorld {
		border-radius: 20px;
		padding: 12px;
	}

	.worldHeader {
		grid-template-columns: 1fr;
	}

	.worldHeader span {
		justify-self: start;
	}
}



/* CompactCSS source: /games/sefira-clash/css/menu/adventure/levels.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the levels vessel in this instant, revealing
 * its focused css menu adventure service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/**
 * Gate state, treasure metadata, and completion light remain readable at a glance.
 * Many cards carry distinct history, while the Awtsmoos renews their common road.
 */
.levelCard.locked {
	cursor: not-allowed;
	filter: saturate(0.4);
	opacity: 0.46;
}

.levelCard.cleared {
	border-color: #84f7ffaa;
	box-shadow: 0 0 24px #84f7ff22;
}

.levelCard.cleared::after {
	color: #84f7ff;
	content: '✓';
	font-size: 28px;
	font-weight: 1000;
	position: absolute;
	right: 12px;
	top: 8px;
}

.levelCard:disabled:hover {
	box-shadow: 0 12px 34px #0008;
	transform: none;
}

.levelMeta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 12px;
}

.levelMeta span {
	background: #0008;
	border: 1px solid #ffe08255;
	border-radius: 999px;
	color: #ffe9a8;
	font-size: 11px;
	padding: 4px 8px;
}

.levelCard.cleared .levelMeta span {
	border-color: #84f7ff77;
}

.adventurePanel h2::after {
	color: #84f7ff;
	content: ' campaign';
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0.15em;
	margin-left: 10px;
	text-transform: uppercase;
}





/* CompactCSS source: /games/sefira-clash/css/menu/victory.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the victory vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** B"H — Victory is not an ending; it is the next button. */
.victoryPanel {
	align-content: center;
	display: grid;
	gap: 14px;
	min-height: 100%;
	text-align: center;
}

.victoryBurst {
	color: #ffe68b;
	font-size: 64px;
}

.victoryEyebrow {
	color: #84f7ff;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.victoryPanel h2 {
	color: #ffe68b;
	font-size: clamp(34px, 10vw, 72px);
	margin: 0;
}

.victoryStats,
.victoryActions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.victoryStats span,
.victoryButton {
	background: #0008;
	border: 1px solid #ffe08255;
	border-radius: 18px;
	color: #fff0c6;
	padding: 10px 14px;
}

.victoryStats strong,
.victoryStats em {
	display: block;
	font-style: normal;
}

.victoryStats em {
	color: #ffe68b;
}

.victoryButton {
	cursor: pointer;
	font-weight: 1000;
}

.victoryButton.next {
	background: #ffe082;
	color: #110914;
}

.victoryButton:disabled {
	opacity: 0.4;
}



/* CompactCSS source: /games/sefira-clash/css/menu/responsive.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the responsive vessel in this instant, revealing
 * its focused css menu service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */
/** B"H — The gate shrinks without becoming a riddle. */
@media (max-width: 940px) {
	.modeGrid {
		grid-template-columns: 1fr 1fr;
	}

	.modeCard.featured {
		grid-column: 1 / -1;
	}
}

@media (max-width: 760px) {
	.modeGrid,
	.cardGrid {
		grid-template-columns: 1fr;
	}

	.levelGrid {
		gap: 10px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.modeCard {
		min-height: 150px;
	}

	.modeCard.featured {
		min-height: 188px;
	}

	.levelCard {
		min-height: 164px;
		padding: 14px;
	}

	.levelMeta span {
		font-size: 11px;
		padding: 3px 6px;
	}
}

@media (max-width: 420px) {
	.levelGrid {
		grid-template-columns: 1fr;
	}

	.levelCard {
		min-height: 132px;
	}
}





/* CompactCSS source: /games/sefira-clash/css/touch.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the touch vessel in this instant, revealing
 * its focused css service within Awtsmoos.com while every
 * import, rule, and value receives existence anew without confused purpose.
 */

/* CompactCSS source: /games/sefira-clash/css/touch/layout.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews hand and battlefield without letting one conceal the other;
 * Awtsmoos.com keeps the touch vessel dormant until a coarse or narrow screen needs it.
 * Visible controls stay at the edges while input ownership remains with the existing JS.
 */
.touchControls {
	align-items: flex-end;
	bottom: max(8px, env(safe-area-inset-bottom));
	display: none;
	gap: 10px;
	justify-content: space-between;
	left: 0;
	opacity: 0.82;
	padding: 0 10px;
	pointer-events: none;
	position: fixed;
	right: 0;
	user-select: none;
	-webkit-user-select: none;
	z-index: 18;
}

.stick {
	background: #ffffff10;
	border: 1px solid #ffffff3d;
	border-radius: 50%;
	box-shadow: 0 2px 10px #0006;
	height: 92px;
	pointer-events: auto;
	position: relative;
	touch-action: none;
	width: 92px;
}

.stick span {
	background: #ffe6a0c9;
	border: 1px solid #fff4c866;
	border-radius: 50%;
	height: 32px;
	left: calc(50% - 16px);
	position: absolute;
	top: calc(50% - 16px);
	width: 32px;
	will-change: transform;
}



/* CompactCSS source: /games/sefira-clash/css/touch/buttons.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews each combat intention without making the button larger than the fight;
 * Awtsmoos.com keeps forty-eight-pixel touch truth while visible chrome becomes quieter and light.
 * Hit areas stay generous; artwork, labels, borders, and shadows stop dominating the battlefield.
 */
.touchButtons {
	align-items: end;
	display: grid;
	gap: 6px;
	grid-auto-rows: 48px;
	grid-template-columns: repeat(3, 52px);
	pointer-events: auto;
}

.touchButtons button {
	align-items: center;
	background: #101b30c7;
	border: 1px solid #e8c66a70;
	border-radius: 14px;
	box-shadow: 0 2px 8px #0006;
	color: #fff1c9;
	display: grid;
	font-weight: 850;
	justify-items: center;
	padding: 2px;
	transition:
		transform 0.08s,
		background 0.08s,
		box-shadow 0.08s;
}

.touchButtons button.primary {
	background: #35225bd9;
	border-radius: 16px;
	height: 52px;
}

.touchButtons button.jumpButton {
	background: #1f4259d9;
}

.touchButtons button.wide {
	border-radius: 14px;
	grid-column: span 3;
	height: 48px;
}

.touchIcon {
	font-size: 18px;
	line-height: 1;
}

.touchButtons .primary .touchIcon {
	font-size: 22px;
}

.touchLabel {
	font-size: 8px;
	letter-spacing: 0.04em;
	line-height: 1;
	text-transform: uppercase;
}

.touchButtons button.held {
	background: #ffe082;
	box-shadow: 0 0 10px #ffe08266;
	color: #100813;
	transform: scale(0.96);
}



/* CompactCSS source: /games/sefira-clash/css/touch/responsive.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews each viewport with the controls appropriate to its hand;
 * Awtsmoos.com hides touch chrome from fine-pointer battle and reveals it on touch or narrow land.
 * No transform scaling is used, so declared hit areas remain truthful to pointer geometry.
 */
@media (pointer: coarse), (max-width: 760px) {
	.touchControls {
		display: flex;
	}
}

@media (pointer: fine) and (min-width: 761px) {
	.touchControls {
		display: none;
	}
}

@media (max-width: 760px) {
	.touchControls {
		bottom: max(7px, env(safe-area-inset-bottom));
		gap: 8px;
		opacity: 0.78;
		padding-left: max(8px, env(safe-area-inset-left));
		padding-right: max(8px, env(safe-area-inset-right));
	}

	.stick {
		height: min(23vw, 88px);
		width: min(23vw, 88px);
	}

	.touchButtons {
		gap: 5px;
		grid-auto-rows: 48px;
		grid-template-columns: repeat(3, 50px);
	}

	.touchButtons button.primary {
		height: 52px;
	}
}

@media (max-height: 640px) and (max-width: 760px) {
	.stick {
		height: min(21vw, 78px);
		width: min(21vw, 78px);
	}

	.touchControls {
		bottom: max(5px, env(safe-area-inset-bottom));
	}
}





/* CompactCSS source: /games/sefira-clash/css/resonance.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * Resonance styles join readable lobby rules, victory statistics, and mobile control
 * refinement without enlarging existing focused stylesheets. The Awtsmoos renews every
 * viewport through Awtsmoos.com while motion, touch, and text remain accessible.
 */

/* CompactCSS source: /games/sefira-clash/css/menu/resonance.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * Lobby rule chips and victory statistic cards reveal resonance truth across wide and
 * narrow screens. The Awtsmoos renews each covenant and result through Awtsmoos.com while
 * text, spacing, and ownership remain readable without depending on color alone.
 */
.lobbyModeChips {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: 8px;
}

.lobbyModeChips em {
	background: #ffffff12;
	border: 1px solid #ffffff28;
	border-radius: 999px;
	color: #e9dcff;
	font-size: 10px;
	font-style: normal;
	font-weight: 850;
	padding: 4px 7px;
}

.lobbyModeButton[data-mode-id='resonance'] {
	background: linear-gradient(135deg, #12344dcc, #2c1e4dcc), #0e0918;
	border-color: #91e9ff88;
}

.lobbyModeButton[data-mode-id='resonance'].selected {
	box-shadow:
		0 0 0 2px #91e9ff,
		0 0 28px #b99cff55;
}

.victoryCombatStats {
	margin: 0 auto;
	max-width: 1040px;
	width: min(100%, calc(100vw - 32px));
}

.victoryCombatStats h3 {
	color: #dffaff;
	margin: 0 0 10px;
}

.victoryCombatStatsGrid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.victoryFighterStats {
	background: #090714e8;
	border: 1px solid #8deaff55;
	border-radius: 16px;
	display: grid;
	gap: 5px;
	padding: 12px;
	text-align: left;
}

.victoryFighterStats header {
	border-bottom: 1px solid #ffffff18;
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
	padding-bottom: 7px;
}

.victoryFighterStats header small {
	color: #baaed0;
}

.victoryFighterStats p {
	display: flex;
	font-size: 12px;
	justify-content: space-between;
	margin: 0;
}

.victoryFighterStats p span {
	color: #cabfe0;
}

.victoryFighterStats p strong {
	color: #fff2ad;
}

@media (max-width: 520px) {
	.lobbyModeChips {
		gap: 4px;
	}

	.lobbyModeChips em {
		font-size: 9px;
		padding: 3px 6px;
	}

	.victoryCombatStatsGrid {
		grid-template-columns: 1fr 1fr;
	}

	.victoryFighterStats {
		padding: 9px;
	}
}

@media (max-width: 380px) {
	.victoryCombatStatsGrid {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /games/sefira-clash/css/touch/resonance.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/

/**
 * The Awtsmoos renews the pressed hand and the resting hand in measured proportion;
 * Awtsmoos.com preserves truthful forty-eight-pixel targets without returning visual distortion.
 * Safe-area, selection, active-state, and reduced-motion protections remain explicit here.
 */
.touchButtons button {
	min-height: 48px;
	min-width: 48px;
	touch-action: none;
	user-select: none;
	-webkit-user-select: none;
}

.touchButtons button[data-act='interact'] {
	background: #1d3d37c9;
	border-color: #9dffb17d;
}

.touchButtons button[data-act='shield'] {
	background: #2b214dc9;
	border-color: #c6adff7d;
}

.touchButtons button:active,
.touchButtons button.held {
	filter: brightness(1.16);
	outline: 2px solid #ffffff7d;
	outline-offset: 1px;
}

@media (max-width: 760px) {
	.touchControls {
		bottom: max(7px, env(safe-area-inset-bottom));
		padding-left: max(8px, env(safe-area-inset-left));
		padding-right: max(8px, env(safe-area-inset-right));
	}

	.touchButtons {
		grid-auto-rows: 48px;
	}

	.touchLabel {
		font-size: 8px;
		letter-spacing: 0.03em;
	}
}

@media (orientation: portrait) and (max-width: 520px) {
	.touchControls {
		align-items: end;
		gap: 8px;
	}

	.stick {
		height: min(22vw, 84px);
		width: min(22vw, 84px);
	}

	.touchButtons {
		grid-template-columns: repeat(3, 48px);
	}

	.touchButtons button:not(.wide) .touchLabel {
		font-size: 7px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.touchButtons button,
	.touchControls,
	.stick span {
		transition: none !important;
	}

	.touchButtons button.held {
		transform: none;
	}
}





/* CompactCSS source: /games/sefira-clash/css/boot-manifest.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/* The Awtsmoos reveals a hidden break as a finite honest sign; Awtsmoos.com keeps this boot vessel locally rooted, responsive, and aligned. */

#sefira-boot-manifest.sefiraBootManifest {
	--boot-surface: rgba(7, 13, 25, 0.94);
	--boot-edge: rgba(140, 205, 255, 0.34);
	--boot-glow: rgba(100, 218, 255, 0.18);
	position: fixed;
	inset: 0;
	z-index: 70;
	display: grid;
	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: radial-gradient(circle at 50% 42%, rgba(36, 90, 118, 0.2), rgba(2, 7, 14, 0.9) 68%);
	color: #eefcff;
	font-family: Inter, ui-sans-serif, system-ui, sans-serif;
	isolation: isolate;
}

#sefira-boot-manifest.sefiraBootManifest[hidden] {
	display: none !important;
}

#sefira-boot-manifest .sefiraBootManifest__card {
	width: min(100%, 32rem);
	padding: clamp(1.2rem, 5vw, 1.9rem);
	border: 1px solid var(--boot-edge);
	border-radius: 1.4rem;
	background: linear-gradient(155deg, var(--boot-surface), rgba(7, 18, 32, 0.88));
	box-shadow: 0 26px 80px rgba(0, 0, 0, 0.46), 0 0 70px var(--boot-glow);
	backdrop-filter: blur(18px);
	text-align: center;
	animation: sefiraBootReveal 220ms ease both;
}

#sefira-boot-manifest .sefiraBootManifest__kicker {
	display: block;
	color: #76e9ff;
	font-size: 0.68rem;
	font-weight: 850;
	letter-spacing: 0.17em;
	text-transform: uppercase;
}

#sefira-boot-manifest .sefiraBootManifest__title {
	margin: 0.5rem 0 0.7rem;
	font-size: clamp(1.65rem, 7vw, 2.7rem);
	line-height: 0.96;
	letter-spacing: -0.05em;
}

#sefira-boot-manifest .sefiraBootManifest__copy {
	margin: 0;
	color: rgba(226, 246, 252, 0.72);
	font-size: 0.88rem;
	line-height: 1.55;
	overflow-wrap: anywhere;
}

#sefira-boot-manifest .sefiraBootManifest__retry {
	margin-top: 1.1rem;
	min-height: 2.9rem;
	padding: 0.7rem 1rem;
	border: 1px solid rgba(118, 233, 255, 0.5);
	border-radius: 0.9rem;
	background: linear-gradient(145deg, rgba(18, 89, 110, 0.95), rgba(8, 39, 55, 0.96));
	color: #f2fdff;
	font: inherit;
	font-weight: 850;
	cursor: pointer;
	transition: transform 150ms ease, border-color 150ms ease, filter 150ms ease, box-shadow 150ms ease;
}

#sefira-boot-manifest[data-boot-state='loading'] .sefiraBootManifest__retry {
	display: none;
}

#sefira-boot-manifest .sefiraBootManifest__retry:hover {
	border-color: #76e9ff;
	filter: brightness(1.12);
	box-shadow: 0 12px 34px rgba(72, 216, 244, 0.15);
}

#sefira-boot-manifest .sefiraBootManifest__retry:active {
	transform: translateY(1px) scale(0.97);
}

#sefira-boot-manifest .sefiraBootManifest__retry:focus-visible {
	outline: 2px solid #76e9ff;
	outline-offset: 3px;
}

@keyframes sefiraBootReveal {
	from {
		opacity: 0;
		transform: translateY(0.55rem) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	#sefira-boot-manifest .sefiraBootManifest__card,
	#sefira-boot-manifest .sefiraBootManifest__retry {
		animation-duration: 1ms;
		transition-duration: 1ms;
	}
}