/* CompactCSS source: /games/ohrfront/styles/ohrfront.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos joins every local visual vessel while no imported rule escapes the Ohrfront root into another page.
Awtsmoos.com lets tokens, atmosphere, manifestation, HUD, touch, icon identity, motion, responsive law, and final state compose one conflict-free ray.
*/

/* CompactCSS source: /games/ohrfront/styles/tokens.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews color, spacing, depth, and safe boundary while no token rules another world in sight.
Awtsmoos.com lets Ohrfront contain its own optical covenant so every finite layer, material accent, and weapon signature remains local and right.
*/
.ohrfront-app {
	--ohr-bg: #070b0d;
	--ohr-panel: rgba(7, 12, 14, 0.82);
	--ohr-panel-strong: rgba(5, 9, 10, 0.94);
	--ohr-panel-glass: rgba(13, 22, 24, 0.76);
	--ohr-line: rgba(191, 211, 205, 0.2);
	--ohr-line-strong: rgba(191, 211, 205, 0.46);
	--ohr-line-hot: rgba(211, 237, 231, 0.64);
	--ohr-text: #edf4f0;
	--ohr-muted: #96a8a2;
	--ohr-energy: #79e7ec;
	--ohr-warm: #c7af7d;
	--ohr-danger: #e37b6c;
	--ohr-health: #b5c99a;
	--ohr-shield: #79e7ec;
	--ohr-weapon-aleph: #73f7ff;
	--ohr-weapon-shin: #ff8fe8;
	--ohr-weapon-lamed: #ffe48b;
	--ohr-radius-sm: 3px;
	--ohr-radius-md: 7px;
	--ohr-edge: clamp(14px, 2.2vw, 30px);
	--ohr-safe-top: max(var(--ohr-edge), env(safe-area-inset-top));
	--ohr-safe-right: max(var(--ohr-edge), env(safe-area-inset-right));
	--ohr-safe-bottom: max(var(--ohr-edge), env(safe-area-inset-bottom));
	--ohr-safe-left: max(var(--ohr-edge), env(safe-area-inset-left));
	--ohr-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ohr-ease: cubic-bezier(0.2, 0.72, 0.22, 1);
	--ohr-fast: 120ms;
	--ohr-normal: 220ms;
	--ohr-z-world: 0;
	--ohr-z-hud: 20;
	--ohr-z-hud-panel: 24;
	--ohr-z-feedback: 30;
	--ohr-z-dialog: 60;
	--ohr-z-startup: 90;
}



/* CompactCSS source: /games/ohrfront/styles/base.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews viewport and canvas while the interface remains one bounded vessel instead of leaking into the page.
Awtsmoos.com lets Ohrfront own only itself: fixed, isolated, contained, materially deep, and safe within every visible ray.
*/
.ohrfront-app {
	position: fixed;
	inset: 0;
	isolation: isolate;
	contain: layout paint style;
	overflow: clip;
	min-width: 0;
	min-height: 0;
	background:
		radial-gradient(circle at 52% 38%, rgba(24, 48, 49, 0.08), transparent 34%),
		linear-gradient(180deg, rgba(2, 5, 6, 0.08), rgba(2, 5, 6, 0.2)),
		var(--ohr-bg);
	color: var(--ohr-text);
	font-family: var(--ohr-font);
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: transparent;
}

.ohrfront-app,
.ohrfront-app * {
	box-sizing: border-box;
}

.ohrfront-app .ohr-world,
.ohrfront-app .ohrfront-native-canvas {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-world);
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}

.ohrfront-app .ohr-startup {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-startup);
	display: grid;
	place-content: center;
	gap: 14px;
	padding: var(--ohr-safe-top) var(--ohr-safe-right) var(--ohr-safe-bottom) var(--ohr-safe-left);
	text-align: center;
	letter-spacing: 0.18em;
	background:
		radial-gradient(circle at 50% 44%, rgba(24, 53, 55, 0.3), transparent 34%),
		linear-gradient(135deg, rgba(10, 20, 21, 0.24), transparent 42%),
		var(--ohr-bg);
}

.ohrfront-app .ohr-startup__glyph {
	font: 500 clamp(48px, 8vw, 72px)/1 Georgia, serif;
	color: var(--ohr-energy);
	text-shadow: 0 0 28px rgba(121, 231, 236, 0.42);
}

.ohrfront-app .ohr-startup__message {
	max-width: min(44rem, 82vw);
	font-size: 10px;
	font-weight: 650;
	line-height: 1.6;
	color: var(--ohr-muted);
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-startup.ohr-is-error .ohr-startup__message {
	color: var(--ohr-danger);
}



/* CompactCSS source: /games/ohrfront/styles/battlefield-atmosphere.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews horizon, sun, haze, and cloudless distance while Awtsmoos.com gives empty WebGL a calm atmospheric vessel instead of a dead gray wall.
*/
.ohrfront-app .ohr-world {
	background:
		radial-gradient(circle at 72% 18%, rgb(255 238 190 / 76%) 0 2%, rgb(250 226 177 / 20%) 7%, transparent 18%),
		linear-gradient(180deg, #68879b 0%, #8ca6b2 38%, #c3c4b2 62%, #7a887b 100%);
}

.ohrfront-app .ohr-world::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-world);
	pointer-events: none;
	background:
		radial-gradient(ellipse at 28% 32%, rgb(239 243 235 / 13%) 0 9%, transparent 22%),
		radial-gradient(ellipse at 61% 27%, rgb(244 241 225 / 11%) 0 8%, transparent 20%);
	filter: blur(10px);
	animation: ohr-sky-drift 54s ease-in-out infinite alternate;
}

.ohrfront-app .ohrfront-native-canvas {
	z-index: var(--ohr-z-world);
	background: transparent;
}

@keyframes ohr-sky-drift {
	from {
		transform: translate3d(-1.2%, 0, 0) scale(1.02);
	}

	to {
		transform: translate3d(1.2%, -0.5%, 0) scale(1.04);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ohrfront-app .ohr-world::before {
		animation: none;
	}
}



/* CompactCSS source: /games/ohrfront/styles/hud.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews mission, vitality, combat, and requested intelligence while no telemetry box may swallow the field in sight.
Awtsmoos.com lets the HUD remain sparse by default, importing local manifests whose deeper vessels remain modular, bounded, and bright.
*/

/* CompactCSS source: /games/ohrfront/styles/hud-mission.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews purpose above the battlefield while no mission label may conquer the horizon in sight.
Awtsmoos.com lets Har HaOhr remain readable through disciplined measure, quiet contrast, and one semantic line of light.
*/
.ohrfront-app .ohr-hud {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-hud);
	min-width: 0;
	min-height: 0;
	pointer-events: none;
	font-size: 13px;
	letter-spacing: 0.075em;
}

.ohrfront-app .ohr-mission {
	position: absolute;
	top: var(--ohr-safe-top);
	left: var(--ohr-safe-left);
	width: min(32rem, calc(100% - var(--ohr-safe-left) - var(--ohr-safe-right)));
	min-width: 0;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72);
}

.ohrfront-app .ohr-mission__primary,
.ohrfront-app .ohr-mission__meta {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 14px;
	min-width: 0;
}

.ohrfront-app .ohr-mission__location,
.ohrfront-app .ohr-mission__meta {
	font-size: clamp(10px, 0.82vw, 11px);
	font-weight: 650;
	line-height: 1.42;
	color: var(--ohr-muted);
}

.ohrfront-app .ohr-mission__objective {
	min-width: 0;
	font-size: clamp(14px, 1.38vw, 17px);
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: 0.04em;
	color: var(--ohr-text);
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-mission__meta {
	margin-top: 7px;
}

.ohrfront-app .ohr-mission__progress {
	display: block;
	width: 100%;
	height: 4px;
	margin-top: 10px;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	appearance: none;
	background: rgba(255, 255, 255, 0.11);
}

.ohrfront-app .ohr-mission__progress::-webkit-progress-bar {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.11);
}

.ohrfront-app .ohr-mission__progress::-webkit-progress-value {
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(121, 231, 236, 0.58), var(--ohr-energy));
	box-shadow: 0 0 11px rgba(121, 231, 236, 0.38);
}

.ohrfront-app .ohr-mission__progress::-moz-progress-bar {
	border-radius: 999px;
	background: var(--ohr-energy);
}



/* CompactCSS source: /games/ohrfront/styles/hud-vitals.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews shield and body while no permanent card is needed to prove the living vessel in light.
Awtsmoos.com lets two disciplined material traces remain at the edge, readable in motion yet humble before the battlefield in sight.
*/
.ohrfront-app .ohr-vitals {
	position: absolute;
	left: var(--ohr-safe-left);
	bottom: var(--ohr-safe-bottom);
	width: min(14rem, calc(50% - var(--ohr-safe-left) - 18px));
	min-width: 0;
	display: grid;
	gap: 11px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72);
}

.ohrfront-app .ohr-vital {
	min-width: 0;
}

.ohrfront-app .ohr-vital__label {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	font-size: clamp(10px, 0.78vw, 11px);
	font-weight: 650;
	line-height: 1.42;
	color: var(--ohr-muted);
}

.ohrfront-app .ohr-vital__label b {
	color: var(--ohr-text);
	font-weight: 700;
}

.ohrfront-app .ohr-progress {
	display: block;
	width: 100%;
	height: 4px;
	margin: 5px 0 0;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	appearance: none;
	background: rgba(255, 255, 255, 0.11);
}

.ohrfront-app .ohr-progress::-webkit-progress-bar {
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.11);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.46);
}

.ohrfront-app .ohr-progress::-webkit-progress-value,
.ohrfront-app .ohr-progress::-moz-progress-bar {
	border-radius: 999px;
	background: var(--ohr-energy);
}

.ohrfront-app .ohr-progress--shield::-webkit-progress-value {
	background: linear-gradient(90deg, rgba(115, 247, 255, 0.74), var(--ohr-shield));
	box-shadow: 0 0 10px rgba(121, 231, 236, 0.36);
}

.ohrfront-app .ohr-progress--shield::-moz-progress-bar {
	background: var(--ohr-shield);
}

.ohrfront-app .ohr-progress--health::-webkit-progress-value {
	background: var(--ohr-health);
	box-shadow: none;
}

.ohrfront-app .ohr-progress--health::-moz-progress-bar {
	background: var(--ohr-health);
}

.ohrfront-app .ohr-progress--heat::-webkit-progress-value {
	background: linear-gradient(90deg, var(--ohr-energy), var(--ohr-warm));
}

.ohrfront-app .ohr-progress--heat::-moz-progress-bar {
	background: var(--ohr-warm);
}



/* CompactCSS source: /games/ohrfront/styles/hud-combat.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews weapon, reticle, impact, and warning while no single combat stylesheet may become a crowded world unto itself.
Awtsmoos.com lets this local manifest join three smaller HUD vessels whose boundaries remain clear, modular, and bright.
*/

/* CompactCSS source: /games/ohrfront/styles/hud-weapon.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews emitter, heat, identity, and readable measure while no weapon sign may pretend to be the source of the battle.
Awtsmoos.com lets each active weapon reveal itself through restrained optical data, clear enough in motion yet humble before the textured world.
*/

.ohrfront-app .ohr-weapon {
	position: absolute;
	right: var(--ohr-safe-right);
	bottom: var(--ohr-safe-bottom);
	display: grid;
	grid-template-columns: auto minmax(8rem, 1fr);
	gap: 4px 12px;
	align-items: end;
	max-width: min(19rem, calc(50% - var(--ohr-safe-right) - 18px));
	min-width: 0;
	text-align: right;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72);
}

.ohrfront-app .ohr-weapon__glyph {
	grid-row: 1 / span 2;
	font: 500 clamp(34px, 4vw, 46px)/0.92 Georgia, serif;
	color: var(--ohr-weapon-aleph);
	text-shadow: 0 0 18px rgba(115, 247, 255, 0.38);
	transition:
		color var(--ohr-normal) var(--ohr-ease),
		text-shadow var(--ohr-normal) var(--ohr-ease);
}

.ohrfront-app .ohr-weapon__glyph[data-ohr-weapon="shin"] {
	color: var(--ohr-weapon-shin);
	text-shadow: 0 0 18px rgba(255, 143, 232, 0.34);
}

.ohrfront-app .ohr-weapon__glyph[data-ohr-weapon="lamed"] {
	color: var(--ohr-weapon-lamed);
	text-shadow: 0 0 18px rgba(255, 228, 139, 0.34);
}

.ohrfront-app .ohr-weapon__copy {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.ohrfront-app .ohr-weapon__copy strong {
	font-size: clamp(11px, 0.9vw, 12px);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: 0.055em;
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-weapon__copy span,
.ohrfront-app .ohr-weapon__heat span {
	font-size: 10px;
	line-height: 1.42;
	color: var(--ohr-muted);
}

.ohrfront-app .ohr-weapon__heat {
	grid-column: 2;
	display: grid;
	grid-template-columns: 34px minmax(64px, 94px);
	gap: 8px;
	align-items: center;
	justify-content: end;
}



/* CompactCSS source: /games/ohrfront/styles/hud-crosshair.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews sightline, center, and finite aim while no reticle can contain the path that opens beyond it.
Awtsmoos.com lets the crosshair remain sparse and local: a clearer optical guide whose weapon identity changes without swallowing the rendered world.
*/

.ohrfront-app .ohr-crosshair__glyph[data-ohr-weapon="aleph"] {
	color: var(--ohr-weapon-aleph);
}

.ohrfront-app .ohr-crosshair__glyph[data-ohr-weapon="shin"] {
	color: var(--ohr-weapon-shin);
}

.ohrfront-app .ohr-crosshair__glyph[data-ohr-weapon="lamed"] {
	color: var(--ohr-weapon-lamed);
}

.ohrfront-app .ohr-crosshair {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 42px;
	height: 42px;
	transform: translate3d(-50%, -50%, 0);
}

.ohrfront-app .ohr-crosshair__glyph {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
	font: 600 15px/1 Georgia, serif;
	color: var(--ohr-energy);
	text-shadow: 0 0 6px rgba(0, 0, 0, 0.72);
	transition: color var(--ohr-fast) linear;
}

.ohrfront-app .ohr-crosshair__line {
	position: absolute;
	background: rgba(237, 244, 240, 0.84);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.58);
}

.ohrfront-app .ohr-crosshair__line--north,
.ohrfront-app .ohr-crosshair__line--south {
	left: 20px;
	width: 1px;
	height: 8px;
}

.ohrfront-app .ohr-crosshair__line--north {
	top: 0;
}

.ohrfront-app .ohr-crosshair__line--south {
	bottom: 0;
}

.ohrfront-app .ohr-crosshair__line--east,
.ohrfront-app .ohr-crosshair__line--west {
	top: 20px;
	width: 8px;
	height: 1px;
}

.ohrfront-app .ohr-crosshair__line--east {
	right: 0;
}

.ohrfront-app .ohr-crosshair__line--west {
	left: 0;
}



/* CompactCSS source: /games/ohrfront/styles/hud-combat-feedback.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews impact and warning in one brief flash while no transient sign may become the battlefield itself.
Awtsmoos.com lets combat feedback appear, answer the player's finite perception, and vanish again without leaking style beyond Ohrfront's local vessel.
*/

.ohrfront-app .ohr-hit-marker {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: var(--ohr-z-feedback);
	transform: translate3d(-50%, -50%, 0);
	font-size: 26px;
	line-height: 1;
	color: var(--ohr-text);
	opacity: 0;
	transition:
		opacity var(--ohr-fast) linear,
		transform var(--ohr-fast) var(--ohr-ease);
}

.ohrfront-app .ohr-hit-marker.ohr-is-active {
	opacity: 0.95;
	transform: translate3d(-50%, -50%, 0) scale(1.08);
}

.ohrfront-app .ohr-damage-vignette {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-feedback);
	pointer-events: none;
	box-shadow: inset 0 0 90px 12px rgba(195, 65, 51, 0);
	transition: box-shadow var(--ohr-fast) linear;
}

.ohrfront-app .ohr-damage-vignette.ohr-is-active {
	box-shadow: inset 0 0 90px 12px rgba(195, 65, 51, 0.4);
}





/* CompactCSS source: /games/ohrfront/styles/hud-intel.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews concealed and revealed battlefield knowledge while the default combat surface remains almost silent in sight.
Awtsmoos.com lets advanced INTEL live inside one bounded mobile-first vessel whose data is deep but whose presence is always light.
*/
.ohrfront-app .ohr-intel {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-hud-panel);
	min-width: 0;
	min-height: 0;
	pointer-events: none;
}

.ohrfront-app .ohr-intel__toggle {
	position: absolute;
	top: calc(var(--ohr-safe-top) + 70px);
	right: var(--ohr-safe-right);
	z-index: var(--ohr-z-hud-panel);
	display: inline-grid;
	grid-template-columns: auto 14px;
	align-items: center;
	gap: 8px;
	min-width: 78px;
	min-height: 44px;
	padding: 9px 11px;
	border: 1px solid var(--ohr-line-strong);
	border-radius: var(--ohr-radius-sm);
	font: 700 9px/1 var(--ohr-font);
	letter-spacing: 0.16em;
	color: var(--ohr-muted);
	background: rgba(6, 12, 13, 0.72);
	backdrop-filter: blur(8px);
	pointer-events: auto;
	cursor: pointer;
}

.ohrfront-app .ohr-intel__toggle i {
	font-style: normal;
	font-size: 12px;
	text-align: center;
	color: var(--ohr-energy);
}

.ohrfront-app .ohr-intel__panel {
	position: absolute;
	left: var(--ohr-safe-left);
	right: var(--ohr-safe-right);
	bottom: calc(var(--ohr-safe-bottom) + 72px);
	z-index: var(--ohr-z-hud-panel);
	width: auto;
	max-width: 32rem;
	max-height: min(42vh, 18rem);
	margin-inline: auto;
	padding: 14px;
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	contain: layout paint style;
	border: 1px solid var(--ohr-line);
	border-radius: var(--ohr-radius-md);
	color: var(--ohr-text);
	background: linear-gradient(145deg, rgba(7, 14, 15, 0.96), rgba(5, 10, 11, 0.9));
	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	touch-action: pan-y;
}

.ohrfront-app .ohr-intel__panel.ohr-is-expanded {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.ohrfront-app .ohr-intel__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--ohr-line);
	font-size: 9px;
	font-weight: 720;
	letter-spacing: 0.14em;
}

.ohrfront-app .ohr-intel__header small {
	font-size: 8px;
	font-weight: 600;
	color: var(--ohr-muted);
}



/* CompactCSS source: /games/ohrfront/styles/hud-intel-data.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews number and directive without turning tactical evidence into a reward-machine display in sight.
Awtsmoos.com lets each row stay quiet, aligned, and bounded so advanced information remains useful data rather than decorative noise or light.
*/
.ohrfront-app .ohr-intel__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 9px 14px;
	padding-block: 12px;
	font-size: 9px;
	line-height: 1.35;
}

.ohrfront-app .ohr-intel__grid span,
.ohrfront-app .ohr-intel__objective span {
	min-width: 0;
	color: var(--ohr-muted);
	letter-spacing: 0.1em;
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-intel__grid strong {
	font-size: 10px;
	font-weight: 720;
	color: var(--ohr-text);
	text-align: right;
}

.ohrfront-app .ohr-intel__objective {
	display: grid;
	gap: 6px;
	min-width: 0;
	padding-top: 10px;
	border-top: 1px solid var(--ohr-line);
	font-size: 9px;
	line-height: 1.4;
}

.ohrfront-app .ohr-intel__objective strong {
	min-width: 0;
	font-size: 10px;
	font-weight: 680;
	letter-spacing: 0.04em;
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-intel__objective progress {
	display: block;
	width: 100%;
	height: 2px;
	border: 0;
	border-radius: 999px;
	overflow: hidden;
	appearance: none;
	background: rgba(255, 255, 255, 0.1);
}

.ohrfront-app .ohr-intel__objective progress::-webkit-progress-bar {
	background: rgba(255, 255, 255, 0.1);
}

.ohrfront-app .ohr-intel__objective progress::-webkit-progress-value {
	background: var(--ohr-energy);
}

.ohrfront-app .ohr-intel__objective progress::-moz-progress-bar {
	background: var(--ohr-energy);
}



/* CompactCSS source: /games/ohrfront/styles/hud-intel-interactions.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews rest, approach, focus, action, and disability while no control remains visually half-created in sight.
Awtsmoos.com lets the INTEL gate answer every relevant interaction with restrained futuristic precision instead of noisy permanent light.
*/
.ohrfront-app .ohr-intel__toggle {
	transition:
		transform var(--ohr-fast) var(--ohr-ease),
		border-color var(--ohr-fast) linear,
		background-color var(--ohr-fast) linear,
		box-shadow var(--ohr-fast) linear,
		color var(--ohr-fast) linear,
		opacity var(--ohr-fast) linear;
}

.ohrfront-app .ohr-intel__toggle:hover:not(:disabled) {
	border-color: rgba(121, 231, 236, 0.6);
	color: var(--ohr-text);
	background: rgba(10, 23, 24, 0.92);
	box-shadow: 0 0 0 1px rgba(121, 231, 236, 0.08), 0 10px 28px rgba(0, 0, 0, 0.24);
}

.ohrfront-app .ohr-intel__toggle:focus-visible {
	outline: 2px solid var(--ohr-energy);
	outline-offset: 3px;
	border-color: var(--ohr-energy);
	color: var(--ohr-text);
	box-shadow: 0 0 0 5px rgba(121, 231, 236, 0.14);
}

.ohrfront-app .ohr-intel__toggle:active:not(:disabled) {
	transform: translate3d(0, 1px, 0) scale(0.985);
	background: rgba(15, 31, 32, 0.98);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

.ohrfront-app .ohr-intel__toggle:disabled {
	cursor: not-allowed;
	opacity: 0.45;
	filter: saturate(0.5);
}

.ohrfront-app .ohr-hud.ohr-is-expanded .ohr-intel__toggle {
	border-color: rgba(121, 231, 236, 0.72);
	color: var(--ohr-text);
	background: rgba(10, 28, 29, 0.94);
}

@media (pointer: coarse) {
	.ohrfront-app .ohr-intel__toggle {
		min-height: 48px;
		padding-block: 11px;
	}
}

@media (prefers-contrast: more) {
	.ohrfront-app .ohr-intel__toggle,
	.ohrfront-app .ohr-intel__panel {
		border-color: var(--ohr-text);
	}

	.ohrfront-app .ohr-intel__toggle:focus-visible {
		outline-width: 3px;
		box-shadow: none;
	}
}



/* CompactCSS source: /games/ohrfront/styles/hud-intel-responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews one intelligence vessel through narrow portrait, wide desktop, and short landscape without duplicated interface form.
Awtsmoos.com lets responsive geometry transform the same DOM from mobile sheet into side rail while overlap and off-screen drift lose their claim.
*/
@media (max-width: 720px) {
	.ohrfront-app .ohr-vitals,
	.ohrfront-app .ohr-weapon {
		transition: opacity var(--ohr-normal) linear, transform var(--ohr-normal) var(--ohr-ease);
	}

	.ohrfront-app .ohr-hud.ohr-is-expanded .ohr-vitals,
	.ohrfront-app .ohr-hud.ohr-is-expanded .ohr-weapon {
		opacity: 0;
		transform: translate3d(0, 8px, 0);
	}
}

@media (min-width: 721px) {
	.ohrfront-app .ohr-intel__toggle {
		top: var(--ohr-safe-top);
	}

	.ohrfront-app .ohr-intel__panel {
		top: calc(var(--ohr-safe-top) + 52px);
		right: var(--ohr-safe-right);
		bottom: auto;
		left: auto;
		width: min(17rem, calc(100% - var(--ohr-safe-left) - var(--ohr-safe-right)));
		max-height: min(50vh, 22rem);
		margin-inline: 0;
	}
}

@media (max-height: 480px) and (min-width: 721px) {
	.ohrfront-app .ohr-intel__panel {
		max-height: min(48vh, 11rem);
	}

	.ohrfront-app .ohr-intel__header small {
		display: none;
	}
}



/* CompactCSS source: /games/ohrfront/styles/hud-intel-motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews disclosure motion as a brief sign of state change while no animation seizes attention from the battlefield in sight.
Awtsmoos.com lets transforms and opacity reveal requested intelligence smoothly, then become still so information serves rather than demands the light.
*/
.ohrfront-app .ohr-intel__panel {
	transform: translate3d(0, 14px, 0) scale(0.985);
	transition:
		opacity var(--ohr-normal) linear,
		transform var(--ohr-normal) var(--ohr-ease),
		visibility var(--ohr-normal) step-end;
}

.ohrfront-app .ohr-intel__panel.ohr-is-expanded {
	transform: translate3d(0, 0, 0) scale(1);
	transition:
		opacity var(--ohr-normal) linear,
		transform var(--ohr-normal) var(--ohr-ease),
		visibility 0ms step-start;
}

.ohrfront-app .ohr-intel__toggle i {
	transform: rotate(180deg);
	transition: transform var(--ohr-normal) var(--ohr-ease);
}

.ohrfront-app .ohr-hud.ohr-is-expanded .ohr-intel__toggle i {
	transform: rotate(0deg);
}

@media (min-width: 721px) {
	.ohrfront-app .ohr-intel__panel {
		transform: translate3d(14px, 0, 0) scale(0.985);
	}

	.ohrfront-app .ohr-intel__panel.ohr-is-expanded {
		transform: translate3d(0, 0, 0) scale(1);
	}
}





/* CompactCSS source: /games/ohrfront/styles/touch-controls.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews thumb, glass, pressure, and release while Awtsmoos.com gives each mobile intention a bounded visible vessel.
The weapon rail rises clear above the action stack, so the finger reaches the same finite keli that the eye receives in light.
*/
.ohrfront-app .ohr-touch-combat {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-hud-panel);
	pointer-events: none;
}

.ohrfront-app .ohr-touch-combat[hidden] {
	display: none;
}

.ohrfront-app[data-input-mode="touch"] .ohrfront-native-canvas,
.ohrfront-app .ohr-touch-move,
.ohrfront-app .ohr-touch-action,
.ohrfront-app .ohr-touch-fire,
.ohrfront-app .ohr-touch-weapon {
	touch-action: none;
}

.ohrfront-app .ohr-touch-move {
	position: absolute;
	left: max(1rem, env(safe-area-inset-left));
	bottom: max(1.15rem, env(safe-area-inset-bottom));
	width: 8.4rem;
	height: 8.4rem;
	border: 1px solid rgb(219 239 235 / 38%);
	border-radius: 50%;
	background: rgb(5 17 18 / 46%);
	backdrop-filter: blur(5px);
	pointer-events: auto;
}

.ohrfront-app .ohr-touch-move__ring {
	position: absolute;
	inset: 28%;
	border: 1px solid rgb(102 230 220 / 42%);
	border-radius: 50%;
}

.ohrfront-app .ohr-touch-move__knob {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 3.2rem;
	height: 3.2rem;
	margin: -1.6rem;
	border: 1px solid rgb(210 255 250 / 70%);
	border-radius: 50%;
	background: rgb(18 67 67 / 72%);
	box-shadow: 0 0 1.4rem rgb(83 229 219 / 18%);
}

.ohrfront-app .ohr-touch-actions {
	position: absolute;
	right: max(0.9rem, env(safe-area-inset-right));
	bottom: max(1rem, env(safe-area-inset-bottom));
	display: grid;
	grid-template-columns: repeat(2, 4rem);
	gap: 0.55rem;
	pointer-events: none;
}

.ohrfront-app .ohr-touch-action,
.ohrfront-app .ohr-touch-fire,
.ohrfront-app .ohr-touch-weapon {
	min-width: 0;
	border: 1px solid rgb(222 242 238 / 42%);
	color: #f0f7f4;
	background: rgb(5 19 20 / 72%);
	font: 700 0.68rem/1 var(--ohr-font-ui);
	letter-spacing: 0.09em;
	pointer-events: auto;
}

.ohrfront-app .ohr-touch-action {
	height: 3.35rem;
	border-radius: 1rem;
}

.ohrfront-app .ohr-touch-fire {
	grid-column: 2;
	grid-row: 1 / span 2;
	height: 7.25rem;
	border-radius: 2rem;
	border-color: rgb(105 238 226 / 68%);
	background: rgb(8 56 57 / 82%);
}

.ohrfront-app .ohr-touch-weapons {
	position: absolute;
	right: max(1rem, env(safe-area-inset-right));
	bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 11.75rem);
	display: flex;
	gap: 0.4rem;
	pointer-events: none;
}

.ohrfront-app .ohr-touch-weapon {
	width: 2.55rem;
	height: 2.55rem;
	border-radius: 0.75rem;
}



/* CompactCSS source: /games/ohrfront/styles/touch-control-states.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews focus, pressure, orientation, and rest while Awtsmoos.com lets mobile control state remain visible without cluttering the battlefield.
*/
.ohrfront-app .ohr-touch-action:active,
.ohrfront-app .ohr-touch-fire:active,
.ohrfront-app .ohr-touch-weapon[aria-pressed="true"] {
	background: rgb(24 105 102 / 88%);
	transform: scale(0.96);
}

.ohrfront-app .ohr-touch-action:focus-visible,
.ohrfront-app .ohr-touch-fire:focus-visible,
.ohrfront-app .ohr-touch-weapon:focus-visible {
	outline: 2px solid #8bf4ea;
	outline-offset: 2px;
}

.ohrfront-app[data-input-mode="touch"] .ohr-pointer-hint {
	bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 9.5rem);
	max-width: min(90vw, 28rem);
}

@media (orientation: landscape) and (max-height: 520px) {
	.ohrfront-app .ohr-touch-move {
		width: 6.5rem;
		height: 6.5rem;
	}

	.ohrfront-app .ohr-touch-actions {
		transform: scale(0.88);
		transform-origin: bottom right;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ohrfront-app .ohr-touch-action,
	.ohrfront-app .ohr-touch-fire,
	.ohrfront-app .ohr-touch-weapon {
		transition: none;
	}
}



/* CompactCSS source: /games/ohrfront/styles/touch-weapon-controls.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews pulse, burst, lance, letter, and touch while Awtsmoos.com keeps every icon deterministic instead of surrendering its face to platform emoji.
The rail stays above RUN and FIRE; pure CSS signs remain crisp, tiny, accessible through their parent labels, and faithful in every browser light.
*/
.ohrfront-app .ohr-touch-weapon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.18rem;
	padding: 0 0.18rem;
	letter-spacing: 0;
}

.ohrfront-app .ohr-touch-weapon__icon {
	position: relative;
	display: inline-block;
	width: 1rem;
	height: 1rem;
	flex: 0 0 1rem;
	color: #82f5ea;
	filter: drop-shadow(0 0 0.18rem rgb(106 238 226 / 45%));
}

.ohrfront-app .ohr-touch-weapon__icon--pulse {
	box-sizing: border-box;
	border: 0.12rem solid currentColor;
	border-radius: 50%;
}

.ohrfront-app .ohr-touch-weapon__icon--pulse::after {
	content: "";
	position: absolute;
	inset: 0.22rem;
	border-radius: 50%;
	background: currentColor;
}

.ohrfront-app .ohr-touch-weapon__icon--burst::before,
.ohrfront-app .ohr-touch-weapon__icon--burst::after,
.ohrfront-app .ohr-touch-weapon__icon--lance::before,
.ohrfront-app .ohr-touch-weapon__icon--lance::after {
	content: "";
	position: absolute;
}

.ohrfront-app .ohr-touch-weapon__icon--burst::before {
	inset: 0.28rem;
	transform: rotate(45deg);
	background: currentColor;
}

.ohrfront-app .ohr-touch-weapon__icon--burst::after {
	left: 0.42rem;
	top: 0.06rem;
	width: 0.16rem;
	height: 0.16rem;
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0.36rem 0.48rem 0 currentColor, -0.36rem 0.48rem 0 currentColor;
}

.ohrfront-app .ohr-touch-weapon__icon--lance::before {
	left: 0.1rem;
	top: 0.43rem;
	width: 0.72rem;
	height: 0.14rem;
	border-radius: 999px;
	background: currentColor;
	transform: rotate(-35deg);
}

.ohrfront-app .ohr-touch-weapon__icon--lance::after {
	right: 0.02rem;
	top: 0.08rem;
	border-left: 0.28rem solid currentColor;
	border-top: 0.16rem solid transparent;
	border-bottom: 0.16rem solid transparent;
	transform: rotate(-35deg);
}

.ohrfront-app .ohr-touch-weapon__glyph {
	font: 900 1.18rem/1 Georgia, serif;
	color: #f7fffc;
	text-shadow: 0 0 0.32rem rgb(111 244 232 / 72%);
}

.ohrfront-app .ohr-touch-weapon[aria-pressed="true"] .ohr-touch-weapon__icon,
.ohrfront-app .ohr-touch-weapon[aria-pressed="true"] .ohr-touch-weapon__glyph {
	transform: scale(1.12);
}



/* CompactCSS source: /games/ohrfront/styles/overlays.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews entry, feedback, and completion while no overlay may confuse its finite responsibility in sight.
Awtsmoos.com lets each transient layer remain local, bounded, and exact as the world continues beneath the light.
*/

/* CompactCSS source: /games/ohrfront/styles/overlay-shell.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews choice and completion while every finite dialog remains bounded before the battlefield in sight.
Awtsmoos.com lets entry and closure feel like optical instruments of layered glass and metal, never flat paint and never noisy light.
*/
.ohrfront-app .ohr-dialog-layer {
	position: absolute;
	inset: 0;
	z-index: var(--ohr-z-dialog);
	display: grid;
	place-items: center;
	min-width: 0;
	min-height: 0;
	padding: var(--ohr-safe-top) var(--ohr-safe-right) var(--ohr-safe-bottom) var(--ohr-safe-left);
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(4, 8, 10, 0.96), rgba(4, 8, 10, 0.7) 58%, rgba(4, 8, 10, 0.3)),
		radial-gradient(circle at 18% 44%, rgba(91, 143, 139, 0.08), transparent 32%);
	pointer-events: auto;
}

.ohrfront-app .ohr-dialog {
	position: relative;
	width: min(34rem, 100%);
	max-width: 100%;
	max-height: 100%;
	padding: clamp(20px, 4vw, 34px);
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: contain;
	border: 1px solid var(--ohr-line);
	border-radius: var(--ohr-radius-md);
	background:
		linear-gradient(115deg, rgba(255, 255, 255, 0.035), transparent 28%),
		radial-gradient(circle at 12% 8%, rgba(121, 231, 236, 0.055), transparent 30%),
		linear-gradient(145deg, rgba(11, 19, 21, 0.96), rgba(5, 10, 11, 0.9));
	box-shadow:
		0 24px 70px rgba(0, 0, 0, 0.44),
		0 0 0 1px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.045),
		inset 0 -20px 50px rgba(0, 0, 0, 0.14);
	scrollbar-width: thin;
	scrollbar-color: var(--ohr-line-strong) transparent;
}

.ohrfront-app .ohr-dialog::after {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px solid rgba(211, 237, 231, 0.045);
	border-radius: calc(var(--ohr-radius-md) - 2px);
	pointer-events: none;
}

.ohrfront-app .ohr-dialog--launch {
	justify-self: start;
}

.ohrfront-app .ohr-dialog--completion {
	text-align: center;
}

.ohrfront-app .ohr-eyebrow {
	margin: 0 0 16px;
	font-size: 9px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.18em;
	color: var(--ohr-warm);
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-title {
	margin: 0;
	font-size: clamp(44px, 8vw, 84px);
	font-weight: 740;
	line-height: 0.88;
	letter-spacing: -0.052em;
	color: var(--ohr-text);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 32px rgba(0, 0, 0, 0.28);
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-subtitle,
.ohrfront-app .ohr-completion__title {
	margin: 10px 0 0;
	font-size: clamp(12px, 1.8vw, 15px);
	font-weight: 560;
	line-height: 1.4;
	letter-spacing: 0.2em;
	color: var(--ohr-energy);
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-dialog__copy {
	max-width: 31rem;
	margin: 22px 0 17px;
	font-size: clamp(13px, 1.6vw, 14px);
	line-height: 1.65;
	color: #c4d0cb;
	overflow-wrap: anywhere;
}

.ohrfront-app .ohr-dialog--completion .ohr-dialog__copy { margin-inline: auto; }
.ohrfront-app .ohr-arsenal { margin: 0 0 27px; font-size: 9px; line-height: 1.8; letter-spacing: 0.09em; color: var(--ohr-muted); overflow-wrap: anywhere; }
.ohrfront-app .ohr-arsenal b { font: 600 17px/1 Georgia, serif; color: var(--ohr-energy); }
.ohrfront-app .ohr-arsenal i { padding-inline: 6px; font-style: normal; color: var(--ohr-line-strong); }
.ohrfront-app .ohr-field__label { display: block; margin-bottom: 7px; font-size: 9px; font-weight: 680; line-height: 1.4; letter-spacing: 0.13em; color: var(--ohr-muted); }
.ohrfront-app .ohr-controls-note { margin: 12px 0 0; font-size: 9px; line-height: 1.55; color: #71817c; overflow-wrap: anywhere; }



/* CompactCSS source: /games/ohrfront/styles/controls.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews choice, hover, focus, action, and rest while no finite control remains half-revealed in sight.
Awtsmoos.com lets professional interaction become one complete covenant whose feedback never disturbs surrounding light.
*/
.ohrfront-app .ohr-control {
	min-height: 44px;
	border: 1px solid var(--ohr-line-strong);
	border-radius: var(--ohr-radius-sm);
	font: 650 12px/1.3 var(--ohr-font);
	letter-spacing: 0.055em;
	color: var(--ohr-text);
	background: rgba(9, 15, 16, 0.9);
	transition: transform var(--ohr-fast) var(--ohr-ease), border-color var(--ohr-fast) linear, background-color var(--ohr-fast) linear, box-shadow var(--ohr-fast) linear, color var(--ohr-fast) linear, opacity var(--ohr-fast) linear;
}
.ohrfront-app .ohr-control:hover:not(:disabled) {
	border-color: rgba(121, 231, 236, 0.58);
	background: rgba(13, 24, 25, 0.96);
	box-shadow: 0 0 0 1px rgba(121, 231, 236, 0.08), 0 8px 24px rgba(0, 0, 0, 0.22);
}
.ohrfront-app .ohr-control:focus-visible {
	outline: 2px solid var(--ohr-energy);
	outline-offset: 3px;
	border-color: var(--ohr-energy);
	box-shadow: 0 0 0 5px rgba(121, 231, 236, 0.14);
}
.ohrfront-app .ohr-control:active:not(:disabled) {
	transform: translate3d(0, 1px, 0) scale(0.995);
	background: rgba(15, 29, 30, 0.98);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}
.ohrfront-app .ohr-control:disabled { cursor: not-allowed; opacity: 0.46; filter: saturate(0.55); }
.ohrfront-app .ohr-select { width: 100%; padding: 10px 38px 10px 12px; cursor: pointer; appearance: auto; }
.ohrfront-app .ohr-select:disabled { cursor: not-allowed; }
.ohrfront-app .ohr-button { display: inline-flex; align-items: center; justify-content: center; padding: 11px 17px; cursor: pointer; text-align: center; }
.ohrfront-app .ohr-button--primary { width: 100%; margin-top: 10px; border-color: rgba(121, 231, 236, 0.56); background: linear-gradient(180deg, rgba(52, 108, 110, 0.42), rgba(29, 65, 67, 0.36)); }
.ohrfront-app .ohr-button--primary:hover:not(:disabled) { border-color: rgba(121, 231, 236, 0.82); background: linear-gradient(180deg, rgba(61, 128, 130, 0.5), rgba(32, 75, 77, 0.42)); }
@media (pointer: coarse) {
	.ohrfront-app .ohr-control { min-height: 48px; }
	.ohrfront-app .ohr-button { padding-block: 13px; }
}
@media (prefers-contrast: more) {
	.ohrfront-app .ohr-control { border-color: var(--ohr-text); }
	.ohrfront-app .ohr-control:focus-visible { outline-width: 3px; box-shadow: none; }
	.ohrfront-app .ohr-dialog { border-color: var(--ohr-text); background: var(--ohr-panel-strong); }
}



/* CompactCSS source: /games/ohrfront/styles/overlay-feedback.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews warning and acknowledgment while every transient message knows when to vanish from sight.
Awtsmoos.com lets feedback remain centered, bounded, legible, and quiet enough that the battlefield keeps the greater light.
*/
.ohrfront-app .ohr-notification,
.ohrfront-app .ohr-pointer-hint {
	position: absolute;
	left: 50%;
	z-index: var(--ohr-z-feedback);
	width: max-content;
	max-width: min(34rem, calc(100% - var(--ohr-safe-left) - var(--ohr-safe-right)));
	padding: 7px 10px;
	transform: translate3d(-50%, 0, 0);
	border-radius: var(--ohr-radius-sm);
	font-size: 9px;
	font-weight: 680;
	line-height: 1.45;
	letter-spacing: 0.12em;
	text-align: center;
	overflow-wrap: anywhere;
	pointer-events: none;
	background: rgba(5, 10, 11, 0.58);
	backdrop-filter: blur(6px);
}
.ohrfront-app .ohr-notification { top: max(calc(var(--ohr-safe-top) + 18%), 84px); border: 1px solid rgba(121, 231, 236, 0.16); color: var(--ohr-text); }
.ohrfront-app .ohr-pointer-hint { bottom: max(calc(var(--ohr-safe-bottom) + 10%), 68px); color: var(--ohr-muted); }





/* CompactCSS source: /games/ohrfront/styles/motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews motion from stillness while no animation may seize layout, focus, or the player's sight.
Awtsmoos.com lets movement whisper through opacity, transform, and light, then yields completely when reduced motion is right.
*/
@keyframes ohr-dialog-enter {
	from { opacity: 0; transform: translate3d(-10px, 8px, 0) scale(0.992); }
	to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes ohr-glyph-breathe {
	0%, 100% { opacity: 0.82; filter: drop-shadow(0 0 4px rgba(121, 231, 236, 0.42)); }
	50% { opacity: 1; filter: drop-shadow(0 0 12px rgba(121, 231, 236, 0.72)); }
}
@keyframes ohr-toast-enter {
	from { opacity: 0; transform: translate3d(-50%, -8px, 0); }
	to { opacity: 1; transform: translate3d(-50%, 0, 0); }
}
.ohrfront-app .ohr-dialog { animation: ohr-dialog-enter 360ms var(--ohr-ease) both; }
.ohrfront-app .ohr-crosshair__glyph,
.ohrfront-app .ohr-weapon__glyph,
.ohrfront-app .ohr-startup__glyph { animation: ohr-glyph-breathe 3.2s var(--ohr-ease) infinite; }
.ohrfront-app .ohr-notification:not(.ohr-is-hidden) { animation: ohr-toast-enter var(--ohr-normal) var(--ohr-ease) both; }
@media (prefers-reduced-motion: reduce) {
	.ohrfront-app *,
	.ohrfront-app *::before,
	.ohrfront-app *::after {
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
		transition-duration: 0.01ms;
		scroll-behavior: auto;
	}
}



/* CompactCSS source: /games/ohrfront/styles/responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews one battlefield through every finite viewport while no single responsive file may become a crowded vessel in sight.
Awtsmoos.com lets width, height, and accessibility each reveal their own measured response through small local modules of light.
*/

/* CompactCSS source: /games/ohrfront/styles/responsive-mobile.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews narrow vessels without shrinking meaning below the threshold of sight.
Awtsmoos.com lets mobile space become disciplined subtraction: fewer secondary words, readable primary truth, and no collision in light.
*/
@media (max-width: 720px) {
	.ohrfront-app {
		--ohr-edge: 14px;
	}

	.ohrfront-app .ohr-mission {
		width: calc(100% - var(--ohr-safe-left) - var(--ohr-safe-right));
	}

	.ohrfront-app .ohr-mission__location,
	.ohrfront-app .ohr-weapon__copy span {
		display: none;
	}

	.ohrfront-app .ohr-vitals {
		width: min(11rem, calc(56% - var(--ohr-safe-left)));
	}

	.ohrfront-app .ohr-weapon {
		right: var(--ohr-safe-right);
		bottom: calc(var(--ohr-safe-bottom) + 72px);
		max-width: min(11rem, calc(50% - var(--ohr-safe-right)));
		grid-template-columns: auto minmax(5.75rem, 1fr);
		gap: 3px 8px;
	}

	.ohrfront-app .ohr-weapon__heat {
		grid-template-columns: 30px minmax(48px, 66px);
		gap: 5px;
	}

	.ohrfront-app .ohr-dialog-layer {
		background: rgba(4, 8, 10, 0.92);
	}

	.ohrfront-app .ohr-dialog--launch {
		justify-self: center;
	}
}

@media (max-width: 430px) {
	.ohrfront-app .ohr-mission__meta {
		font-size: 9px;
	}

	.ohrfront-app .ohr-title {
		font-size: clamp(40px, 16vw, 60px);
	}

	.ohrfront-app .ohr-arsenal i {
		padding-inline: 3px;
	}
}



/* CompactCSS source: /games/ohrfront/styles/responsive-height.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews short horizons where vertical breath is scarce but the primary action must remain revealed.
Awtsmoos.com lets landscape compress ornament before meaning, preserving readable launch flow and safe-area measure in light.
*/
@media (max-height: 560px) {
	.ohrfront-app .ohr-dialog {
		padding: 18px;
	}

	.ohrfront-app .ohr-dialog__copy {
		margin-block: 14px;
	}

	.ohrfront-app .ohr-arsenal {
		margin-bottom: 16px;
	}

	.ohrfront-app .ohr-controls-note {
		display: none;
	}
}

@media (max-height: 430px) and (min-width: 640px) {
	.ohrfront-app {
		--ohr-edge: 10px;
	}

	.ohrfront-app .ohr-dialog-layer {
		place-items: center;
		padding:
			max(8px, env(safe-area-inset-top))
			max(10px, env(safe-area-inset-right))
			max(8px, env(safe-area-inset-bottom))
			max(10px, env(safe-area-inset-left));
	}

	.ohrfront-app .ohr-dialog--launch {
		width: min(46rem, 100%);
		padding: 12px 16px;
		overflow-y: auto;
	}

	.ohrfront-app .ohr-eyebrow {
		margin-bottom: 5px;
		font-size: 9px;
	}

	.ohrfront-app .ohr-title {
		font-size: clamp(34px, 10vh, 46px);
		line-height: 0.9;
	}

	.ohrfront-app .ohr-subtitle {
		margin-top: 4px;
		font-size: 11px;
	}

	.ohrfront-app .ohr-dialog__copy {
		margin-block: 7px;
		max-width: 42rem;
		font-size: 12px;
		line-height: 1.35;
	}

	.ohrfront-app .ohr-arsenal {
		margin-bottom: 7px;
		line-height: 1.35;
	}

	.ohrfront-app .ohr-field__label {
		margin-bottom: 3px;
	}
}



/* CompactCSS source: /games/ohrfront/styles/responsive-accessibility.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews perception through every human vessel while finite color systems must never become a gate to action or sight.
Awtsmoos.com lets forced-color truth remain explicit, local, and readable without leaking style beyond Ohrfront's light.
*/
@media (forced-colors: active) {
	.ohrfront-app .ohr-control:focus-visible {
		outline: 2px solid Highlight;
	}

	.ohrfront-app .ohr-mission__progress::-webkit-progress-value,
	.ohrfront-app .ohr-progress::-webkit-progress-value {
		background: Highlight;
	}
}





/* CompactCSS source: /games/ohrfront/styles/states.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews revelation and concealment while no component may overrule the final truth of its appointed state.
Awtsmoos.com lets this last cascade vessel close every accidental doorway: hidden means absent from layout, sight, and finite interaction.
*/

.ohrfront-app .ohr-is-hidden {
	display: none;
}