/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	bpm: 100
});

/**** 
* Classes
****/ 
// default bpm 100
// Beat marker class (moving dot)
var BeatMarker = Container.expand(function () {
	var self = Container.call(this);
	var marker = self.attachAsset('beatMarker', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.active = true; // Whether this beat is still hittable
	self.hit = false; // Whether this beat was hit
	// For feedback animation
	self.showFeedback = function (type) {
		var feedbackId = type === 'good' ? 'goodCircle' : 'missCircle';
		var feedback = LK.getAsset(feedbackId, {
			anchorX: 0.5,
			anchorY: 0.5,
			x: self.x,
			y: self.y,
			alpha: 0.7,
			scaleX: 1,
			scaleY: 1
		});
		game.addChild(feedback);
		tween(feedback, {
			alpha: 0,
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 400,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				feedback.destroy();
			}
		});
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x6ec6f5 // light blue sky
});

/**** 
* Game Code
****/ 
// --- BPM-specific music assets (kickless versions) ---
// Music (looping, short demo)
// Sound for kick
// Good feedback
// Miss feedback
// Beat marker
// Timeline bar
// Bass drum (kick) hit circle when active
// Bass drum (kick) hit circle
// --- Game constants ---
var TIMELINE_WIDTH = 2048;
var TIMELINE_HEIGHT = 25;
var TIMELINE_Y = 2000; // Y position of timeline bar
var TIMELINE_X = 0;
var HIT_ZONE_X = 2048 / 2; // Center of screen
var HIT_ZONE_Y = TIMELINE_Y + TIMELINE_HEIGHT / 2;
var HIT_WINDOW = 120; // px distance for perfect hit
// Beat speed is constant - beats always move at the same speed
function getBeatSpeed() {
	return 400; // Constant speed in pixels per second
}
var INITIAL_BPM = 100; // Starting BPM
var BEATS_PER_MEASURE = 4;
var BEAT_INTERVAL = 60 / INITIAL_BPM; // seconds per beat
var DIFFICULTY_STEP = 0.15; // How much to increase BPM per level
var MAX_MISSES = 5;
// --- Game state ---
var beats = []; // Active BeatMarker objects
var beatPattern = []; // Array of {time, type}
var nextBeatIdx = 0; // Next beat to spawn
var songTime = 0; // Elapsed time in seconds
var lastTickTime = Date.now();
var score = 0;
var misses = 0;
var ignoredMisses = 0; // Track first 3 misses to ignore
var combo = 0;
var bpm = typeof storage.bpm === "number" ? storage.bpm : INITIAL_BPM;
var beatInterval = 60 / bpm;
var gameActive = true;
var feedbackTimeout = null;
// --- UI elements ---
// --- Heart/Life UI ---
// (Initialization moved after scoreTxt is defined)
var MAX_LIVES = 3;
var lives = MAX_LIVES;
var heartIcons = [];
var heartSpacing = 40;
var heartshields = 3; // Number of heartshields remaining
// Heart/life UI will be initialized after scoreTxt is defined
// --- Gameplay Screen Container ---
var gamescreen = new Container();
gamescreen.visible = false;
game.addChild(gamescreen);
// Add isyeri background image, anchored top-left, covering the whole game area
var isyeriBg = LK.getAsset('isyeri', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0,
	width: 2048,
	height: 2732
});
gamescreen.addChild(isyeriBg);
var timelineBar = LK.getAsset('timelineBar', {
	anchorX: 0,
	anchorY: 0.5,
	x: TIMELINE_X,
	y: TIMELINE_Y + TIMELINE_HEIGHT / 2
});
gamescreen.addChild(timelineBar);
// Hit zone (kick target)
var kickTarget = LK.getAsset('kickTarget', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: HIT_ZONE_X,
	y: HIT_ZONE_Y
});
gamescreen.addChild(kickTarget);
// Score text - pixelated effect using small size and scale
var scoreTxt = new Text2('0', {
	size: 20,
	fill: 0xFFFFFF
});
scoreTxt.scale.set(6, 6); // Scale up 6x to create more pixelated effect
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Combo text
var comboTxt = new Text2('', {
	size: 12,
	fill: 0x00FF00
});
comboTxt.scale.set(6, 6);
comboTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(comboTxt);
comboTxt.y = 120;
// BPM display text - 200px below combo text
var bpmDisplayTxt = new Text2('BPM: ' + bpm, {
	size: 12,
	fill: 0xef69b9
});
bpmDisplayTxt.scale.set(6, 6);
bpmDisplayTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(bpmDisplayTxt);
bpmDisplayTxt.y = comboTxt.y + 200;
// No miss text, only hearts for lives display
// --- Heart/Life UI --- (moved here to ensure scoreTxt is defined)
// Calculate heartY based on scoreTxt position and height
var heartY = scoreTxt.y; // Score text ile aynı hizada
var heartWidth = 100;
var totalHeartsWidth = MAX_LIVES * heartWidth + (MAX_LIVES - 1) * heartSpacing;
var heartStartX = 2048 - 100 - totalHeartsWidth; // Sağdan 100px boşluk bırak
// Remove any existing heart icons from their parents before recreating
for (var i = 0; i < heartIcons.length; i++) {
	if (heartIcons[i] && heartIcons[i].parent) {
		heartIcons[i].parent.removeChild(heartIcons[i]);
	}
}
heartIcons = [];
for (var i = 0; i < MAX_LIVES; i++) {
	var heartshield = LK.getAsset('heartshield', {
		anchorX: 0,
		anchorY: 0,
		x: heartStartX + i * (heartWidth + heartSpacing),
		y: heartY
	});
	gamescreen.addChild(heartshield);
	heartIcons.push(heartshield);
}
// --- Beat pattern generation ---
function generateBeatPattern(bpm, measures) {
	// Simple: 4/4, kick on every beat, can add more complex patterns later
	var pattern = [];
	var interval = 60 / bpm;
	var totalBeats = 100000; // Target 100,000 total beats
	for (var beatIndex = 0; beatIndex < totalBeats; beatIndex++) {
		pattern.push({
			time: beatIndex * interval,
			type: 'kick'
		});
	}
	return pattern;
}
// --- Start game ---
function startGame() {
	// Reset state
	for (var i = 0; i < beats.length; i++) {
		beats[i].destroy();
	}
	beats = [];
	// Always use current bpm from settings and calculate beatInterval accordingly
	beatInterval = 60 / bpm;
	beatPattern = generateBeatPattern(bpm); // Generate 100,000 beats
	nextBeatIdx = 0;
	songTime = 0;
	lastTickTime = Date.now();
	score = 0;
	misses = 0;
	ignoredMisses = 0; // Reset ignored misses counter
	combo = 0;
	lives = MAX_LIVES;
	heartshields = 3; // Reset heartshields
	// Remove any beat that is at the kick target at game start (defensive, in case of bug)
	// Also, prevent initial miss by ensuring no beat is at or past the hit zone at game start
	for (var i = beats.length - 1; i >= 0; i--) {
		if (typeof beats[i].x !== "undefined" && Math.abs(beats[i].x - HIT_ZONE_X) < 2 || typeof beats[i].x !== "undefined" && beats[i].x >= HIT_ZONE_X - HIT_WINDOW) {
			beats[i].destroy();
			beats.splice(i, 1);
		}
	}
	// Defensive: Also ensure no beat is created at the kick target at game start
	if (beats.length > 0 && typeof beats[0].x !== "undefined" && Math.abs(beats[0].x - HIT_ZONE_X) < 2) {
		beats[0].destroy();
		beats.splice(0, 1);
	}
	// Reset heart icons to full
	// Recalculate miss text width and heart positions on restart
	var heartWidth = 100;
	var totalHeartsWidth = MAX_LIVES * heartWidth + (MAX_LIVES - 1) * heartSpacing;
	var heartStartX = 2048 - 100 - totalHeartsWidth;
	var heartY = scoreTxt.y;
	for (var i = 0; i < heartIcons.length; i++) {
		var parent = heartIcons[i].parent;
		if (parent) {
			parent.removeChild(heartIcons[i]);
		}
		// Start with heartshields, convert to hearts as shields are lost
		var assetType = i < heartshields ? 'heartshield' : 'heart';
		heartIcons[i] = LK.getAsset(assetType, {
			anchorX: 0,
			anchorY: 0,
			x: heartStartX + i * (heartWidth + heartSpacing),
			y: heartY
		});
		gamescreen.addChild(heartIcons[i]);
	}
	gameActive = true;
	scoreTxt.setText('0');
	comboTxt.setText('');
	// missTxt removed, only hearts for lives
	kickTarget.visible = true;
	LK.setScore(0);
	// Reapply glow effects after game restart
	applyGlowToVioletElements();
	// --- Play correct BPM music (kickless) ---
	var musicId = 'music_100bpm_nokick';
	if (bpm === 75) {
		musicId = 'music_75bpm_nokick';
	} else if (bpm === 80) {
		musicId = 'music_80bpm_nokick';
	} else if (bpm === 85) {
		musicId = 'music_85bpm_nokick';
	} else if (bpm === 90) {
		musicId = 'music_90bpm_nokick';
	} else if (bpm === 95) {
		musicId = 'music_95bpm_nokick';
	} else if (bpm === 100) {
		musicId = 'music_100bpm_nokick';
	}
	LK.playMusic(musicId, {
		loop: true
	});
}
// --- Main Menu Implementation ---
// Add main menu background image, anchored top-left, covering the whole game area
var mainMenuContainer = new Container();
mainMenuContainer.visible = true;
var mainMenuBg = LK.getAsset('mainmanubg', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0,
	width: 2048,
	height: 2732
});
mainMenuContainer.addChild(mainMenuBg);
// Title - DJ Asset
var djAsset = LK.getAsset('DJ', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 315,
	scaleX: 8,
	scaleY: 8
});
mainMenuContainer.addChild(djAsset);
// Calculate button positions with 5px spacing
var buttonStartY = 1000;
var buttonHeight = 289; // Approximate height with scale 5
var buttonSpacing = 5;
// Start Button
var startBtn = LK.getAsset('startbutton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: buttonStartY,
	scaleX: 5,
	scaleY: 5
});
mainMenuContainer.addChild(startBtn);
// Settings Button
var settingsBtn = LK.getAsset('settingsbutton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: buttonStartY + buttonHeight + buttonSpacing,
	scaleX: 5,
	scaleY: 5
});
mainMenuContainer.addChild(settingsBtn);
// Credits Button
var creditsBtn = LK.getAsset('creditsbutton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: buttonStartY + 2 * (buttonHeight + buttonSpacing),
	scaleX: 5,
	scaleY: 5
});
mainMenuContainer.addChild(creditsBtn);
// Support Us Button
var supportBtn = LK.getAsset('supportbutton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: buttonStartY + 3 * (buttonHeight + buttonSpacing),
	scaleX: 5,
	scaleY: 5
});
mainMenuContainer.addChild(supportBtn);
// Overlay for credits/settings/support
var settingsmenu = new Container();
settingsmenu.visible = false;
game.addChild(settingsmenu);
var creditsmenu = new Container();
creditsmenu.visible = false;
game.addChild(creditsmenu);
var supportmenu = new Container();
supportmenu.visible = false;
game.addChild(supportmenu);
// Helper to hide all overlays
function hideAllMenus() {
	settingsmenu.visible = false;
	creditsmenu.visible = false;
	supportmenu.visible = false;
}
// Show credits menu
function showCreditsMenu() {
	hideAllMenus();
	creditsmenu.removeChildren();
	var bg = LK.getAsset('creditsbg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732
	});
	creditsmenu.addChild(bg);
	var creditsTab = LK.getAsset('creditstab', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		scaleX: 10,
		scaleY: 10
	});
	creditsmenu.addChild(creditsTab);
	// Close button (bottom right)
	var closeBtn = new Text2("KAPAT", {
		size: 15,
		fill: 0xffffff
	});
	closeBtn.scale.set(6, 6);
	closeBtn.anchor.set(1, 1);
	closeBtn.x = 2048 - 60;
	closeBtn.y = 2732 - 60;
	creditsmenu.addChild(closeBtn);
	closeBtn.down = function (x, y, obj) {
		// Click animation - scale inward then outward
		tween(closeBtn, {
			scaleX: 0.9,
			scaleY: 0.9
		}, {
			duration: 80,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				tween(closeBtn, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 120,
					easing: tween.easeOut
				});
			}
		});
		creditsmenu.visible = false;
		mainMenuContainer.visible = true;
	};
	creditsmenu.visible = true;
	// Remove tap-to-close on background
	creditsmenu.down = undefined;
}
// Show support menu
function showSupportMenu() {
	hideAllMenus();
	supportmenu.removeChildren();
	var bg = LK.getAsset('supportbg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732
	});
	supportmenu.addChild(bg);
	var supportTab = LK.getAsset('supporttab', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		scaleX: 10,
		scaleY: 10
	});
	supportmenu.addChild(supportTab);
	// Close button (bottom right)
	var closeBtn = new Text2("KAPAT", {
		size: 15,
		fill: 0xffffff
	});
	closeBtn.scale.set(6, 6);
	closeBtn.anchor.set(1, 1);
	closeBtn.x = 2048 - 60;
	closeBtn.y = 2732 - 60;
	supportmenu.addChild(closeBtn);
	closeBtn.down = function (x, y, obj) {
		// Click animation - scale inward then outward
		tween(closeBtn, {
			scaleX: 0.9,
			scaleY: 0.9
		}, {
			duration: 80,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				tween(closeBtn, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 120,
					easing: tween.easeOut
				});
			}
		});
		supportmenu.visible = false;
		mainMenuContainer.visible = true;
	};
	supportmenu.visible = true;
	// Remove tap-to-close on background
	supportmenu.down = undefined;
}
// Show settings menu
function showSettingsMenu() {
	hideAllMenus();
	settingsmenu.removeChildren();
	var bg = LK.getAsset('settingsbg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732
	});
	settingsmenu.addChild(bg);
	var txt = new Text2("Settings", {
		size: 18,
		fill: 0xffffff
	});
	txt.scale.set(6, 6);
	txt.anchor.set(0.5, 0.5);
	txt.x = 2048 / 2;
	txt.y = 700;
	settingsmenu.addChild(txt);
	// --- BPM CIRCLE UI ---
	// Container for the whole BPM control
	var bpmCircleContainer = new Container();
	bpmCircleContainer.x = 2048 / 2;
	bpmCircleContainer.y = 1100;
	settingsmenu.addChild(bpmCircleContainer);
	// Circle background
	var bpmCircleBg = LK.getAsset('kickTarget', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0,
		scaleX: 1.1,
		scaleY: 1.1,
		alpha: 0.85
	});
	bpmCircleContainer.addChild(bpmCircleBg);
	// BPM value text
	var bpmValueTxt = new Text2(bpm + "", {
		size: 18,
		fill: 0xff8c00
	});
	bpmValueTxt.scale.set(6, 6);
	bpmValueTxt.anchor.set(0.5, 0.5);
	bpmValueTxt.x = 0;
	bpmValueTxt.y = 0;
	bpmCircleContainer.addChild(bpmValueTxt);
	// BPM label text
	var bpmLabelTxt = new Text2("BPM", {
		size: 8,
		fill: 0xffffff
	});
	bpmLabelTxt.scale.set(6, 6);
	bpmLabelTxt.anchor.set(0.5, 0.5);
	bpmLabelTxt.x = 0;
	bpmLabelTxt.y = 90;
	bpmCircleContainer.addChild(bpmLabelTxt);
	// --- Drag-to-change BPM logic ---
	var dragActive = false;
	var dragStartY = 0;
	var dragStartBpm = 0;
	var lastDragStep = 0;
	var BPM_MIN = 40;
	var BPM_MAX = 300;
	var BPM_STEP = 5;
	var PIXELS_PER_STEP = 20;
	// Touch start (down) on circle
	bpmCircleContainer.down = function (x, y, obj) {
		dragActive = true;
		dragStartY = y;
		dragStartBpm = bpm;
		lastDragStep = 0;
		// Animate circle slightly for feedback
		tween(bpmCircleBg, {
			scaleX: 1.18,
			scaleY: 1.18
		}, {
			duration: 100,
			yoyo: true,
			repeat: 1
		});
	};
	// Touch move on circle
	bpmCircleContainer.move = function (x, y, obj) {
		if (!dragActive) {
			return;
		}
		var dy = dragStartY - y; // Up is positive
		var step = Math.floor(dy / PIXELS_PER_STEP);
		if (step !== lastDragStep) {
			var newBpm = dragStartBpm + step * BPM_STEP;
			if (newBpm < BPM_MIN) {
				newBpm = BPM_MIN;
			}
			if (newBpm > BPM_MAX) {
				newBpm = BPM_MAX;
			}
			if (newBpm !== bpm) {
				bpm = newBpm;
				bpmValueTxt.setText(bpm + "");
				beatInterval = 60 / bpm;
				storage.bpm = bpm; // persist bpm to storage
				if (bpmDisplayTxt) {
					bpmDisplayTxt.setText('BPM: ' + bpm);
				}
			}
			lastDragStep = step;
		}
	};
	// Touch end (up) on circle
	bpmCircleContainer.up = function (x, y, obj) {
		dragActive = false;
		// Animate back to normal scale
		tween(bpmCircleBg, {
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 100
		});
	};
	// Close button (bottom right)
	var closeBtn = new Text2("KAPAT", {
		size: 15,
		fill: 0xffffff
	});
	closeBtn.scale.set(6, 6);
	closeBtn.anchor.set(1, 1);
	closeBtn.x = 2048 - 60;
	closeBtn.y = 2732 - 60;
	settingsmenu.addChild(closeBtn);
	closeBtn.down = function (x, y, obj) {
		// Click animation - scale inward then outward
		tween(closeBtn, {
			scaleX: 0.9,
			scaleY: 0.9
		}, {
			duration: 80,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				tween(closeBtn, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 120,
					easing: tween.easeOut
				});
			}
		});
		settingsmenu.visible = false;
		mainMenuContainer.visible = true;
	};
	// Remove tap-to-close on background
	settingsmenu.down = undefined;
	settingsmenu.visible = true;
}
// Button event handlers
// Countdown logic
var countdownContainer = new Container();
countdownContainer.visible = false;
game.addChild(countdownContainer);
// Pre-game ready screen container
var readyContainer = new Container();
readyContainer.visible = false;
game.addChild(readyContainer);
function showReadyScreen(onReady) {
	gamescreen.visible = true;
	readyContainer.visible = true;
	readyContainer.removeChildren();
	// Show arrowtap area
	var arrowTap = LK.getAsset('arrowtap', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: HIT_ZONE_X - 150,
		y: HIT_ZONE_Y + 250,
		scaleX: 3,
		scaleY: 3
	});
	readyContainer.addChild(arrowTap);
	// Show ready button
	var readyBtn = LK.getAsset('readybutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2 + 350,
		scaleX: 6,
		scaleY: 6
	});
	readyContainer.addChild(readyBtn);
	// Ready button click handler
	readyBtn.down = function (x, y, obj) {
		// Click animation
		tween(readyBtn, {
			scaleX: 7.2,
			scaleY: 7.2
		}, {
			duration: 80,
			easing: tween.easeIn,
			onFinish: function onFinish() {
				tween(readyBtn, {
					scaleX: 8,
					scaleY: 8
				}, {
					duration: 120,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						readyContainer.visible = false;
						readyContainer.removeChildren();
						if (typeof onReady === "function") {
							onReady();
						}
					}
				});
			}
		});
	};
}
function showCountdown(onFinish) {
	gamescreen.visible = true;
	countdownContainer.visible = true;
	countdownContainer.removeChildren();
	var numbers = ["3", "2", "1"];
	var idx = 0;
	function showNext() {
		if (idx >= numbers.length) {
			countdownContainer.visible = false;
			countdownContainer.removeChildren();
			// Only show gamescreen if game is active (startGame will set it visible)
			if (!gameActive) {
				gamescreen.visible = false;
			}
			if (typeof onFinish === "function") {
				onFinish();
			}
			return;
		}
		countdownContainer.removeChildren();
		var txt = new Text2(numbers[idx], {
			size: 600,
			fill: 0xffd700
		});
		txt.scale.set(160, 160);
		txt.anchor.set(0.5, 0.5);
		txt.x = 2048 / 2;
		txt.y = 1200;
		txt.alpha = 0;
		txt.scale.x = 0.6;
		txt.scale.y = 0.6;
		countdownContainer.addChild(txt);
		// Animate in
		tween(txt, {
			alpha: 1,
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 250,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				// Hold, then animate out
				tween(txt, {
					alpha: 0,
					scaleX: 1.5,
					scaleY: 1.5
				}, {
					duration: 350,
					delay: 400,
					easing: tween.cubicIn,
					onFinish: function onFinish() {
						idx++;
						showNext();
					}
				});
			}
		});
	}
	idx = 0;
	showNext();
}
startBtn.down = function (x, y, obj) {
	// Stop menu music immediately and fade out over 3 seconds
	LK.stopMusic();
	LK.playMusic('menumusic', {
		fade: {
			start: 1,
			end: 0,
			duration: 3000
		}
	});
	// Click animation - scale inward then outward
	tween(startBtn, {
		scaleX: 4.5,
		scaleY: 4.5
	}, {
		duration: 80,
		easing: tween.easeIn,
		onFinish: function onFinish() {
			tween(startBtn, {
				scaleX: 5,
				scaleY: 5
			}, {
				duration: 120,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					mainMenuContainer.visible = false;
					showReadyScreen(function () {
						showCountdown(function () {
							startGame();
						});
					});
				}
			});
		}
	});
};
settingsBtn.down = function (x, y, obj) {
	// Click animation - scale inward then outward
	tween(settingsBtn, {
		scaleX: 4.5,
		scaleY: 4.5
	}, {
		duration: 80,
		easing: tween.easeIn,
		onFinish: function onFinish() {
			tween(settingsBtn, {
				scaleX: 5,
				scaleY: 5
			}, {
				duration: 120,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					mainMenuContainer.visible = false;
					showSettingsMenu();
				}
			});
		}
	});
};
creditsBtn.down = function (x, y, obj) {
	// Click animation - scale inward then outward
	tween(creditsBtn, {
		scaleX: 4.5,
		scaleY: 4.5
	}, {
		duration: 80,
		easing: tween.easeIn,
		onFinish: function onFinish() {
			tween(creditsBtn, {
				scaleX: 5,
				scaleY: 5
			}, {
				duration: 120,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					mainMenuContainer.visible = false;
					showCreditsMenu();
				}
			});
		}
	});
};
supportBtn.down = function (x, y, obj) {
	// Click animation - scale inward then outward
	tween(supportBtn, {
		scaleX: 4.5,
		scaleY: 4.5
	}, {
		duration: 80,
		easing: tween.easeIn,
		onFinish: function onFinish() {
			tween(supportBtn, {
				scaleX: 5,
				scaleY: 5
			}, {
				duration: 120,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					mainMenuContainer.visible = false;
					showSupportMenu();
				}
			});
		}
	});
};
// Add menu to game
game.addChild(mainMenuContainer);
// menus are already added above
// Hide all gameplay UI until game starts
scoreTxt.visible = false;
comboTxt.visible = false;
bpmDisplayTxt.visible = false;
// missTxt removed, only hearts for lives
// timelineBar and kickTarget are now children of gamescreen, so their visibility is managed by gamescreen
// Patch startGame to show gameplay UI and gamescreen
var _originalStartGame = startGame;
startGame = function startGame() {
	scoreTxt.visible = true;
	comboTxt.visible = true;
	bpmDisplayTxt.visible = true;
	if (bpmDisplayTxt) {
		bpmDisplayTxt.setText('BPM: ' + bpm);
	}
	// missTxt removed, only hearts for lives
	gamescreen.visible = true;
	mainMenuContainer.visible = false;
	// overlayContainer.visible = false; // Removed, not defined
	_originalStartGame();
};
// On menu, hide gameplay UI and gamescreen
mainMenuContainer.visible = true;
scoreTxt.visible = false;
comboTxt.visible = false;
bpmDisplayTxt.visible = false;
gamescreen.visible = false;
// Play menu music when in main menu
LK.playMusic('menumusic', {
	loop: true
});
// --- Beat spawning ---
function spawnBeat(beat) {
	var marker = new BeatMarker();
	// Spawn beats from the leftmost edge of the screen (completely off-screen)
	marker.x = -200; // Start further left to ensure beats come from outside the visible area
	marker.y = HIT_ZONE_Y;
	marker.beatTime = beat.time;
	marker.type = beat.type;
	marker.active = true;
	marker.hit = false;
	marker.lastX = marker.x; // initialize lastX for correct miss logic
	marker.hasReachedHitZone = false; // initialize for correct miss logic
	beats.push(marker);
	gamescreen.addChild(marker);
}
// --- Game update ---
game.update = function () {
	if (!gameActive) {
		return;
	}
	// Time management
	var now = Date.now();
	var dt = (now - lastTickTime) / 1000;
	lastTickTime = now;
	songTime += dt;
	// Prevent beat spawning until countdown is finished and gameplay is visible
	if (!gamescreen.visible || countdownContainer.visible) {
		return;
	}
	// Only allow beat spawning after countdown is finished
	if (!countdownContainer.visible) {
		// Spawn new beats if it's time - using constant beat speed but BPM-based spacing
		var currentBeatSpeed = getBeatSpeed();
		var spawnDistance = currentBeatSpeed * (60 / bpm); // Distance between beats based on BPM
		// Calculate the extra time needed for beats to travel from left edge to timeline start
		var extraTravelTime = (TIMELINE_X + 200) / currentBeatSpeed; // Time to travel from spawn point to timeline start
		while (nextBeatIdx < beatPattern.length && beatPattern[nextBeatIdx].time - songTime < TIMELINE_WIDTH / currentBeatSpeed + extraTravelTime) {
			spawnBeat(beatPattern[nextBeatIdx]);
			nextBeatIdx++;
		}
	}
	// Move beats and check for misses
	for (var i = beats.length - 1; i >= 0; i--) {
		var beat = beats[i];
		// Calculate progress using constant speed - beats move at same speed regardless of BPM
		var currentBeatSpeed = getBeatSpeed();
		var timeToHit = beat.beatTime - songTime;
		// Use constant speed for movement, BPM only affects spacing between beats
		var beatSpacing = currentBeatSpeed * (60 / bpm); // Space between beats based on BPM
		// Calculate total travel distance from left edge to beyond hit zone
		var totalTravelDistance = TIMELINE_X + TIMELINE_WIDTH + 200 + 200; // Include the extra 200px from spawn point
		var extraTravelTime = (TIMELINE_X + 200) / currentBeatSpeed; // Time to travel from spawn point to timeline start
		var pxFromStart = (songTime - beat.beatTime + totalTravelDistance / currentBeatSpeed - extraTravelTime) * currentBeatSpeed;
		beat.x = -200 + Math.max(0, Math.min(totalTravelDistance, pxFromStart));
		// Ensure beatMarker always passes below kickTarget
		if (kickTarget && kickTarget.parent) {
			var kickTargetIndex = kickTarget.parent.getChildIndex(kickTarget);
			var beatIndex = beat.parent.getChildIndex(beat);
			if (beatIndex > kickTargetIndex) {
				beat.parent.setChildIndex(beat, kickTargetIndex);
			}
		}
		// Track lastX for miss detection
		if (typeof beat.lastX === "undefined") {
			beat.lastX = beat.x;
		}
		// Only check for miss if the beat has passed the hit zone (not before)
		// Also, do not count as miss if the beat has not yet reached the hit zone at least once
		if (!beat.hit && beat.active && typeof beat.hasReachedHitZone !== "undefined" && beat.hasReachedHitZone && beat.lastX <= HIT_ZONE_X + HIT_WINDOW && beat.x > HIT_ZONE_X + HIT_WINDOW) {
			// Missed
			beat.active = false;
			misses++;
			// Handle heartshield system
			if (heartshields > 0) {
				// Convert leftmost heartshield to heart (heartshields are lost left to right)
				var shieldIndex = 3 - heartshields; // Get the leftmost heartshield index
				if (heartIcons[shieldIndex]) {
					var parent = heartIcons[shieldIndex].parent;
					if (parent) {
						parent.removeChild(heartIcons[shieldIndex]);
					}
					heartIcons[shieldIndex] = LK.getAsset('heart', {
						anchorX: 0,
						anchorY: 0,
						x: heartStartX + shieldIndex * (heartWidth + heartSpacing),
						y: heartY
					});
					gamescreen.addChild(heartIcons[shieldIndex]);
				}
				heartshields--; // Lose one heartshield
				// No miss feedback, sound, or other penalties for heartshield hits
			} else {
				// All heartshields are gone, now show miss effects and lose hearts
				beat.showFeedback('miss');
				combo = 0;
				// missTxt removed, only hearts for lives
				comboTxt.setText('');
				LK.effects.flashObject(kickTarget, 0xff0000, 200);
				// Play miss sound
				LK.getSound('miss').play();
				// Show MISS feedback text at hit zone
				var missText = new Text2('MISS', {
					size: 20,
					fill: 0xff0000
				});
				missText.scale.set(6, 6);
				missText.anchor.set(0.5, 0.5);
				missText.x = HIT_ZONE_X;
				missText.y = HIT_ZONE_Y - 180;
				game.addChild(missText);
				tween(missText, {
					alpha: 0,
					y: missText.y - 100
				}, {
					duration: 600,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						missText.destroy();
					}
				});
				// Lose a heart and update heart icon (hearts are lost left to right)
				if (lives > 0) {
					var lostIndex = MAX_LIVES - lives; // soldan sağa kaybetmek için
					if (heartIcons[lostIndex]) {
						var parent = heartIcons[lostIndex].parent;
						if (parent) {
							parent.removeChild(heartIcons[lostIndex]);
						}
						heartIcons[lostIndex] = LK.getAsset('lostheart', {
							anchorX: 0,
							anchorY: 0,
							x: heartStartX + lostIndex * (heartWidth + heartSpacing),
							y: heartY
						});
						gamescreen.addChild(heartIcons[lostIndex]);
					}
					lives--;
				}
				if (lives <= 0) {
					gameOver();
				}
			}
		}
		// Track if beat has reached the hit zone at least once
		if (typeof beat.hasReachedHitZone === "undefined") {
			beat.hasReachedHitZone = false;
		}
		if (!beat.hasReachedHitZone && beat.x >= HIT_ZONE_X - HIT_WINDOW) {
			beat.hasReachedHitZone = true;
		}
		// Remove if off screen
		if (beat.x > TIMELINE_X + TIMELINE_WIDTH + 100) {
			beat.destroy();
			beats.splice(i, 1);
		}
		// Update lastX for next frame
		beat.lastX = beat.x;
	}
};
// --- Input handling ---
var isTouching = false;
game.down = function (x, y, obj) {
	if (!gameActive) {
		return;
	}
	// Don't register hits during ready screen
	if (readyContainer.visible) {
		return;
	}
	// Only register if touch is in hit zone
	var dx = x - HIT_ZONE_X;
	var dy = y - HIT_ZONE_Y;
	var dist = Math.sqrt(dx * dx + dy * dy);
	if (dist < 120) {
		isTouching = true;
		// Animate kick target
		kickTarget.destroy();
		kickTarget = LK.getAsset('kickActive', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: HIT_ZONE_X,
			y: HIT_ZONE_Y
		});
		gamescreen.addChild(kickTarget);
		// Check for beat hit
		var hit = false;
		for (var i = 0; i < beats.length; i++) {
			var beat = beats[i];
			if (beat.active && !beat.hit && Math.abs(beat.x - HIT_ZONE_X) < HIT_WINDOW) {
				// Calculate timing accuracy
				var distFromCenter = Math.abs(beat.x - HIT_ZONE_X);
				var feedbackType = '';
				var feedbackText = '';
				var feedbackColor = 0xffffff;
				var scoreAdd = 0;
				if (distFromCenter < 20) {
					feedbackType = 'perfect';
					feedbackText = 'PERFECT!';
					feedbackColor = 0xffe600;
					scoreAdd = 200;
				} else if (distFromCenter < 40) {
					feedbackType = 'awesome';
					feedbackText = 'AWESOME!';
					feedbackColor = 0x00e6ff;
					scoreAdd = 150;
				} else if (distFromCenter < 70) {
					feedbackType = 'good';
					feedbackText = 'GOOD';
					feedbackColor = 0x00ff00;
					scoreAdd = 100;
				} else {
					feedbackType = 'ok';
					feedbackText = 'OK';
					feedbackColor = 0xcccccc;
					scoreAdd = 50;
				}
				beat.hit = true;
				beat.active = false;
				hit = true;
				score += scoreAdd;
				combo += 1;
				LK.setScore(score);
				scoreTxt.setText(score);
				comboTxt.setText('Combo: ' + combo);
				// Show feedback text at hit zone
				var feedbackTxt = new Text2(feedbackText, {
					size: 20,
					fill: feedbackColor
				});
				feedbackTxt.scale.set(6, 6);
				feedbackTxt.anchor.set(0.5, 0.5);
				feedbackTxt.x = HIT_ZONE_X;
				feedbackTxt.y = HIT_ZONE_Y - 180;
				game.addChild(feedbackTxt);
				tween(feedbackTxt, {
					alpha: 0,
					y: feedbackTxt.y - 100
				}, {
					duration: 600,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						feedbackTxt.destroy();
					}
				});
				beat.showFeedback('good');
				LK.getSound('kick').play(); // Play kick sound to complete the music
				LK.effects.flashObject(kickTarget, feedbackColor, 200);
				// BPM remains constant at settings value - no difficulty increase during gameplay
				break;
			}
		}
		if (!hit) {
			// Missed (tapped at wrong time)
			misses++;
			combo = 0;
			// missTxt removed, only hearts for lives
			comboTxt.setText('');
			LK.getSound('kick').play(); // Play kick sound even if not a perfect hit
			LK.effects.flashObject(kickTarget, 0xff0000, 200);
			// Show WRONG TIME feedback text at hit zone
			var wrongTimeText = new Text2('WRONG TIME', {
				size: 20,
				fill: 0xff4500
			});
			wrongTimeText.scale.set(6, 6);
			wrongTimeText.anchor.set(0.5, 0.5);
			wrongTimeText.x = HIT_ZONE_X;
			wrongTimeText.y = HIT_ZONE_Y - 180;
			game.addChild(wrongTimeText);
			tween(wrongTimeText, {
				alpha: 0,
				y: wrongTimeText.y - 100
			}, {
				duration: 600,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					wrongTimeText.destroy();
				}
			});
			// Only lose a life if countdown is not visible
			if (!countdownContainer.visible) {
				// Lose a life and update heart icon
				if (lives > 0) {
					var lostIndex = MAX_LIVES - lives; // soldan sağa kaybetmek için
					if (heartIcons[lostIndex]) {
						var parent = heartIcons[lostIndex].parent;
						if (parent) {
							parent.removeChild(heartIcons[lostIndex]);
						}
						heartIcons[lostIndex] = LK.getAsset('lostheart', {
							anchorX: 0,
							anchorY: 0,
							x: heartStartX + lostIndex * (heartWidth + heartSpacing),
							y: heartY
						});
						gamescreen.addChild(heartIcons[lostIndex]);
					}
					lives--;
				}
				if (lives <= 0) {
					gameOver();
				}
			}
		}
	}
};
game.up = function (x, y, obj) {
	isTouching = false;
	// Restore kick target
	kickTarget.destroy();
	kickTarget = LK.getAsset('kickTarget', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: HIT_ZONE_X,
		y: HIT_ZONE_Y
	});
	gamescreen.addChild(kickTarget);
};
// --- Game over ---
function gameOver() {
	gameActive = false;
	LK.effects.flashScreen(0xff0000, 800);
	LK.showGameOver();
	LK.stopMusic();
}
// --- Glow Effect for Purple Elements ---
function addGlowEffect(element, glowColor, intensity) {
	if (!element || !element.visible) {
		return;
	}
	// Create glow animation using tint and alpha
	var originalTint = element.tint || 0xffffff;
	var glowTint = glowColor || 0xaa00ff; // Default purple glow
	var glowIntensity = intensity || 0.3;
	// Pulsing glow effect
	function startGlow() {
		tween(element, {
			alpha: 1 - glowIntensity
		}, {
			duration: 800,
			easing: tween.easeInOut,
			yoyo: true,
			repeat: -1 // Infinite repeat
		});
	}
	startGlow();
}
// Apply glow to purple elements
function applyGlowToVioletElements() {
	// Apply glow to kick target (blue/violet color)
	if (kickTarget) {
		addGlowEffect(kickTarget, 0x8a2be2, 0.2);
	}
	// Apply glow to main menu buttons (purple/violet elements)
	if (startBtn) {
		addGlowEffect(startBtn, 0x8a2be2, 0.15);
	}
	if (settingsBtn) {
		addGlowEffect(settingsBtn, 0x8a2be2, 0.15);
	}
	if (creditsBtn) {
		addGlowEffect(creditsBtn, 0x8a2be2, 0.15);
	}
	if (supportBtn) {
		addGlowEffect(supportBtn, 0x8a2be2, 0.15);
	}
	// Apply glow to BPM circle container if it exists
	if (typeof bpmCircleContainer !== 'undefined' && bpmCircleContainer) {
		addGlowEffect(bpmCircleContainer, 0x8a2be2, 0.2);
	}
}
// Initialize glow effects
applyGlowToVioletElements();
// --- Win condition ---
function checkWin() {
	if (score >= 5000) {
		gameActive = false;
		LK.effects.flashScreen(0x00ff00, 800);
		LK.showYouWin();
		LK.stopMusic();
	}
}
// --- Restart on game over ---
LK.on('gameover', function () {
	startGame();
});
LK.on('youwin', function () {
	startGame();
});

===================================================================
--- original.js
+++ change.js
@@ -755,14 +755,15 @@
 	idx = 0;
 	showNext();
 }
 startBtn.down = function (x, y, obj) {
-	// Fade out menu music immediately when start is pressed
+	// Stop menu music immediately and fade out over 3 seconds
+	LK.stopMusic();
 	LK.playMusic('menumusic', {
 		fade: {
 			start: 1,
 			end: 0,
-			duration: 500
+			duration: 3000
 		}
 	});
 	// Click animation - scale inward then outward
 	tween(startBtn, {