html, body {
	padding: 0;
	margin: 0;
	overflow: hidden;
	
	background: #000000;
	color: white;
}

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: " • ";
}


@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Light';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Light.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-LightItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-LightItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Medium';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Medium.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-MediumItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-MediumItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Thin';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Thin.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Regular';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Regular.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-ThinItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-ThinItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-XBold';
	src: url('fonts/AktivGrotesk/AktivGrotesk-XBold.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-XBoldItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-XBoldItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-BlackItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-BlackItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Black';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Black.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Bold';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Bold.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-BoldItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-BoldItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Hairline';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Hairline.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-HairlineItalic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-HairlineItalic.otf') format('opentype');
}

@font-face {
	font-family: 'AktivGrotesk/AktivGrotesk-Italic';
	src: url('fonts/AktivGrotesk/AktivGrotesk-Italic.otf') format('opentype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Italic';
	src: url('fonts/URW_DIN/URWDINCond-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-DemiItalic';
	src: url('fonts/URW_DIN/URWDIN-DemiItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Light';
	src: url('fonts/URW_DIN/URWDINCond-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Medium';
	src: url('fonts/URW_DIN/URWDINCond-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-BoldItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-XLight';
	src: url('fonts/URW_DIN/URWDINSemiCond-XLight.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-MediumItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-MediumItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-ThinItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-ThinItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Demi';
	src: url('fonts/URW_DIN/URWDINCond-Demi.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Light';
	src: url('fonts/URW_DIN/URWDINSemiCond-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-BlackItalic';
	src: url('fonts/URW_DIN/URWDIN-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-BoldItalic';
	src: url('fonts/URW_DIN/URWDINCond-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Demi';
	src: url('fonts/URW_DIN/URWDINSemiCond-Demi.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-XLight';
	src: url('fonts/URW_DIN/URWDINCond-XLight.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Thin';
	src: url('fonts/URW_DIN/URWDINCond-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-XLightItalic';
	src: url('fonts/URW_DIN/URWDIN-XLightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Light';
	src: url('fonts/URW_DIN/URWDIN-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Black';
	src: url('fonts/URW_DIN/URWDIN-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Italic';
	src: url('fonts/URW_DIN/URWDINSemiCond-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Medium';
	src: url('fonts/URW_DIN/URWDIN-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Demi';
	src: url('fonts/URW_DIN/URWDIN-Demi.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Bold';
	src: url('fonts/URW_DIN/URWDINSemiCond-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-DemiItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-DemiItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-XLightItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-XLightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-BoldItalic';
	src: url('fonts/URW_DIN/URWDIN-BoldItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Regular';
	src: url('fonts/URW_DIN/URWDINCond-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Bold';
	src: url('fonts/URW_DIN/URWDIN-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Thin';
	src: url('fonts/URW_DIN/URWDINSemiCond-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-ThinItalic';
	src: url('fonts/URW_DIN/URWDIN-ThinItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Bold';
	src: url('fonts/URW_DIN/URWDINCond-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Regular';
	src: url('fonts/URW_DIN/URWDIN-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-Black';
	src: url('fonts/URW_DIN/URWDINCond-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Black';
	src: url('fonts/URW_DIN/URWDINSemiCond-Black.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-BlackItalic';
	src: url('fonts/URW_DIN/URWDINCond-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-BlackItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-BlackItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-LightItalic';
	src: url('fonts/URW_DIN/URWDINCond-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-ThinItalic';
	src: url('fonts/URW_DIN/URWDINCond-ThinItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Thin';
	src: url('fonts/URW_DIN/URWDIN-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-Italic';
	src: url('fonts/URW_DIN/URWDIN-Italic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-XLightItalic';
	src: url('fonts/URW_DIN/URWDINCond-XLightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-LightItalic';
	src: url('fonts/URW_DIN/URWDINSemiCond-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-XLight';
	src: url('fonts/URW_DIN/URWDIN-XLight.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-MediumItalic';
	src: url('fonts/URW_DIN/URWDINCond-MediumItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-MediumItalic';
	src: url('fonts/URW_DIN/URWDIN-MediumItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Medium';
	src: url('fonts/URW_DIN/URWDINSemiCond-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDIN-LightItalic';
	src: url('fonts/URW_DIN/URWDIN-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINCond-DemiItalic';
	src: url('fonts/URW_DIN/URWDINCond-DemiItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'URW_DIN/URWDINSemiCond-Regular';
	src: url('fonts/URW_DIN/URWDINSemiCond-Regular.ttf') format('truetype');
}