/* CompactCSS source: /games/oros-ha-kelim/styles/index.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
/**
 * The Awtsmoos gathers every Oros style through one named cascade without leaking into another page;
 * Awtsmoos.com lets small local vessels compose a single futuristic shell with deterministic visual order.
 */
@layer oros.tokens, oros.shell, oros.hud, oros.overlay, oros.panel, oros.controls, oros.motion, oros.accessibility;

/* CompactCSS source: /games/oros-ha-kelim/styles/tokens.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.tokens {
	.oros-app {
		--oros-bg: #02060b;
		--oros-ink: #eefcff;
		--oros-muted: rgba(226, 248, 255, 0.64);
		--oros-cyan: #9cecff;
		--oros-violet: #c0a9ff;
		--oros-gold: #ffe3a0;
		--oros-line: rgba(154, 235, 255, 0.2);
		--oros-glass: rgba(3, 12, 20, 0.72);
		--oros-glass-strong: rgba(3, 10, 18, 0.94);
		--oros-danger: #ff6687;
		--oros-shadow: 0 18px 55px rgba(0, 0, 0, 0.34);
		--oros-glow: 0 0 0 1px rgba(156, 236, 255, 0.12), 0 16px 48px rgba(0, 0, 0, 0.32);
		--oros-safe-top: max(12px, env(safe-area-inset-top));
		--oros-safe-right: max(12px, env(safe-area-inset-right));
		--oros-safe-bottom: max(12px, env(safe-area-inset-bottom));
		--oros-safe-left: max(12px, env(safe-area-inset-left));
		--oros-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
		--oros-fast: 140ms;
		--oros-medium: 220ms;
		--oros-z-world: 0;
		--oros-z-hud: 20;
		--oros-z-guide: 30;
		--oros-z-controls: 40;
		--oros-z-toggle: 55;
		--oros-z-overlay: 60;
		--oros-z-panel: 80;
		--oros-z-error: 100;
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/shell.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.shell {
	.oros-host {
		width: 100%;
		height: 100dvh;
		margin: 0;
		overflow: hidden;
		background: #02060b;
		touch-action: manipulation;
	}

	.oros-app,
	.oros-app::before,
	.oros-app::after,
	.oros-app *,
	.oros-app *::before,
	.oros-app *::after {
		box-sizing: border-box;
	}

	.oros-app {
		position: fixed;
		inset: 0;
		isolation: isolate;
		contain: layout paint style;
		width: 100dvw;
		height: 100dvh;
		max-width: 100%;
		overflow: clip;
		font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		color: var(--oros-ink);
		background: var(--oros-bg);
		color-scheme: dark;
	}

	.oros-app :is(button, select, input) {
		font: inherit;
		color: inherit;
	}

	.oros-app #game-canvas {
		position: absolute;
		inset: 0;
		overflow: hidden;
		z-index: var(--oros-z-world);
	}

	.oros-app #game-canvas > canvas {
		display: block;
		width: 100%;
		height: 100%;
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/game.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.shell {
	.oros-app .eyebrow {
		font-size: 0.58rem;
		font-weight: 850;
		letter-spacing: 0.22em;
		text-transform: uppercase;
		color: var(--oros-cyan);
	}

	.oros-app .glass-card {
		min-width: 0;
		max-width: 100%;
		border: 1px solid rgba(143, 235, 255, 0.24);
		background: rgba(3, 12, 20, 0.84);
		box-shadow: 0 30px 100px rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(18px) saturate(125%);
	}

	.oros-app .hidden {
		display: none !important;
	}

	.oros-app [hidden] {
		display: none !important;
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/hud.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.hud {
	.oros-app #hud-core {
		position: absolute;
		top: var(--oros-safe-top);
		left: var(--oros-safe-left);
		display: flex;
		align-items: center;
		gap: 9px;
		max-width: calc(100dvw - 78px);
		pointer-events: none;
		z-index: var(--oros-z-hud);
	}

	.oros-app :is(.hud-world, .hud-time) {
		border: 1px solid var(--oros-line);
		background: var(--oros-glass);
		box-shadow: var(--oros-shadow);
		backdrop-filter: blur(12px);
	}

	.oros-app .hud-world {
		display: grid;
		gap: 2px;
		min-width: 0;
		padding: 8px 11px;
		border-radius: 12px;
	}

	.oros-app .hud-world strong,
	.oros-app .hud-time {
		font-size: 0.75rem;
	}

	.oros-app .hud-time {
		padding: 9px 11px;
		border-radius: 999px;
		font-weight: 850;
		font-variant-numeric: tabular-nums;
	}

	.oros-app #hud-toast {
		position: absolute;
		top: calc(var(--oros-safe-top) + 54px);
		left: 50%;
		max-width: min(82dvw, 420px);
		margin: 0;
		padding: 8px 12px;
		border: 1px solid var(--oros-line);
		border-radius: 999px;
		background: rgba(2, 10, 17, 0.78);
		font-size: 0.68rem;
		text-align: center;
		pointer-events: none;
		transform: translateX(-50%);
		z-index: var(--oros-z-hud);
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/meters.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.hud {
	.oros-app #hud-meters {
		position: absolute;
		left: var(--oros-safe-left);
		bottom: var(--oros-safe-bottom);
		display: grid;
		gap: 7px;
		width: min(260px, calc(100dvw - 24px));
		pointer-events: none;
		z-index: var(--oros-z-hud);
	}

	.oros-app .hud-meter {
		display: grid;
		gap: 4px;
	}

	.oros-app .hud-meter > span {
		display: flex;
		justify-content: space-between;
		font-size: 0.62rem;
		font-weight: 760;
		letter-spacing: 0.05em;
		color: var(--oros-muted);
	}

	.oros-app .hud-meter > i {
		display: block;
		height: 4px;
		overflow: hidden;
		border-radius: 999px;
		background: rgba(224, 248, 255, 0.12);
	}

	.oros-app .hud-meter > i > em {
		display: block;
		width: 0;
		height: 100%;
		border-radius: inherit;
		background: linear-gradient(90deg, var(--oros-cyan), var(--oros-violet));
		box-shadow: 0 0 15px rgba(156, 236, 255, 0.52);
		transition: width var(--oros-medium) var(--oros-ease);
	}

	.oros-app .hud-meter.ohr > i > em {
		background: linear-gradient(90deg, var(--oros-gold), var(--oros-cyan));
	}

	@media (pointer: coarse), (max-width: 760px) {
		.oros-app #hud-meters {
			bottom: calc(var(--oros-safe-bottom) + 88px);
			width: min(220px, calc(100dvw - 110px));
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/overlays.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.overlay {
	.oros-app .overlay {
		position: absolute;
		inset: 0;
		display: grid;
		place-items: center;
		padding: clamp(10px, 3dvw, 18px);
		overflow: auto;
		overscroll-behavior: contain;
		background: radial-gradient(circle at 50% 38%, rgba(14, 48, 68, 0.3), rgba(1, 4, 8, 0.88));
		z-index: var(--oros-z-overlay);
	}

	.oros-app .glass-card {
		width: min(660px, 100%);
		max-height: calc(100dvh - 20px);
		overflow: auto;
		overscroll-behavior: contain;
		padding: clamp(20px, 5dvw, 36px);
		border-radius: 24px;
	}

	.oros-app .glass-card :is(h1, h2) {
		margin: 0;
		line-height: 0.96;
		letter-spacing: -0.04em;
	}

	.oros-app .glass-card h1 {
		font-size: clamp(2.25rem, 10dvw, 4rem);
	}

	.oros-app .glass-card h2 {
		font-size: clamp(1.75rem, 7dvw, 3rem);
	}

	.oros-app .intro-copy {
		margin: 0;
		max-width: 48ch;
		line-height: 1.55;
		color: rgba(236, 251, 255, 0.76);
	}

	.oros-app .compact-card {
		width: min(440px, 100%);
		display: grid;
		gap: 18px;
		text-align: center;
	}

	@media (max-width: 520px) {
		.oros-app .overlay {
			place-items: end center;
		}
		.oros-app .glass-card {
			border-radius: 22px 22px 14px 14px;
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/onboarding.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.overlay {
	.oros-app .intro-card {
		display: grid;
		gap: 15px;
	}

	.oros-app .intro-stats {
		display: flex;
		flex-wrap: wrap;
		gap: 7px;
	}

	.oros-app .intro-stats span {
		padding: 6px 9px;
		border: 1px solid rgba(126, 240, 255, 0.18);
		border-radius: 999px;
		background: rgba(4, 19, 30, 0.62);
		font-size: 0.72rem;
		letter-spacing: 0.04em;
	}

	.oros-app .mission-steps {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
	}

	.oros-app .mission-step {
		min-width: 0;
		padding: 11px;
		border: 1px solid rgba(126, 240, 255, 0.14);
		border-radius: 14px;
		background: rgba(2, 13, 22, 0.66);
	}

	.oros-app .mission-step :is(b, span) {
		display: block;
	}

	.oros-app .mission-step b {
		margin-bottom: 5px;
		font-size: 0.8rem;
	}

	.oros-app .mission-step span,
	.oros-app .instruction-columns p {
		font-size: 0.7rem;
		line-height: 1.46;
		color: rgba(223, 245, 255, 0.76);
	}

	.oros-app .instruction-columns {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 14px;
		padding-top: 10px;
	}

	.oros-app .instruction-columns h3,
	.oros-app .instruction-columns p {
		margin: 4px 0;
	}

	@media (max-width: 620px) {
		.oros-app .mission-steps,
		.oros-app .instruction-columns {
			grid-template-columns: 1fr;
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/panel.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.panel {
	.oros-app #advanced-toggle {
		position: absolute;
		top: var(--oros-safe-top);
		right: var(--oros-safe-right);
		width: 44px;
		height: 44px;
		padding: 0;
		border: 1px solid var(--oros-line);
		border-radius: 14px;
		background: rgba(3, 12, 20, 0.76);
		box-shadow: var(--oros-glow);
		backdrop-filter: blur(14px);
		font-size: 1.1rem;
		z-index: var(--oros-z-toggle);
	}

	.oros-app #advanced-panel {
		position: absolute;
		left: 8px;
		right: 8px;
		bottom: 8px;
		max-height: min(72dvh, 620px);
		overflow: auto;
		overscroll-behavior: contain;
		padding: 14px max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
		border: 1px solid var(--oros-line);
		border-radius: 22px;
		background: var(--oros-glass-strong);
		box-shadow: 0 -22px 80px rgba(0, 0, 0, 0.5);
		backdrop-filter: blur(18px) saturate(125%);
		transform: translateY(calc(100% + 20px));
		opacity: 0;
		pointer-events: none;
		z-index: var(--oros-z-panel);
	}

	.oros-app #advanced-panel[data-open="true"] {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto;
	}

	.oros-app #advanced-panel > header {
		position: sticky;
		top: -14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 6px 0 12px;
		background: linear-gradient(var(--oros-glass-strong) 72%, transparent);
	}

	@media (min-width: 780px) {
		.oros-app #advanced-panel {
			top: 64px;
			left: auto;
			right: 12px;
			bottom: 12px;
			width: min(360px, calc(100dvw - 24px));
			max-height: none;
			transform: translateX(calc(100% + 24px));
		}
		.oros-app #advanced-panel[data-open="true"] {
			transform: translateX(0);
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/panel-content.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.panel {
	.oros-app .panel-section {
		padding: 13px 0;
		border-top: 1px solid rgba(255, 255, 255, 0.07);
	}

	.oros-app .panel-section h2 {
		margin: 0 0 10px;
		font-size: 0.68rem;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		color: var(--oros-muted);
	}

	.oros-app .leader-row {
		display: flex;
		justify-content: space-between;
		gap: 10px;
		padding: 7px 8px;
		border-left: 2px solid var(--rider-color);
		font-size: 0.74rem;
	}

	.oros-app .settings-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 9px;
	}

	.oros-app .settings-grid h2 {
		grid-column: 1 / -1;
	}

	.oros-app .settings-grid label {
		display: grid;
		gap: 6px;
		min-width: 0;
		font-size: 0.65rem;
		color: var(--oros-muted);
	}

	.oros-app .settings-grid select {
		width: 100%;
		min-height: 44px;
		padding: 0 10px;
		border: 1px solid var(--oros-line);
		border-radius: 11px;
		background: rgba(255, 255, 255, 0.06);
	}

	.oros-app .switch-row {
		grid-template-columns: 1fr auto;
		align-items: center;
		min-height: 44px;
		padding: 8px 9px;
		border: 1px solid var(--oros-line);
		border-radius: 11px;
	}

	.oros-app .switch-row input {
		width: 20px;
		height: 20px;
		accent-color: var(--oros-cyan);
	}

	.oros-app .diagnostics p {
		margin: 6px 0;
		font-size: 0.64rem;
		line-height: 1.45;
		overflow-wrap: anywhere;
		color: var(--oros-muted);
	}

	@media (max-width: 420px) {
		.oros-app .settings-grid {
			grid-template-columns: 1fr;
		}
		.oros-app .settings-grid h2 {
			grid-column: auto;
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/controls.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.controls {
	.oros-app :is(.primary-button, .touch-button) {
		border: 1px solid rgba(166, 245, 255, 0.42);
		color: #f1fdff;
		background: linear-gradient(135deg, rgba(45, 191, 227, 0.3), rgba(98, 82, 238, 0.22));
		box-shadow: inset 0 0 22px rgba(113, 227, 255, 0.08), 0 10px 30px rgba(0, 0, 0, 0.24);
	}

	.oros-app .primary-button {
		min-height: 48px;
		padding: 0 22px;
		border-radius: 999px;
		font-weight: 850;
	}

	.oros-app #touch-controls {
		position: absolute;
		left: var(--oros-safe-left);
		right: var(--oros-safe-right);
		bottom: var(--oros-safe-bottom);
		display: none;
		justify-content: space-between;
		align-items: end;
		pointer-events: none;
		z-index: var(--oros-z-controls);
	}

	.oros-app .touch-steer {
		display: flex;
		gap: 9px;
	}

	.oros-app .touch-button {
		width: 64px;
		height: 64px;
		padding: 0;
		border-radius: 50%;
		font-size: 1.55rem;
		font-weight: 900;
		opacity: 0.74;
		touch-action: none;
		user-select: none;
		pointer-events: auto;
	}

	.oros-app .boost-button {
		width: 74px;
		height: 74px;
		font-size: 0.68rem;
		letter-spacing: 0.16em;
	}

	.oros-app #touch-controls[data-handedness="left"] {
		flex-direction: row-reverse;
	}

	.oros-app .boot-error {
		position: absolute;
		left: var(--oros-safe-left);
		bottom: var(--oros-safe-bottom);
		max-width: min(420px, calc(100dvw - 24px));
		padding: 10px 13px;
		border: 1px solid var(--oros-danger);
		border-radius: 12px;
		background: rgba(46, 4, 14, 0.96);
		font-size: 0.75rem;
		overflow-wrap: anywhere;
		z-index: var(--oros-z-error);
	}

	@media (pointer: coarse), (max-width: 760px) {
		.oros-app #touch-controls {
			display: flex;
		}
		.oros-app #start-overlay:not(.hidden) ~ #touch-controls,
		.oros-app[data-advanced-open="true"] #touch-controls {
			opacity: 0;
			transform: translateY(12px);
			pointer-events: none;
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/guide.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.hud {
	.oros-app #hud-guide {
		position: absolute;
		left: 50%;
		bottom: calc(var(--oros-safe-bottom) + 12px);
		max-width: min(680px, calc(100dvw - 30px));
		margin: 0;
		padding: 9px 13px;
		border: 1px solid rgba(107, 233, 255, 0.22);
		border-radius: 999px;
		background: rgba(2, 10, 18, 0.78);
		backdrop-filter: blur(14px);
		box-shadow: 0 10px 38px rgba(0, 0, 0, 0.24);
		font-size: 0.72rem;
		line-height: 1.35;
		text-align: center;
		color: rgba(230, 250, 255, 0.9);
		opacity: 0;
		transform: translate(-50%, 8px);
		pointer-events: none;
		z-index: var(--oros-z-guide);
	}

	.oros-app #hud-guide[data-visible="true"] {
		opacity: 1;
		transform: translate(-50%, 0);
	}

	@media (pointer: coarse), (max-width: 760px) {
		.oros-app #hud-guide {
			bottom: calc(var(--oros-safe-bottom) + 174px);
			border-radius: 16px;
			font-size: 0.68rem;
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/interactions.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.controls {
	.oros-app :is(button, select, summary, input) {
		transition: transform var(--oros-fast) var(--oros-ease), border-color var(--oros-fast) ease, background-color var(--oros-fast) ease, box-shadow var(--oros-fast) ease, opacity var(--oros-fast) ease, filter var(--oros-fast) ease;
	}

	.oros-app :is(button, summary, select) {
		cursor: pointer;
	}

	.oros-app :is(button, select, summary, input):focus-visible {
		outline: 2px solid var(--oros-cyan);
		outline-offset: 3px;
		box-shadow: 0 0 0 5px rgba(156, 236, 255, 0.15), var(--oros-glow);
	}

	.oros-app :is(.primary-button, .touch-button, #advanced-toggle, #advanced-close):active {
		transform: translateY(1px) scale(0.96);
		filter: brightness(1.16);
	}

	.oros-app #advanced-close {
		width: 40px;
		height: 40px;
		border: 1px solid transparent;
		border-radius: 12px;
		background: rgba(255, 255, 255, 0.06);
		font-size: 1.45rem;
	}

	.oros-app .ride-details summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 10px;
		width: fit-content;
		min-height: 44px;
		color: var(--oros-cyan);
		list-style: none;
	}

	.oros-app .ride-details summary::after {
		content: "⌄";
		transition: transform var(--oros-medium) var(--oros-ease);
	}

	.oros-app .ride-details[open] summary::after {
		transform: rotate(180deg);
	}

	.oros-app .switch-row:has(input:checked) {
		border-color: rgba(156, 236, 255, 0.38);
		background: rgba(79, 199, 229, 0.08);
	}

	.oros-app :is(button, select):disabled {
		cursor: not-allowed;
		opacity: 0.48;
		filter: saturate(0.5);
	}

	@media (hover: hover) {
		.oros-app :is(.primary-button, .touch-button, #advanced-toggle, #advanced-close):hover {
			transform: translateY(-2px);
			border-color: rgba(156, 236, 255, 0.72);
			box-shadow: 0 0 0 1px rgba(156, 236, 255, 0.18), 0 16px 42px rgba(0, 0, 0, 0.34), 0 0 24px rgba(156, 236, 255, 0.12);
		}
		.oros-app .settings-grid select:hover,
		.oros-app .ride-details summary:hover {
			border-color: rgba(156, 236, 255, 0.52);
			color: #ffffff;
		}
		.oros-app .switch-row:hover {
			background: rgba(156, 236, 255, 0.06);
		}
	}
}



/* CompactCSS source: /games/oros-ha-kelim/styles/motion.css */
/*B"H*/
/*Boruch Hashem*/
/*Blessed is He*/
@layer oros.motion {
	.oros-app #advanced-panel,
	.oros-app #touch-controls,
	.oros-app #hud-guide {
		transition: transform var(--oros-medium) var(--oros-ease), opacity var(--oros-medium) ease;
	}

	.oros-app .intro-card {
		animation: oros-card-arrival 420ms var(--oros-ease) both;
	}

	.oros-app #advanced-toggle {
		animation: oros-signal-breathe 4.8s ease-in-out infinite;
	}

	@keyframes oros-card-arrival {
		from { opacity: 0; transform: translateY(14px) scale(0.985); }
		to { opacity: 1; transform: translateY(0) scale(1); }
	}

	@keyframes oros-signal-breathe {
		0%, 100% { box-shadow: var(--oros-glow); }
		50% { box-shadow: 0 0 0 1px rgba(156, 236, 255, 0.18), 0 0 28px rgba(156, 236, 255, 0.12); }
	}
}

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