body {
	--text-color: antiquewhite;
	--accent-color: crimson;
	background-color: #111;
	font-size: 20px;
}

.btn {
	border-image-source: url('../../assets/ui/brown.png');
}

.btn-selected {
	border-image-source: url('../../assets/ui/tan_pressed.png');
}

.btn-no-touch:hover {
	border-image-source: url('../../assets/ui/tan.png');
}

.btn:active {
	border-image-source: url('../../assets/ui/tan_pressed.png');
}

.input-box {
	border-image-source: url('../../assets/ui/brown_pressed.png');
}

.sprite32 {
	background-image: url(assets/tileset.png);
}

.depth { background-position: calc(-32px * 53) calc(-32px * 11); }
.coin { background-position: calc(-32px * 49) calc(-32px * 40); }
.key { background-position: calc(-32px * 55) calc(-32px * 40); }
.heart { background-position: calc(-32px * 15) calc(-32px * 37); }
.map { background-position: calc(-32px * 15) calc(-32px * 30); }
.character { background-position: calc(-32px * 29) calc(-32px * 38); }