body {
	/* iOS No Pinch Scaling */
	touch-action: none;
	touch-action: pan-x pan-y;

	-ms-scroll-chaining: none;
	overscroll-behavior: contain;
	height: 100vh;
	height: -moz-available;
	height: -webkit-fill-available;
	height: fill-available;
	width: 100vw;
	width: -moz-available;
	width: -webkit-fill-available;
	width: fill-available;
	background: #000000;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
}

body,
canvas,
div {
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#sbg-game-area {
	visibility: hidden;
	position: fixed;
	box-shadow: 0px 10px 20px black;
	opacity: 0;
}

#sbg-game-background {
	visibility: hidden;
	position: absolute;
	height: calc(100vh + env(safe-area-inset-bottom) + env(safe-area-inset-top));
	min-height: 100vh;
	min-height: -moz-available;
	min-height: -webkit-fill-available;
	min-height: fill-available;
	width: calc(100vw + env(safe-area-inset-left) + env(safe-area-inset-right));
	min-width: 100vw;
	min-width: -moz-available;
	min-width: -webkit-fill-available;
	min-width: fill-available;
	background-image: url('./images/background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}

#universalPreloader {
	z-index: 100;
}

#game {
	position: absolute;
	top: 0;
	z-index: 10;
}