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

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

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

html,
body {
	background-color: black;
	color: white;
	font-family: "Press Start 2P", "Pixeloid Sans", "VT323", "fnt_main", "fnt_dotumche", sans-serif;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/* Стили для canvas игры */
canvas {
	margin: 0;
	padding: 0;
	display: block;
	max-width: 100vw !important;
	max-height: 100vh !important;
	overflow: hidden !important;
	object-fit: contain;
}

/* Убираем стили для canvas - теперь управляется через JavaScript */

div.bottom-credits {
	position: absolute;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	height: 45px;
	bottom: 0;
	left: calc(50% - 210px);
	width: 420px;
	padding: 8px 0;
	overflow: hidden;
	transition: all 0.3s ease;
	font-family: "Press Start 2P", "Pixeloid Sans", "VT323", "fnt_main", "fnt_dotumche", sans-serif;
}

div.bottom-credits span {
	display: inline-block;
}

a {
	color: #00ffff;
	text-decoration: none;
}

a:hover {
	color: #33cccc;
}