/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var CarPreview = Container.expand(function (carType) {
	var self = Container.call(this);
	if (carType === 'sports') {
		// Sports car preview
		var body = self.attachAsset('sportsCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('sportsCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -40;
		var rearWindow = self.attachAsset('sportsCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 40;
		var leftWindow = self.attachAsset('sportsCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -30;
		leftWindow.y = -10;
		var rightWindow = self.attachAsset('sportsCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 30;
		rightWindow.y = -10;
		var spoiler = self.attachAsset('sportsCarSpoiler', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		spoiler.y = 80;
		var stripe = self.attachAsset('sportsCarStripe', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (carType === 'luxury') {
		// Luxury car preview
		var body = self.attachAsset('luxuryCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('luxuryCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -45;
		var rearWindow = self.attachAsset('luxuryCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 45;
		var leftWindow = self.attachAsset('luxuryCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -35;
		leftWindow.y = -15;
		var rightWindow = self.attachAsset('luxuryCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 35;
		rightWindow.y = -15;
		var grill = self.attachAsset('luxuryCarGrill', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		grill.y = -90;
		var trim = self.attachAsset('luxuryCarTrim', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		trim.y = 90;
	} else if (carType === 'race') {
		// Race car preview
		var body = self.attachAsset('raceCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('raceCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -35;
		var rearWindow = self.attachAsset('raceCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 35;
		var leftWindow = self.attachAsset('raceCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -25;
		leftWindow.y = -5;
		var rightWindow = self.attachAsset('raceCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 25;
		rightWindow.y = -5;
		var wing = self.attachAsset('raceCarWing', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		wing.y = 75;
		var number = self.attachAsset('raceCarNumber', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		number.y = -60;
	} else if (carType === 'classic') {
		// Classic car preview
		var body = self.attachAsset('classicCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('classicCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -42;
		var rearWindow = self.attachAsset('classicCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 42;
		var leftWindow = self.attachAsset('classicCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -32;
		leftWindow.y = -12;
		var rightWindow = self.attachAsset('classicCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 32;
		rightWindow.y = -12;
		var bumper = self.attachAsset('classicCarBumper', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		bumper.y = 87;
		var trim = self.attachAsset('classicCarTrim', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		trim.y = -87;
	}
	return self;
});
var CarSelectionScreen = Container.expand(function () {
	var self = Container.call(this);
	// Background panel
	var panel = self.attachAsset('carSelectPanel', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	panel.alpha = 0.95;
	// Title
	var titleBg = self.attachAsset('carSelectTitle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	titleBg.y = -400;
	titleBg.alpha = 0.8;
	var titleText = new Text2('SELECT YOUR CAR', {
		size: 80,
		fill: '#ffffff'
	});
	titleText.anchor.set(0.5, 0.5);
	titleBg.addChild(titleText);
	// Car selection cards
	var carTypes = [{
		type: 'sports',
		name: 'SPORTS CAR',
		speed: 'HIGH',
		handling: 'EXCELLENT'
	}, {
		type: 'luxury',
		name: 'LUXURY CAR',
		speed: 'MEDIUM',
		handling: 'GOOD'
	}, {
		type: 'race',
		name: 'RACE CAR',
		speed: 'EXTREME',
		handling: 'PERFECT'
	}, {
		type: 'classic',
		name: 'CLASSIC CAR',
		speed: 'LOW',
		handling: 'STABLE'
	}];
	var cards = [];
	for (var i = 0; i < carTypes.length; i++) {
		var card = self.addChild(new Container());
		var cardBg = card.attachAsset('carSelectCard', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		cardBg.alpha = 0.8;
		// Position cards in 2x2 grid with more spacing
		var col = i % 2;
		var row = Math.floor(i / 2);
		card.x = (col - 0.5) * 600;
		card.y = (row - 0.5) * 400 - 50;
		// Car preview
		var carPreview = card.addChild(new CarPreview(carTypes[i].type));
		carPreview.y = -100;
		carPreview.scaleX = 0.8;
		carPreview.scaleY = 0.8;
		// Car name
		var nameText = new Text2(carTypes[i].name, {
			size: 40,
			fill: '#ffffff'
		});
		nameText.anchor.set(0.5, 0.5);
		card.addChild(nameText);
		nameText.y = 60;
		// Stats
		var speedText = new Text2('SPEED: ' + carTypes[i].speed, {
			size: 25,
			fill: '#f39c12'
		});
		speedText.anchor.set(0.5, 0.5);
		card.addChild(speedText);
		speedText.y = 100;
		var handlingText = new Text2('HANDLING: ' + carTypes[i].handling, {
			size: 25,
			fill: '#3498db'
		});
		handlingText.anchor.set(0.5, 0.5);
		card.addChild(handlingText);
		handlingText.y = 130;
		// Select button
		var selectButton = card.attachAsset('carSelectButton', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		selectButton.y = 180;
		selectButton.alpha = 0.9;
		var buttonText = new Text2('SELECT', {
			size: 35,
			fill: '#ffffff'
		});
		buttonText.anchor.set(0.5, 0.5);
		selectButton.addChild(buttonText);
		// Store car type for selection
		selectButton.carType = carTypes[i].type;
		cards.push({
			card: card,
			button: selectButton,
			type: carTypes[i].type
		});
	}
	self.cards = cards;
	self.down = function (x, y, obj) {
		// Convert touch position to local coordinates
		var localPos = self.toLocal({
			x: x,
			y: y
		});
		// Check if any card was clicked
		for (var i = 0; i < self.cards.length; i++) {
			var card = self.cards[i].card;
			var cardBounds = {
				left: card.x - 200,
				right: card.x + 200,
				top: card.y - 250,
				bottom: card.y + 250
			};
			// Check if touch is within card bounds
			if (localPos.x >= cardBounds.left && localPos.x <= cardBounds.right && localPos.y >= cardBounds.top && localPos.y <= cardBounds.bottom) {
				selectedCarType = self.cards[i].type;
				carSelectionScreen.destroy();
				carSelectionScreen = null;
				startGame();
				break;
			}
		}
	};
	return self;
});
var LaneDivider = Container.expand(function () {
	var self = Container.call(this);
	var dividerGraphics = self.attachAsset('laneDivider', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.update = function () {
		self.y += self.speed + gameSpeed;
	};
	return self;
});
var Obstacle = Container.expand(function (type) {
	var self = Container.call(this);
	var obstacleGraphics = self.attachAsset(type, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add details based on vehicle type
	if (type === 'enemyCar') {
		// Add windows to enemy car
		var frontWindow = self.attachAsset('enemyCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -40;
		var rearWindow = self.attachAsset('enemyCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 40;
		var leftWindow = self.attachAsset('enemyCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -25;
		leftWindow.y = -5;
		var rightWindow = self.attachAsset('enemyCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 25;
		rightWindow.y = -5;
	} else if (type === 'truck') {
		// Add truck cab windows
		var truckWindow = self.attachAsset('truckWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		truckWindow.y = -60;
		// Add truck cargo area details
		var cargoDetail = self.attachAsset('truckCargo', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		cargoDetail.y = 30;
	} else if (type === 'barrier') {
		// Add warning stripes to barrier
		var stripe1 = self.attachAsset('barrierStripe', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		stripe1.y = -15;
		var stripe2 = self.attachAsset('barrierStripe', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		stripe2.y = 15;
	}
	self.speed = 8;
	self.obstacleType = type;
	self.passed = false;
	self.update = function () {
		self.y += self.speed + gameSpeed;
	};
	return self;
});
var PlayerCar = Container.expand(function (carType) {
	var self = Container.call(this);
	carType = carType || 'default';
	if (carType === 'sports') {
		// Sports car with ultra-realistic details
		var carGraphics = self.attachAsset('sportsCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('sportsCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -40;
		var rearWindow = self.attachAsset('sportsCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 40;
		var leftWindow = self.attachAsset('sportsCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -30;
		leftWindow.y = -10;
		var rightWindow = self.attachAsset('sportsCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 30;
		rightWindow.y = -10;
		var spoiler = self.attachAsset('sportsCarSpoiler', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		spoiler.y = 80;
		var stripe = self.attachAsset('sportsCarStripe', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (carType === 'luxury') {
		// Luxury car with ultra-realistic details
		var carGraphics = self.attachAsset('luxuryCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('luxuryCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -45;
		var rearWindow = self.attachAsset('luxuryCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 45;
		var leftWindow = self.attachAsset('luxuryCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -35;
		leftWindow.y = -15;
		var rightWindow = self.attachAsset('luxuryCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 35;
		rightWindow.y = -15;
		var grill = self.attachAsset('luxuryCarGrill', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		grill.y = -90;
		var trim = self.attachAsset('luxuryCarTrim', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		trim.y = 90;
	} else if (carType === 'race') {
		// Race car with ultra-realistic details
		var carGraphics = self.attachAsset('raceCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('raceCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -35;
		var rearWindow = self.attachAsset('raceCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 35;
		var leftWindow = self.attachAsset('raceCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -25;
		leftWindow.y = -5;
		var rightWindow = self.attachAsset('raceCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 25;
		rightWindow.y = -5;
		var wing = self.attachAsset('raceCarWing', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		wing.y = 75;
		var number = self.attachAsset('raceCarNumber', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		number.y = -60;
	} else if (carType === 'classic') {
		// Classic car with ultra-realistic details
		var carGraphics = self.attachAsset('classicCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('classicCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -42;
		var rearWindow = self.attachAsset('classicCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 42;
		var leftWindow = self.attachAsset('classicCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -32;
		leftWindow.y = -12;
		var rightWindow = self.attachAsset('classicCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 32;
		rightWindow.y = -12;
		var bumper = self.attachAsset('classicCarBumper', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		bumper.y = 87;
		var trim = self.attachAsset('classicCarTrim', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		trim.y = -87;
	} else {
		// Default car
		var carGraphics = self.attachAsset('playerCar', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		var frontWindow = self.attachAsset('playerCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		frontWindow.y = -40;
		var rearWindow = self.attachAsset('playerCarWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rearWindow.y = 40;
		var leftWindow = self.attachAsset('playerCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		leftWindow.x = -30;
		leftWindow.y = -10;
		var rightWindow = self.attachAsset('playerCarSideWindow', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		rightWindow.x = 30;
		rightWindow.y = -10;
	}
	self.currentLane = 0; // 0 = left lane, 1 = right lane
	self.targetX = 0;
	self.speed = 0;
	self.carType = carType;
	self.switchLane = function (lane) {
		if (self.currentLane !== lane) {
			self.currentLane = lane;
			self.targetX = lane === 0 ? leftLaneX : rightLaneX;
			LK.getSound('switch').play();
		}
	};
	self.update = function () {
		// Smooth lane switching
		var diff = self.targetX - self.x;
		if (Math.abs(diff) > 2) {
			self.x += diff * 0.15;
		} else {
			self.x = self.targetX;
		}
	};
	return self;
});
var RoadLine = Container.expand(function () {
	var self = Container.call(this);
	var lineGraphics = self.attachAsset('roadLine', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.update = function () {
		self.y += self.speed + gameSpeed;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x2c3e50
});

/**** 
* Game Code
****/ 
// Car selection UI assets
// Car selection assets
// Barrier detail assets
// Truck detail assets
// Enemy car detail assets
// Player car detail assets
// Game state variables
var gameState = 'carSelection'; // 'carSelection', 'playing'
var selectedCarType = 'default';
var carSelectionScreen = null;
// Game variables
var gameSpeed = 2;
var difficultyTimer = 0;
var obstacleTimer = 0;
var roadLineTimer = 0;
var leftLaneX = 1024 - 200;
var rightLaneX = 1024 + 200;
// Game objects arrays
var obstacles = [];
var roadLines = [];
var obstacleTypes = ['enemyCar', 'truck', 'barrier'];
// Create road surface
var roadSurface = game.addChild(LK.getAsset('roadSurface', {
	anchorX: 0.5,
	anchorY: 0.5
}));
roadSurface.x = 1024;
roadSurface.y = 1366;
// Add road texture patterns for realism
for (var i = 0; i < 60; i++) {
	var textureStripe = game.addChild(LK.getAsset('roadTexture', {
		anchorX: 0.5,
		anchorY: 0.5
	}));
	textureStripe.x = 1024;
	textureStripe.y = i * 50;
	textureStripe.alpha = 0.3;
}
// Add asphalt pattern details
for (var i = 0; i < 200; i++) {
	var pattern = game.addChild(LK.getAsset('asphaltPattern', {
		anchorX: 0.5,
		anchorY: 0.5
	}));
	pattern.x = 424 + Math.random() * 1200;
	pattern.y = Math.random() * 2732;
	pattern.alpha = 0.2;
	pattern.rotation = Math.random() * Math.PI;
}
// Create road sides
var leftSide = game.addChild(LK.getAsset('roadSide', {
	anchorX: 0.5,
	anchorY: 0.5
}));
leftSide.x = 374;
leftSide.y = 1366;
var rightSide = game.addChild(LK.getAsset('roadSide', {
	anchorX: 0.5,
	anchorY: 0.5
}));
rightSide.x = 1674;
rightSide.y = 1366;
// Add road edge lines for realism
var leftEdge = game.addChild(LK.getAsset('roadEdge', {
	anchorX: 0.5,
	anchorY: 0.5
}));
leftEdge.x = 424;
leftEdge.y = 1366;
var rightEdge = game.addChild(LK.getAsset('roadEdge', {
	anchorX: 0.5,
	anchorY: 0.5
}));
rightEdge.x = 1624;
rightEdge.y = 1366;
// Initialize car selection screen
function initCarSelection() {
	carSelectionScreen = game.addChild(new CarSelectionScreen());
	carSelectionScreen.x = 1024;
	carSelectionScreen.y = 1366;
}
initCarSelection();
// Game start function
function startGame() {
	gameState = 'playing';
	// Create player car with selected type
	playerCar = game.addChild(new PlayerCar(selectedCarType));
	playerCar.x = leftLaneX;
	playerCar.y = 2400;
	playerCar.targetX = leftLaneX;
	// Make playerCar globally accessible
	game.playerCar = playerCar;
}
// Placeholder for player car (will be created after car selection)
var playerCar = null;
// Create dashboard panel
var dashboardPanel = LK.getAsset('dashboardPanel', {
	anchorX: 0.5,
	anchorY: 0
});
LK.gui.top.addChild(dashboardPanel);
dashboardPanel.y = 20;
dashboardPanel.alpha = 0.8;
// Create speedometer
var speedometer = LK.getAsset('speedometer', {
	anchorX: 0.5,
	anchorY: 0.5
});
LK.gui.topRight.addChild(speedometer);
speedometer.x = -150;
speedometer.y = 100;
speedometer.alpha = 0.9;
// Create speedometer needle
var speedometerNeedle = LK.getAsset('speedometerNeedle', {
	anchorX: 0.5,
	anchorY: 1
});
speedometer.addChild(speedometerNeedle);
speedometerNeedle.y = 20;
// Create mini map
var miniMap = LK.getAsset('miniMap', {
	anchorX: 0,
	anchorY: 0
});
LK.gui.topLeft.addChild(miniMap);
miniMap.x = 120;
miniMap.y = 50;
miniMap.alpha = 0.7;
// Create score display with dashboard styling
var scoreText = new Text2('DISTANCE: 0', {
	size: 50,
	fill: '#00ff00'
});
scoreText.anchor.set(0.5, 0.5);
dashboardPanel.addChild(scoreText);
scoreText.y = -15;
// Create speed display with dashboard styling
var speedText = new Text2('SPEED: 1', {
	size: 40,
	fill: '#ffff00'
});
speedText.anchor.set(0.5, 0.5);
dashboardPanel.addChild(speedText);
speedText.y = 25;
// Touch controls
game.down = function (x, y, obj) {
	if (gameState === 'carSelection') {
		// Car selection screen handles its own touch events
		return;
	} else if (gameState === 'playing' && game.playerCar) {
		if (x < 1024) {
			// Left side of screen - switch to left lane
			game.playerCar.switchLane(0);
		} else {
			// Right side of screen - switch to right lane
			game.playerCar.switchLane(1);
		}
	}
};
// Spawn obstacle function
function spawnObstacle() {
	var obstacleType = obstacleTypes[Math.floor(Math.random() * obstacleTypes.length)];
	var obstacle = new Obstacle(obstacleType);
	// Randomly place in left or right lane
	var lane = Math.floor(Math.random() * 2);
	obstacle.x = lane === 0 ? leftLaneX : rightLaneX;
	obstacle.y = -200;
	obstacle.lane = lane;
	obstacles.push(obstacle);
	game.addChild(obstacle);
}
// Spawn road line function
function spawnRoadLine() {
	var roadLine = new RoadLine();
	roadLine.x = 1024;
	roadLine.y = -50;
	roadLines.push(roadLine);
	game.addChild(roadLine);
}
// Main game update loop
game.update = function () {
	if (gameState === 'carSelection') {
		// Car selection screen is active, don't update game logic
		return;
	}
	if (gameState === 'playing' && game.playerCar) {
		// Update difficulty
		difficultyTimer++;
		if (difficultyTimer % 600 === 0) {
			// Every 10 seconds
			gameSpeed += 0.5;
			speedText.setText('SPEED: ' + Math.floor(gameSpeed) + ' KM/H');
		}
		// Update score
		LK.setScore(Math.floor(LK.ticks / 10));
		scoreText.setText('DISTANCE: ' + LK.getScore() + ' M');
		// Spawn obstacles
		obstacleTimer++;
		var spawnRate = Math.max(60 - Math.floor(gameSpeed * 5), 30);
		if (obstacleTimer % spawnRate === 0) {
			spawnObstacle();
		}
		// Spawn road lines
		roadLineTimer++;
		if (roadLineTimer % 40 === 0) {
			spawnRoadLine();
		}
		// Spawn lane dividers for center line
		if (roadLineTimer % 30 === 0) {
			var laneDivider = new LaneDivider();
			laneDivider.x = 1024;
			laneDivider.y = -50;
			roadLines.push(laneDivider);
			game.addChild(laneDivider);
		}
		// Update speedometer needle rotation based on speed
		speedometerNeedle.rotation = gameSpeed / 10 * Math.PI * 0.5;
		// Update and check obstacles
		for (var i = obstacles.length - 1; i >= 0; i--) {
			var obstacle = obstacles[i];
			// Check if obstacle is off screen
			if (obstacle.y > 2800) {
				// Give points for passing obstacle
				if (!obstacle.passed) {
					LK.setScore(LK.getScore() + 10);
					obstacle.passed = true;
				}
				obstacle.destroy();
				obstacles.splice(i, 1);
				continue;
			}
			// Check collision with player
			if (obstacle.intersects(game.playerCar)) {
				LK.getSound('crash').play();
				LK.effects.flashScreen(0xff0000, 1000);
				LK.showGameOver();
				return;
			}
			// Check if obstacle was passed for scoring
			if (!obstacle.passed && obstacle.y > game.playerCar.y + 100) {
				obstacle.passed = true;
				LK.setScore(LK.getScore() + 5);
			}
		}
		// Update and clean up road lines
		for (var j = roadLines.length - 1; j >= 0; j--) {
			var roadLine = roadLines[j];
			if (roadLine.y > 2800) {
				roadLine.destroy();
				roadLines.splice(j, 1);
			}
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -212,13 +212,13 @@
 			anchorX: 0.5,
 			anchorY: 0.5
 		});
 		cardBg.alpha = 0.8;
-		// Position cards in 2x2 grid
+		// Position cards in 2x2 grid with more spacing
 		var col = i % 2;
 		var row = Math.floor(i / 2);
-		card.x = (col - 0.5) * 450;
-		card.y = (row - 0.5) * 300 - 50;
+		card.x = (col - 0.5) * 600;
+		card.y = (row - 0.5) * 400 - 50;
 		// Car preview
 		var carPreview = card.addChild(new CarPreview(carTypes[i].type));
 		carPreview.y = -100;
 		carPreview.scaleX = 0.8;
@@ -268,14 +268,24 @@
 		});
 	}
 	self.cards = cards;
 	self.down = function (x, y, obj) {
-		// Check if any select button was clicked
+		// Convert touch position to local coordinates
+		var localPos = self.toLocal({
+			x: x,
+			y: y
+		});
+		// Check if any card was clicked
 		for (var i = 0; i < self.cards.length; i++) {
-			var button = self.cards[i].button;
-			var globalPos = self.toGlobal(button.position);
-			var distance = Math.sqrt(Math.pow(x - globalPos.x, 2) + Math.pow(y - globalPos.y, 2));
-			if (distance < 200) {
+			var card = self.cards[i].card;
+			var cardBounds = {
+				left: card.x - 200,
+				right: card.x + 200,
+				top: card.y - 250,
+				bottom: card.y + 250
+			};
+			// Check if touch is within card bounds
+			if (localPos.x >= cardBounds.left && localPos.x <= cardBounds.right && localPos.y >= cardBounds.top && localPos.y <= cardBounds.bottom) {
 				selectedCarType = self.cards[i].type;
 				carSelectionScreen.destroy();
 				carSelectionScreen = null;
 				startGame();