/* BIT ALIVE - responsive.css */
@media (max-width: 768px) {
	.hero-grid {
		gap: 8px;
		max-width: 100%;
		padding: 10px;
	}

	.hero-card {
		width: 85px;
	}

	.hero-card .emoji {
		font-size: 2.8rem;
	}

	.controls-row {
		flex-direction: column;
		gap: 15px;
		padding: 0 20px;
	}

	input {
		width: 100%;
		max-width: 280px;
	}

	.stat-box .bar-frame {
		width: 180px;
	}

	.upgrade-card {
		width: 180px;
		height: 280px;
	}

	.upgrade-card .icon {
		font-size: 4rem;
	}

	#drag_marker {
		width: 90px;
		height: 90px;
	}

	#boss_hud {
		width: 240px;
		top: 120px;
	}

	#levelup_screen .cards-container {
		transform: scale(0.8);
		transform-origin: center top;
		flex-direction: column;
		gap: 10px;
	}

	.upgrade-card {
		width: 170px;
		height: 180px;
		padding: 10px;
	}

	.upgrade-card .icon {
		font-size: 3rem;
		margin: 10px 0;
	}
}

/* Outros ajustes de responsividade móvel */
#drag_marker {
	width: 90px;
	height: 90px;
}