ui/omrscopehud.razor.scss
OMRScopeHUD {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	pointer-events: none;
	overflow: hidden;

	.pip-stage {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;
		pointer-events: none;
		z-index: 980;
		overflow: hidden;
	}

	.pip-peripheral-dim {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
	}

	.pip-lens {
		position: relative;
		flex-shrink: 0;
		border-radius: 9999px;
		overflow: hidden;
		pointer-events: none;
		background-color: black;
	}

	.pip-feed {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 9999px;
		pointer-events: none;
		z-index: 0;
		transform-origin: 50% 50%;
	}

	.pip-lens-transmission,
	.pip-lens-tint,
	.pip-lens-vignette,
	.pip-lens-reflection {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 9999px;
		pointer-events: none;
	}

	.pip-lens-transmission {
		z-index: 1;
	}

	.pip-lens-tint {
		z-index: 2;
	}

	.pip-lens-vignette {
		z-index: 3;
	}

	.pip-lens-reflection {
		z-index: 4;
		background-image: linear-gradient(rgba(255,255,255,0.65), rgba(255,255,255,0));
	}

	.scope-ring {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 9999px;
		pointer-events: none;
		z-index: 5;
	}

	.scope-reticle {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: 6;
	}
}