.loading {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: 1000;
	aspect-ratio: 16/9;
	height: 100%;
	width: auto;
	background-color: #000;
}
.loading img {
	width: 100%;
	height: auto;
	filter: blur(10px) brightness(80%);
	/* visibility: hidden; */
}
.loaderWrap {
	/* position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	z-index: 1001;
	height: 10vh;
	width: 10vh;
	aspect-ratio: 1/1; */
}
/* HTML: <div class="loader"></div> */
.loader {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	aspect-ratio: 1/1;
	width: fit-content;
	font-weight: bold;
	font-family: monospace;
	font-size: 30px;
	color: #0000;
	background: linear-gradient(90deg,#dd3217 calc(50% + 0.5ch),#FFF 0) right/calc(200% + 1ch) 100%;
	-webkit-background-clip: text;
			background-clip: text;
	animation: l7 2s infinite steps(11);
  }
  .loader:before {
	content:"Loading..."
  }
  @keyframes l7 {to{background-position: left}}
html, body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	
	background: #000000;
	/* background-image: url('./images/game_background-sheet0.png'); */
	background-size: cover;
	background-clip: border-box;
	background-repeat: no-repeat;
	color: white;
	min-height: 100vh;
}

html, body, canvas {
	touch-action: none;
	touch-action-delay: none;
}

#notSupportedWrap {
	margin: 2em auto 1em auto;
	width: 75%;
	max-width: 45em;
	border: 2px solid #aaa;
	border-radius: 1em;
	padding: 2em;
	background-color: #f0f0f0;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	color: black;
}

#notSupportedTitle {
	font-size: 1.8em;
}

.notSupportedMessage {
	font-size: 1.2em;
}

.notSupportedMessage em {
	color: #888;
}

/* bbcode styles */
.bbCodeH1 {
	font-size: 2em;
	font-weight: bold;
}

.bbCodeH2 {
	font-size: 1.5em;
	font-weight: bold;
}

.bbCodeH3 {
	font-size: 1.25em;
	font-weight: bold;
}

.bbCodeH4 {
	font-size: 1.1em;
	font-weight: bold;
}

.bbCodeItem::before {
	content: " • ";
}

/* screen reader text */
.c3-screen-reader-text {
	position: absolute;
	width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}