ui/debugpanel.razor.scss
DebugPanel {
	position: absolute;
	//width: 40px;
	//height: 100px;
	right: 0px;
	bottom: 0px;
	align-items: center;
	justify-content: center;
	text-align: center;
	//background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(31, 37, 44, 0.125) 0.0%, rgba(43, 47, 66, 0.5) 100%);
	//background-color: rgba(0, 0, 0, 0.5);
	//box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.35);
	//backdrop-filter: blur(10px);
	pointer-events: all;
	//font-family: Inter;
	font-weight: 800;
	opacity: 0.5;
	z-index: 999;
	//cursor: pointer;
	flex-direction: column;
	font-family: W10Emoji;

	.debug_row {
		min-width: 100%;
		flex-direction: row;
		justify-content: flex-end;
		align-items: flex-end;
		align-content: flex-end;
	}

	button {
		position: relative;
		width: 20px;
		aspect-ratio: 1;
		//padding: 15px 32px;
		//text-align: center;
		font-size: 16px;
		color: white;
		//margin: 4px 2px;
		cursor: pointer;
		//box-shadow: 6px 6px 0px black;
		//cursor: "select-cursor";
		//pointer-events: auto;
		align-items: center;
		justify-content: center;
		text-align: center;
		opacity: 0.7;

		&:hover {
			opacity: 0.9;
			sound-in: ui.button.over;
			border: 1px solid white;
		}

		&:active {
			opacity: 1;
			sound-in: ui.button.press;
			border: 1px solid blue;
		}
	}
}