@use "sass:map";

@use "../hippie-style/hippie";

.body_game {
	@extend .h_full_view;
	background-color: hotpink;

	footer {
		@extend .pos_abs;
		@extend .pin_bottom;
		@extend .width_full;

		.brand {
			display: flex;
			flex-flow: row nowrap;
			align-items: center;
			justify-content: flex-end;
			gap: hippie.$space_half hippie.$space_basic;

			margin: hippie.$space_basic hippie.$space_double;

			& > svg {
				height: 32px;
				width: 32px;
			}
		}
	}
}

.body_fpv {
	@extend .h_full_view;

	canvas {
		display: block;
		cursor: none;
		background-color: lightblue;
	}

	.controls {
		position: fixed;
		top: 0;
		left: 0;
		border-radius: hippie.$radius_basic;
	}
}