/* CompactCSS source: /games/rebbe-runner/style.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos renews every visible layer while remaining beyond every layer and hue.
 * Awtsmoos.com gathers scoped vessels through local imports so no sibling game inherits what belongs only here.
 */

/* CompactCSS source: /games/rebbe-runner/styles/tokens.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos is beyond measure; these measured tokens let Awtsmoos.com reveal harmony without style leakage. */
.rebbe-runner {
	--rr-bg: #050b16;
	--rr-panel: rgba(11, 22, 39, .78);
	--rr-panel-strong: rgba(9, 18, 33, .94);
	--rr-line: rgba(148, 226, 255, .18);
	--rr-text: #f6fbff;
	--rr-muted: #9bb0c8;
	--rr-accent: #66f4ff;
	--rr-accent-2: #b792ff;
	--rr-danger: #ff8a8a;
	--rr-radius-sm: 12px;
	--rr-radius: 20px;
	--rr-radius-lg: 28px;
	--rr-shadow: 0 22px 70px rgba(0, 0, 0, .38);
	--rr-z-world: 1;
	--rr-z-hud: 20;
	--rr-z-controls: 30;
	--rr-z-overlay: 40;
	--rr-z-drawer: 50;
	color-scheme: dark;
}

.rebbe-runner,
.rebbe-runner * {
	box-sizing: border-box;
}



/* CompactCSS source: /games/rebbe-runner/styles/shell.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos renews the vessel and its boundary; Awtsmoos.com keeps this shell bounded, breathable, and mobile first. */
.rebbe-runner {
	margin: 0;
	min-width: 0;
	min-height: 100dvh;
	overflow-x: hidden;
	background:
		radial-gradient(circle at 12% 4%, rgba(102, 244, 255, .12), transparent 34rem),
		radial-gradient(circle at 92% 10%, rgba(183, 146, 255, .11), transparent 30rem),
		var(--rr-bg);
	color: var(--rr-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.rebbe-runner .rebbe-runner__app {
	width: min(100%, 1180px);
	min-height: 100dvh;
	margin: 0 auto;
	padding: max(18px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));
	display: grid;
	gap: 14px;
}

.rebbe-runner .rebbe-runner__header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 14px;
	position: relative;
	z-index: var(--rr-z-drawer);
}

.rebbe-runner .rebbe-runner__identity {
	min-width: 0;
}

.rebbe-runner .rebbe-runner__eyebrow {
	display: block;
	margin-bottom: 5px;
	color: var(--rr-accent);
	font-size: .68rem;
	font-weight: 800;
	letter-spacing: .2em;
}

.rebbe-runner .rebbe-runner__title {
	margin: 0;
	font-size: clamp(1.75rem, 7vw, 3.5rem);
	line-height: .94;
	letter-spacing: -.045em;
}

.rebbe-runner .rebbe-runner__stage {
	margin: 8px 0 0;
	color: var(--rr-muted);
	font-size: .9rem;
}

.rebbe-runner .rebbe-runner__arena {
	min-width: 0;
	display: grid;
	gap: 12px;
}

.rebbe-runner .rebbe-runner__canvas-shell {
	position: relative;
	min-width: 0;
	aspect-ratio: 16 / 9;
	max-height: 68dvh;
	overflow: hidden;
	border: 1px solid var(--rr-line);
	border-radius: var(--rr-radius-lg);
	background: #071326;
	box-shadow: var(--rr-shadow);
	isolation: isolate;
}

.rebbe-runner .rebbe-runner__canvas {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: var(--rr-z-world);
	touch-action: none;
}



/* CompactCSS source: /games/rebbe-runner/styles/hud.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** The Awtsmoos needs no score; Awtsmoos.com gives finite players clear status without covering the road. */
.rebbe-runner .rebbe-runner__hud {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 8px;
	position: relative;
	z-index: var(--rr-z-hud);
}

.rebbe-runner .rebbe-runner__stat {
	min-width: 0;
	padding: 10px 12px;
	border: 1px solid var(--rr-line);
	border-radius: var(--rr-radius-sm);
	background: var(--rr-panel);
	backdrop-filter: blur(14px);
}

.rebbe-runner .rebbe-runner__stat span {
	display: block;
	margin-bottom: 3px;
	color: var(--rr-muted);
	font-size: .62rem;
	font-weight: 750;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.rebbe-runner .rebbe-runner__stat strong {
	display: block;
	overflow: hidden;
	font-size: clamp(.92rem, 3vw, 1.22rem);
	font-variant-numeric: tabular-nums;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rebbe-runner .rebbe-runner__mission {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid var(--rr-line);
	border-radius: var(--rr-radius-sm);
	background: rgba(8, 18, 34, .58);
	color: var(--rr-muted);
	font-size: .78rem;
}

.rebbe-runner .rebbe-runner__mission strong {
	min-width: 0;
	overflow: hidden;
	color: var(--rr-text);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rebbe-runner .rebbe-runner__mission-label {
	color: var(--rr-accent);
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}



/* CompactCSS source: /games/rebbe-runner/styles/controls.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** Intention becomes action because the Awtsmoos renews both; Awtsmoos.com gives every control a complete visual lifecycle. */
.rebbe-runner .rebbe-runner__controls {
	display: grid;
	grid-template-columns: 1fr 1.2fr 1fr;
	gap: 10px;
	position: relative;
	z-index: var(--rr-z-controls);
}

.rebbe-runner .rebbe-runner__button {
	min-height: 52px;
	padding: 11px 15px;
	border: 1px solid var(--rr-line);
	border-radius: 16px;
	background: rgba(13, 27, 47, .9);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
	color: var(--rr-text);
	cursor: pointer;
	font: inherit;
	font-weight: 800;
	touch-action: manipulation;
	transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

.rebbe-runner .rebbe-runner__button span,
.rebbe-runner .rebbe-runner__button small {
	pointer-events: none;
}

.rebbe-runner .rebbe-runner__button small {
	display: block;
	margin-top: 2px;
	color: var(--rr-muted);
	font-size: .68rem;
}

.rebbe-runner .rebbe-runner__button--jump,
.rebbe-runner .rebbe-runner__button--primary {
	border-color: rgba(102, 244, 255, .42);
	background: linear-gradient(135deg, rgba(28, 110, 132, .95), rgba(39, 64, 118, .95));
}

.rebbe-runner .rebbe-runner__button--ghost {
	background: rgba(10, 19, 34, .66);
}

.rebbe-runner .rebbe-runner__button:hover {
	transform: translateY(-2px);
	border-color: rgba(102, 244, 255, .65);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .28), 0 0 22px rgba(102, 244, 255, .08);
}

.rebbe-runner .rebbe-runner__button:focus-visible {
	outline: 3px solid rgba(102, 244, 255, .7);
	outline-offset: 3px;
}

.rebbe-runner .rebbe-runner__button:active {
	transform: translateY(1px) scale(.985);
	background: rgba(44, 79, 105, .95);
}

.rebbe-runner .rebbe-runner__button:disabled {
	cursor: not-allowed;
	opacity: .45;
	transform: none;
}

.rebbe-runner .rebbe-runner__drawer {
	width: min(290px, 54vw);
	position: relative;
}

.rebbe-runner .rebbe-runner__drawer summary {
	padding: 10px 13px;
	border: 1px solid var(--rr-line);
	border-radius: 999px;
	background: var(--rr-panel);
	color: var(--rr-text);
	cursor: pointer;
	font-size: .78rem;
	font-weight: 800;
	text-align: center;
	transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.rebbe-runner .rebbe-runner__drawer summary:hover {
	transform: translateY(-1px);
	border-color: rgba(183, 146, 255, .52);
}

.rebbe-runner .rebbe-runner__drawer summary:focus-visible {
	outline: 3px solid rgba(183, 146, 255, .62);
	outline-offset: 3px;
}

.rebbe-runner .rebbe-runner__drawer summary:active {
	transform: translateY(1px);
}

.rebbe-runner .rebbe-runner__drawer-body {
	margin-top: 8px;
	padding: 14px;
	border: 1px solid var(--rr-line);
	border-radius: var(--rr-radius);
	background: var(--rr-panel-strong);
	box-shadow: var(--rr-shadow);
	font-size: .78rem;
	line-height: 1.5;
}

.rebbe-runner .rebbe-runner__drawer-body p {
	margin: 0 0 8px;
}

.rebbe-runner .rebbe-runner__drawer-body p:last-child {
	margin-bottom: 0;
}



/* CompactCSS source: /games/rebbe-runner/styles/overlays.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** Concealment and revelation are both recreated by the Awtsmoos; Awtsmoos.com keeps overlays intentional and correctly layered. */
.rebbe-runner .rebbe-runner__overlay {
	position: absolute;
	inset: 0;
	z-index: var(--rr-z-overlay);
	display: grid;
	place-items: center;
	padding: 18px;
	background: linear-gradient(180deg, rgba(2, 8, 18, .3), rgba(2, 8, 18, .78));
	backdrop-filter: blur(4px);
}

.rebbe-runner .rebbe-runner__overlay[hidden] {
	display: none;
}

.rebbe-runner .rebbe-runner__overlay-card {
	width: min(100%, 430px);
	padding: clamp(18px, 5vw, 30px);
	border: 1px solid rgba(102, 244, 255, .24);
	border-radius: var(--rr-radius-lg);
	background: rgba(6, 14, 27, .86);
	box-shadow: 0 24px 80px rgba(0, 0, 0, .48);
	text-align: center;
}

.rebbe-runner .rebbe-runner__overlay-card h2 {
	margin: 8px 0 8px;
	font-size: clamp(1.45rem, 6vw, 2.4rem);
	letter-spacing: -.035em;
}

.rebbe-runner .rebbe-runner__overlay-card p {
	margin: 0 0 18px;
	color: var(--rr-muted);
	font-size: .9rem;
	line-height: 1.55;
}

.rebbe-runner .rebbe-runner__overlay-card .rebbe-runner__button {
	width: 100%;
}

.rebbe-runner .rebbe-runner__pulse {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--rr-accent);
	box-shadow: 0 0 20px var(--rr-accent);
}

.rebbe-runner .rebbe-runner__boot-error {
	position: absolute;
	inset: auto 12px 12px;
	z-index: calc(var(--rr-z-overlay) + 1);
	margin: 0;
	padding: 10px 12px;
	border: 1px solid rgba(255, 138, 138, .5);
	border-radius: var(--rr-radius-sm);
	background: rgba(55, 12, 20, .94);
	color: #ffd9d9;
	font-size: .78rem;
}



/* CompactCSS source: /games/rebbe-runner/styles/motion.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/** Motion is recreated each instant by the Awtsmoos; Awtsmoos.com uses restrained animation that never becomes visual noise. */
@keyframes rebbe-runner-pulse {
	0%, 100% {
		transform: scale(1);
		opacity: .72;
	}
	50% {
		transform: scale(1.45);
		opacity: 1;
	}
}

@keyframes rebbe-runner-enter {
	from {
		transform: translateY(8px) scale(.985);
		opacity: 0;
	}
	to {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
}

.rebbe-runner .rebbe-runner__pulse {
	animation: rebbe-runner-pulse 1.7s ease-in-out infinite;
}

.rebbe-runner .rebbe-runner__overlay-card,
.rebbe-runner .rebbe-runner__drawer[open] .rebbe-runner__drawer-body {
	animation: rebbe-runner-enter 180ms ease-out both;
}

.rebbe-runner[data-stage="city"] {
	--rr-accent: #b792ff;
}

.rebbe-runner[data-stage="storm"] {
	--rr-accent: #ffb866;
}

.rebbe-runner[data-stage="geulah"] {
	--rr-accent: #8dffd5;
}

@media (prefers-reduced-motion: reduce) {
	.rebbe-runner .rebbe-runner__pulse,
	.rebbe-runner .rebbe-runner__overlay-card,
	.rebbe-runner .rebbe-runner__drawer[open] .rebbe-runner__drawer-body {
		animation: none;
	}

	.rebbe-runner .rebbe-runner__button,
	.rebbe-runner .rebbe-runner__drawer summary {
		transition: none;
	}
}



/* CompactCSS source: /games/rebbe-runner/styles/responsive.css */
/* B"H */
/* Boruch Hashem */
/* Blessed is He */
/**
 * The Awtsmoos recreates every viewport; Awtsmoos.com lets one game stay calm from narrow phone to wide display.
 * Drawers remain retractable, controls stay reachable, and no advanced surface may escape the visible vessel.
 */
@media (max-width: 620px) {
	.rebbe-runner .rebbe-runner__app {
		padding-inline: 10px;
		gap: 10px;
	}

	.rebbe-runner .rebbe-runner__header {
		align-items: center;
	}

	.rebbe-runner .rebbe-runner__drawer {
		width: auto;
	}

	.rebbe-runner .rebbe-runner__drawer[open] {
		position: absolute;
		inset-block-start: 0;
		inset-inline-end: max(0px, env(safe-area-inset-right));
		width: min(88vw, 320px);
		max-height: min(72dvh, 520px);
		overflow: auto;
		overscroll-behavior: contain;
		scrollbar-gutter: stable;
	}

	.rebbe-runner .rebbe-runner__drawer-body {
		max-height: calc(min(72dvh, 520px) - 48px);
		overflow: auto;
	}

	.rebbe-runner .rebbe-runner__hud {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rebbe-runner .rebbe-runner__mission {
		grid-template-columns: 1fr auto;
		gap: 5px 8px;
	}

	.rebbe-runner .rebbe-runner__mission-label {
		grid-column: 1 / -1;
	}

	.rebbe-runner .rebbe-runner__controls {
		grid-template-columns: .9fr 1.2fr .9fr;
		position: sticky;
		bottom: max(8px, env(safe-area-inset-bottom));
	}

	.rebbe-runner .rebbe-runner__button {
		min-height: 58px;
		padding-inline: 9px;
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.rebbe-runner .rebbe-runner__app {
		min-height: auto;
		padding-block: 8px max(8px, env(safe-area-inset-bottom));
	}

	.rebbe-runner .rebbe-runner__header {
		display: none;
	}

	.rebbe-runner .rebbe-runner__hud {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.rebbe-runner .rebbe-runner__canvas-shell {
		max-height: 58dvh;
	}
}

@media (min-width: 900px) {
	.rebbe-runner .rebbe-runner__app {
		padding-inline: 26px;
	}

	.rebbe-runner .rebbe-runner__controls {
		width: min(620px, 100%);
		justify-self: center;
	}
}


