body {
	color: #fff;
	background: #9C2E68 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADIAQMAAACXljzdAAAABlBMVEWcLmioNYGgRVymAAAC/UlEQVR42rXXubnkthLF8YNHAybHvB7DeNqRikKQr4WYCBSCUoH2MERPpmjSwIe/lr5fsy6navaB08uvF+B0V4EQUCVJK13nmDilcASysBvJRma2QDItkIkaiFAwA333ojw++CyUBysJwZAzYhGC/oayCo5QdldKKItgc2UWtFCqK1nggiYxfEmiKxjrEUnZI5m95Xynb6TsLCfxHGmqzoz5OVh/5s8oM2B/Q1mA4w2lAP3Dya7dl9xz92VmxpeFH6juegrQXkN2Iys8Zj+HkoHNCLHcP2MC2htKAqorAuTLypA7NxV6KIeV9ZTlIudcZ3Yr5ZR8ezPiLlWmcyae355YTrm9NvM77TF7ztKyJTGbVveZ7M+UjTzI/ugTduVW0rUAipE9+BPDFshKC6RQA1lQIPOIJHf5s1Y6whLfQ/ny3ZtMBrZQmitTKAmoocgfsayMQAo9kIUjkJk9kMwWyESTNLe5XSVRJZXd2W+47VB2j7IlQXcm//CY0QimYSRtabMCtgubRRlZxjJ8KRSeSjU9o4bSXOEtZfPmll5TppfKcCXFYrcprOgqzfbXI5Td3DdSYJOXtRYjBSszNCuyUs37xykZzKusTAwr/ZRkHuSnvdY8mC4b7fkgPZXF1BdsRuZmpRnJ1TaCauR/thGgYMwjktwjmfZI0haJmj7EGPLmb3bhyzC7sNf6/nrjC9Mllvjy871Lf3v5Tj3Ya0k4YhO0YhN00pkhEJugfWUoThoZaK5ML5XqSgKC1GEEsoZS6KEcgSzswf9rZgsk00xOViZqIMImmHrqd/nGSiZzl49sgjPfn4X2zCa48IdTaDBUIBanBFe6VqzYBFcbhE3wKiZBXMm0QCaqFXMqTsiKbT5ddgb2VPyRrNhT8bObbG7zKU4RxXLcpbmyQFjGUC/S7yJXcigTDF8S9FCOoP3BHrTZlS2QQgua9kINGv3jgXxbtmvp5CFp0VGO6+Fg6pKK+tpfOAIcklYNxk1Mwl9JQjC8w0FCgDkCuLIyjEz8DdrsYnTqW/ptAAAAAElFTkSuQmCC);
	margin: 0 auto;
	text-align: center;
}
body:not(.mobile) {
	width: 650px;
}

body.mobile canvas {
	margin: 0 auto;
	width: 100vw;
	height: calc(100vw * (450 / 650));
}
@media (orientation: landscape) {
	body.mobile canvas {
		margin: 0 auto;
		width: calc(100vh * (650 / 450));
		height: 100vh;
	}
}

body ._12_f {
	color: #fff;
	background: #9C2E68;
	border: 1px solid #E9C916;
	border-radius: 4px;
}