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

/**** 
* Classes
****/ 
// --- Arena class ---
// Provides a background and groundY property for fighter placement
var Arena = Container.expand(function () {
	var self = Container.call(this);
	// Add arena background image, anchored at top-left
	var bg = self.attachAsset('arena_bg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0
	});
	// Set groundY to a reasonable value for fighter placement
	// Place ground near the bottom of the visible area, but above the very bottom
	self.groundY = 2048 + 300; // 2048 is the base height, +300 for a bit above the bottom
	return self;
});
// --- Attack class ---
// Represents a regular or special attack hitbox, with owner and damage
var Attack = Container.expand(function () {
	var self = Container.call(this);
	// Arguments: owner (Fighter), isSpecial (bool)
	self.owner = arguments[0] || null;
	self.isSpecial = !!arguments[1];
	self.hit = false;
	self.destroyed = false;
	// Damage values
	self.damage = self.isSpecial ? 24 : 8;
	// Visual
	var assetId = self.isSpecial ? 'special_attack' : 'attack';
	var sprite = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	// Set size for hitbox (use asset size)
	self.width = sprite.width;
	self.height = sprite.height;
	// Set owner after creation if needed
	self.setOwner = function (fighter) {
		self.owner = fighter;
	};
	// Update: attacks last for a short time, then destroy
	self.lifetime = self.isSpecial ? 30 : 18; // special lasts longer
	self.update = function () {
		if (self.destroyed) return;
		self.lifetime--;
		if (self.lifetime <= 0) {
			self.destroy();
		}
	};
	self.destroy = function () {
		if (self.destroyed) return;
		self.destroyed = true;
		if (self.parent && self.parent.removeChild) {
			self.parent.removeChild(self);
		}
	};
	return self;
});
// --- Fighter class ---
// Handles player and AI fighter logic, health, attacks, movement, and health bar
var Fighter = Container.expand(function () {
	var self = Container.call(this);
	// --- Properties ---
	self.maxHealth = 100;
	self.health = self.maxHealth;
	self.moveSpeed = 13;
	self.jumpStrength = 60;
	self.gravity = 6;
	self.isJumping = false;
	self.isAttacking = false;
	self.isSpecialReady = true;
	self.specialCooldown = 360; // 6 seconds at 60fps
	self.specialTimer = 0;
	self.immobile = false;
	self.isFacingRight = true;
	self.attackCooldown = 72; // 1.2 seconds at 60fps
	self.attackTimer = 0;
	self.lastJumpPressed = false;
	// --- Dodge mechanic ---
	self.isDodging = false;
	self.dodgeDuration = 18; // 0.3s at 60fps
	self.dodgeTimer = 0;
	self.dodgeSpeed = 30; // Slightly increased dodge distance
	self.dodgeInvuln = false;
	self.lastDodgePressed = false;
	self.dodgeCooldown = 180; // 3s cooldown
	self.dodgeCooldownTimer = 0;
	// Start dodge if not already dodging or on 3s cooldown
	self.dodge = function () {
		if (self.isDodging || self.immobile || self.dodgeCooldownTimer > 0 || self.isJumping) return;
		self.isDodging = true;
		self.dodgeTimer = self.dodgeDuration;
		self.dodgeInvuln = true;
		self.dodgeCooldownTimer = self.dodgeCooldown;
		// Play dodge sound when dodge happens
		var dodgeSound = LK.getSound('dodge');
		if (dodgeSound) dodgeSound.play();
		// Visual feedback: flash fighter blue for dodge duration
		LK.effects.flashObject(self, 0x00aaff, self.dodgeDuration * 16);
	};
	// --- Visuals ---
	// Use a different asset for player1 (controlled fighter)
	var assetId = typeof self.isPlayer1 !== "undefined" && self.isPlayer1 === true ? 'fighter1' : 'fighter';
	var sprite = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 1.0,
		x: 0,
		y: 0
	});
	// Health bar container
	self.healthBar = new Container();
	// Health bar outline (drawn behind the background)
	var healthBarOutline = new Container();
	var outlineThickness = 6;
	var outlineW = 300 + outlineThickness * 2;
	var outlineH = 50 + outlineThickness * 2;
	var outlineRect = LK.getAsset('healthbar_bg', {
		anchorX: 0,
		anchorY: 0.5,
		x: -outlineThickness,
		y: 0,
		width: outlineW,
		height: outlineH,
		color: 0xffffff // white outline
	});
	healthBarOutline.addChild(outlineRect);
	self.healthBar.addChild(healthBarOutline);
	// Health bar background
	var healthBarBg = LK.getAsset('healthbar_bg', {
		anchorX: 0,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	self.healthBar.addChild(healthBarBg);
	// Health bar foreground
	var healthBarFg = LK.getAsset('healthbar_fg', {
		anchorX: 0,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	self.healthBar.addChild(healthBarFg);
	self.healthBar.width = 300;
	self.healthBar.height = 50;
	self.healthBarFg = healthBarFg;
	self.updateHealthBar = function () {
		var pct = Math.max(0, self.health / self.maxHealth);
		self.healthBarFg.width = 300 * pct;
	};
	self.updateHealthBar();
	// --- Methods ---
	self.setFacing = function (right) {
		self.isFacingRight = right;
		sprite.scaleX = right ? 1 : -1;
	};
	self.jump = function () {
		if (!self.isJumping && !self.immobile) {
			self.isJumping = true;
			self.vy = -self.jumpStrength;
		}
	};
	self.attack = function () {
		if (self.isAttacking || self.immobile || self.attackTimer > 0) return;
		self.isAttacking = true;
		self.attackTimer = self.attackCooldown;
		// Create attack object
		var atk = new Attack(self, false);
		atk.x = self.x + (self.isFacingRight ? 120 : -120);
		atk.y = self.y - 200;
		attacks.push(atk);
		game.addChild(atk);
		// Play regatt sound for regular attack with randomized volume
		var regattSound = LK.getSound('regatt');
		regattSound.volume = 0.2 + Math.random() * 0.8; // random volume between 0.2 and 1.0
		regattSound.play();
		// End attack after short delay
		LK.setTimeout(function () {
			self.isAttacking = false;
		}, 300);
	};
	self.special = function () {
		if (!self.isSpecialReady || self.immobile) return;
		self.isSpecialReady = false;
		self.specialTimer = self.specialCooldown;
		// Create special attack object
		var atk = new Attack(self, true);
		atk.x = self.x + (self.isFacingRight ? 180 : -180);
		atk.y = self.y - 200;
		attacks.push(atk);
		game.addChild(atk);
		// Play spatt sound for special attack
		var spattSound = LK.getSound('spatt');
		spattSound.play();
	};
	self.takeDamage = function (amount, dir, knockback) {
		if (self.immobile) return;
		self.health -= amount;
		self.updateHealthBar();
		// Flash health bar foreground red for 200ms when taking damage
		LK.effects.flashObject(self.healthBarFg, 0xff0000, 200);
		// Knockback
		self.x += (dir || 1) * (knockback || 32);
		// Clamp to arena
		self.x = Math.max(120, Math.min(2048 - 120, self.x));
	};
	self.update = function () {
		// Dodge cooldown
		if (self.dodgeCooldownTimer > 0) {
			self.dodgeCooldownTimer--;
		}
		// Dodge logic
		if (self.isDodging) {
			// Move quickly in facing direction
			var dir = self.isFacingRight ? 1 : -1;
			self.x += dir * self.dodgeSpeed;
			// Clamp to arena
			self.x = Math.max(120, Math.min(2048 - 120, self.x));
			self.dodgeTimer--;
			if (self.dodgeTimer <= 0) {
				self.isDodging = false;
				self.dodgeInvuln = false;
			}
		}
		// Attack cooldown
		if (self.attackTimer > 0) {
			self.attackTimer--;
		}
		// Special cooldown
		if (!self.isSpecialReady) {
			if (self.specialTimer > 0) {
				self.specialTimer--;
			}
			if (self.specialTimer <= 0) {
				self.isSpecialReady = true;
			}
		}
		// Jumping physics
		if (self.isJumping) {
			if (typeof self.vy === "undefined") self.vy = 0;
			// Track lastY for landing detection
			if (typeof self.lastY === "undefined") self.lastY = self.y;
			self.y += self.vy;
			self.vy += self.gravity;
			// Land on ground (detect landing this frame)
			if (self.lastY < arena.groundY && self.y >= arena.groundY) {
				self.y = arena.groundY;
				self.isJumping = false;
				self.vy = 0;
				// Play mov sound when landing from a jump
				var movSound = LK.getSound('mov');
				if (movSound) movSound.play();
			}
			self.lastY = self.y;
		}
	};
	// --- Throw mechanic ---
	self.throwObject = function () {
		if (self.immobile || self.isDodging || self.isAttacking || self.isJumping) return;
		// Only allow one projectile at a time per fighter (optional, can remove for spam)
		if (typeof self.lastProjectileTick !== "undefined" && LK.ticks - self.lastProjectileTick < 30) return;
		if (typeof throwablesLeft !== "undefined" && throwablesLeft > 0) {
			throwablesLeft--;
			if (typeof throwablesText !== "undefined" && throwablesText.setText) {
				throwablesText.setText('Throwables: ' + throwablesLeft);
			}
		}
		self.lastProjectileTick = LK.ticks;
		var proj = new Projectile(self, self.isFacingRight);
		proj.x = self.x + (self.isFacingRight ? 120 : -120);
		proj.y = self.y - 180;
		// Play throw sound when projectile is spawned
		var throwSound = LK.getSound('throw');
		if (throwSound) throwSound.play();
		attacks.push(proj);
		game.addChild(proj);
	};
	return self;
});
// --- Projectile class ---
// Represents a thrown projectile (e.g. shuriken, fireball)
var Projectile = Container.expand(function () {
	var self = Container.call(this);
	// Arguments: owner (Fighter), isRight (bool)
	self.owner = arguments[0] || null;
	self.isRight = !!arguments[1];
	self.hit = false;
	self.destroyed = false;
	self.damage = 12;
	self.speed = 38;
	self.lifetime = 60; // 1 second
	// Visual
	var sprite = self.attachAsset('btn_throw', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0
	});
	self.width = sprite.width;
	self.height = sprite.height;
	// Set owner after creation if needed
	self.setOwner = function (fighter) {
		self.owner = fighter;
	};
	self.update = function () {
		if (self.destroyed) return;
		// --- Trail effect: spawn faded throw asset at current position ---
		// Only spawn trail every 2 frames for performance
		if (typeof self._trailTick === "undefined") self._trailTick = 0;
		self._trailTick++;
		if (self._trailTick % 2 === 0) {
			var trail = LK.getAsset('btn_throw', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: self.x,
				y: self.y,
				scaleX: 0.7,
				scaleY: 0.7
			});
			trail.alpha = 0.35;
			if (self.parent && self.parent.addChild) self.parent.addChild(trail);
			// Fade out and destroy after 180ms
			tween(trail, {
				alpha: 0
			}, {
				duration: 180,
				onFinish: function onFinish() {
					if (trail && trail.destroy) trail.destroy();
				}
			});
		}
		// Move in direction
		self.x += self.isRight ? self.speed : -self.speed;
		self.lifetime--;
		// Remove if out of bounds or expired
		if (self.x < -200 || self.x > 2048 + 200 || self.lifetime <= 0) {
			self.destroy();
		}
	};
	self.destroy = function () {
		if (self.destroyed) return;
		self.destroyed = true;
		if (self.parent && self.parent.removeChild) {
			self.parent.removeChild(self);
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Main Menu Overlay ---
// Play background music at game start with reduced volume
LK.playMusic('music', {
	volume: 0.3
});
var mainMenuOverlay = new Container();
mainMenuOverlay.visible = true; // Ensure menu is visible at game start
// Main menu background image (separate from arena)
var menuBgImg = LK.getAsset('arena_bg', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0,
	width: 2048,
	height: 2732
});
mainMenuOverlay.addChild(menuBgImg);
// Semi-transparent overlay for menu text readability
var menuBg = LK.getAsset('healthbar_bg', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0,
	width: 2048,
	height: 2732,
	color: 0x000000
});
menuBg.alpha = 0.7;
mainMenuOverlay.addChild(menuBg);
// Game title
var titleText = new Text2('FIGHTER DUEL', {
	size: 180,
	fill: "#fff",
	stroke: 0x000000,
	strokeThickness: 16
});
titleText.anchor.set(0.5, 0);
titleText.x = 2048 / 2;
titleText.y = 420;
mainMenuOverlay.addChild(titleText);
// Subtitle
var subtitleText = new Text2('Touch to Start', {
	size: 90,
	fill: 0xFFE066,
	stroke: 0x000000,
	strokeThickness: 8
});
subtitleText.anchor.set(0.5, 0);
subtitleText.x = 2048 / 2;
subtitleText.y = 700;
mainMenuOverlay.addChild(subtitleText);
// Simple instructions
var instrText = new Text2('Move, Jump, Attack, Dodge, Throw!\nFirst to 2 wins!', {
	size: 60,
	fill: "#fff",
	stroke: 0x000000,
	strokeThickness: 6
});
instrText.anchor.set(0.5, 0);
instrText.x = 2048 / 2;
instrText.y = 900;
mainMenuOverlay.addChild(instrText);
// Add overlay to game
game.addChild(mainMenuOverlay);
// Block game start until menu is dismissed
var gameStarted = false;
// Hide all gameplay UI elements until menu is dismissed
function setGameplayUIVisible(visible) {
	// Hide or show all gameplay UI elements
	if (typeof fighter1 !== "undefined" && fighter1 && fighter1.healthBar) {
		fighter1.healthBar.visible = visible;
	}
	if (typeof fighter2 !== "undefined" && fighter2 && fighter2.healthBar) {
		fighter2.healthBar.visible = visible;
	}
	if (typeof comboText1 !== "undefined") comboText1.visible = false;
	if (typeof comboText2 !== "undefined") comboText2.visible = false;
	if (typeof timerText !== "undefined") timerText.visible = visible;
	if (typeof throwablesText !== "undefined") throwablesText.visible = visible;
	if (typeof spcCooldownOverlay !== "undefined") spcCooldownOverlay.visible = false;
	if (typeof spcCooldownText !== "undefined") spcCooldownText.visible = false;
	if (typeof spcCooldownCounter !== "undefined") spcCooldownCounter.visible = false;
	if (typeof dodgeCooldownOverlay !== "undefined") dodgeCooldownOverlay.visible = false;
	if (typeof dodgeCooldownText !== "undefined") dodgeCooldownText.visible = false;
	if (typeof dodgeCooldownCounter !== "undefined") dodgeCooldownCounter.visible = false;
	if (typeof btnLeft !== "undefined") btnLeft.visible = visible;
	if (typeof btnRight !== "undefined") btnRight.visible = visible;
	if (typeof btnAtk !== "undefined") btnAtk.visible = visible;
	if (typeof btnJump !== "undefined") btnJump.visible = visible;
	if (typeof btnSpc !== "undefined") btnSpc.visible = visible;
	if (typeof btnThrow !== "undefined") btnThrow.visible = visible;
	if (typeof btnDodge !== "undefined") btnDodge.visible = visible;
	if (typeof arrowAbovePlayer1 !== "undefined") arrowAbovePlayer1.visible = visible;
	// Hide ground tiles
	if (typeof groundTiles !== "undefined") {
		for (var i = 0; i < groundTiles.length; i++) {
			if (groundTiles[i]) groundTiles[i].visible = visible;
		}
	}
	// Do NOT hide arena or fighters here; they should always remain visible except for main menu/game over
	// Do NOT hide ground, healthbars, buttons, or any gameplay elements during countdown; only hide for main menu/game over
}
// Hide gameplay UI at start
setGameplayUIVisible(false);
// Dismiss menu on any touch/click
mainMenuOverlay.down = function () {
	mainMenuOverlay.visible = false;
	// Do NOT hide any gameplay elements (ground, healthbars, buttons, etc.) during countdown; only hide overlays for main menu/game over
	// All gameplay elements remain visible during countdown
	setGameplayUIVisible(true); // Show all gameplay UI elements during countdown
	// Countdown overlay
	var countdownOverlay = new Container();
	countdownOverlay.visible = true;
	// Large countdown text
	var countdownText = new Text2('3', {
		size: 320,
		fill: "#fff",
		stroke: 0x000000,
		strokeThickness: 18
	});
	countdownText.anchor.set(0.5, 0.5);
	countdownText.x = 2048 / 2;
	countdownText.y = 1200;
	countdownOverlay.addChild(countdownText);
	game.addChild(countdownOverlay);
	var countdownValue = 3;
	countdownText.setText(countdownValue);
	// Countdown logic
	var countdownInterval = LK.setInterval(function () {
		countdownValue--;
		if (countdownValue > 0) {
			countdownText.setText(countdownValue);
		} else if (countdownValue === 0) {
			countdownText.setText("FIGHT!");
			// Animate FIGHT! (scale up and fade out)
			countdownText.scaleX = countdownText.scaleY = 1.0;
			countdownText.alpha = 1.0;
			tween(countdownText, {
				scaleX: 1.4,
				scaleY: 1.4,
				alpha: 0
			}, {
				duration: 700,
				onFinish: function onFinish() {
					countdownOverlay.visible = false;
					if (countdownOverlay.parent) countdownOverlay.parent.removeChild(countdownOverlay);
					setGameplayUIVisible(true);
					gameStarted = true;
				}
			});
			LK.clearInterval(countdownInterval);
		}
	}, 900);
};
// --- Arena setup ---
//Note game dimensions are 2048x2732
//Minimalistic tween library which should be used for animations over time, including tinting / colouring an object, scaling, rotating, or changing any game object property.
// Unique asset for player1
var arena = new Arena();
arena.x = 0;
arena.y = 0;
game.addChild(arena);
// --- Fixed ground platform (visual) ---
var groundHeight = 60;
var groundTileWidth = LK.getAsset('ground', {
	anchorX: 0,
	anchorY: 0
}).width;
var groundY = arena.groundY - 100; // Move ground even further down by reducing the offset (was -300)
var groundTiles = [];
var numGroundTiles = Math.ceil(2048 / groundTileWidth); // Only enough to fill the screen
for (var i = 0; i < numGroundTiles; i++) {
	var groundTile = LK.getAsset('ground', {
		anchorX: 0,
		anchorY: 0,
		x: i * groundTileWidth,
		y: groundY
	});
	game.addChild(groundTile);
	groundTiles.push(groundTile);
}
// No infinite scrolling, ground is fixed and does not move
// --- Fighters ---
var fighter1 = new Fighter();
fighter1.isPlayer1 = true; // Mark as player1 for asset selection
fighter1.lastJumpPressed = false;
fighter1.lastHitTime = -9999; // Track last time this fighter hit the other
fighter1.comboCount = 0; // Current combo count
var fighter2 = new Fighter();
fighter2.lastHitTime = -9999;
fighter2.comboCount = 0;
// Place fighters on opposite sides
fighter1.x = 600;
fighter1.y = arena.groundY;
fighter1.setFacing(true);
fighter2.x = 2048 - 600;
fighter2.y = arena.groundY;
fighter2.setFacing(false);
game.addChild(fighter1);
game.addChild(fighter2);
// --- Arrow above controlled player (fighter1) ---
var arrowAbovePlayer1 = LK.getAsset('btn_jump', {
	anchorX: 0.5,
	anchorY: 1.0,
	x: 0,
	y: 0,
	scaleX: 0.7,
	scaleY: 0.7
});
arrowAbovePlayer1.rotation = Math.PI; // Point downwards
game.addChild(arrowAbovePlayer1);
// --- Health bar GUI ---
// Removed number healthbars (Text2 healthBar1 and healthBar2)
// Move the box healthbars (fighter healthBar containers) to a more visible, symmetric place below the timer at the top center
// Remove from fighter containers and add to GUI, position symmetrically below timer
fighter1.removeChild(fighter1.healthBar);
fighter2.removeChild(fighter2.healthBar);
// Place both healthbars below the timer, offset horizontally from center
fighter1.healthBar.x = -550;
fighter1.healthBar.y = 170;
fighter2.healthBar.x = 250;
fighter2.healthBar.y = 170;
LK.gui.top.addChild(fighter1.healthBar);
LK.gui.top.addChild(fighter2.healthBar);
// --- Round win counters (displayed on each side) ---
var winsText1 = new Text2('Wins: 0', {
	size: 60,
	fill: "#fff",
	stroke: 0x000000,
	strokeThickness: 8
});
winsText1.anchor.set(1, 0); // right aligned, top
// Bring win counters closer together so they can be seen
winsText1.x = fighter1.healthBar.x + 180; // closer to center
winsText1.y = fighter1.healthBar.y + 180; // moved further down below health bar
var winsText2 = new Text2('Wins: 0', {
	size: 60,
	fill: "#fff",
	stroke: 0x000000,
	strokeThickness: 8
});
winsText2.anchor.set(0, 0); // left aligned, top
winsText2.x = fighter2.healthBar.x + 120; // closer to center
winsText2.y = fighter2.healthBar.y + 180; // moved further down below health bar
LK.gui.top.addChild(winsText1);
LK.gui.top.addChild(winsText2);
// --- Combo counters under health bars ---
var comboText1 = new Text2('Combo: 0', {
	size: 48,
	fill: 0xFF0000,
	stroke: 0xffffff,
	strokeThickness: 8
});
comboText1.anchor.set(0.5, 0);
comboText1.x = fighter1.healthBar.x + 150; // center under health bar (300px wide)
comboText1.y = fighter1.healthBar.y + 60; // just below health bar
var comboText2 = new Text2('Combo: 0', {
	size: 48,
	fill: 0xFF0000,
	stroke: 0xffffff,
	strokeThickness: 8
});
comboText2.anchor.set(0.5, 0);
comboText2.x = fighter2.healthBar.x + 150;
comboText2.y = fighter2.healthBar.y + 60;
LK.gui.top.addChild(comboText1);
LK.gui.top.addChild(comboText2);
// Combo timer variables (in frames, 1.5s = 90 frames)
var comboTimer1 = 0;
var comboTimer2 = 0;
// --- Round and timer ---
var round = 1;
var maxRounds = 3;
var wins1 = 0;
var wins2 = 0;
var roundTime = 60 * 30; // 30 seconds at 60fps
var roundTimer = roundTime;
var timerText = new Text2('30', {
	size: 80,
	fill: "#fff"
});
timerText.anchor.set(0.5, 0);
LK.gui.top.addChild(timerText);
// --- Touch controls (mobile-friendly) ---
var leftPressed = false,
	rightPressed = false,
	atkPressed = false,
	jumpPressed = false,
	spcPressed = false,
	throwPressed = false,
	dodgePressed = false; // New for dodge
// Special attack cooldown overlay for button
var spcCooldownOverlay = LK.getAsset('healthbar_bg', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 180,
	height: 180,
	color: 0x000000
});
spcCooldownOverlay.alpha = 0.5;
spcCooldownOverlay.visible = false;
spcCooldownOverlay.x = 2048 - 350;
spcCooldownOverlay.y = 2450;
game.addChild(spcCooldownOverlay);
var spcCooldownText = new Text2('3', {
	size: 90,
	fill: "#fff"
});
spcCooldownText.anchor.set(0.5, 0.5);
spcCooldownText.x = 2048 - 350;
spcCooldownText.y = 2450;
spcCooldownText.visible = false;
game.addChild(spcCooldownText);
// Special attack cooldown counter above the special attack button
var spcCooldownCounter = new Text2('', {
	size: 60,
	fill: "#fff"
});
spcCooldownCounter.anchor.set(0.5, 1.0);
// Place above the special button (btnSpc)
spcCooldownCounter.x = 2048 - 350;
spcCooldownCounter.y = 2450 - 120;
spcCooldownCounter.visible = false;
game.addChild(spcCooldownCounter);
// --- Dodge cooldown overlay and timer (like special) ---
// --- Dodge cooldown overlay and timer (like special) ---
// (Positioning is set after btnDodge is defined below)
var dodgeCooldownOverlay = LK.getAsset('healthbar_bg', {
	anchorX: 0.5,
	anchorY: 0.5,
	width: 180,
	height: 180,
	color: 0x000000
});
dodgeCooldownOverlay.alpha = 0.5;
dodgeCooldownOverlay.visible = false;
game.addChild(dodgeCooldownOverlay);
var dodgeCooldownText = new Text2('3', {
	size: 90,
	fill: "#fff"
});
dodgeCooldownText.anchor.set(0.5, 0.5);
dodgeCooldownText.visible = false;
game.addChild(dodgeCooldownText);
var dodgeCooldownCounter = new Text2('', {
	size: 60,
	fill: "#fff"
});
dodgeCooldownCounter.anchor.set(0.5, 1.0);
dodgeCooldownCounter.visible = false;
game.addChild(dodgeCooldownCounter);
// Control buttons (simple rectangles for now)
var btnLeft = LK.getAsset('btn_left', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 200,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnRight = LK.getAsset('btn_right', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 500,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnAtk = LK.getAsset('btn_atk', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 500,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnJump = LK.getAsset('btn_jump', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 200,
	y: 2600,
	scaleX: 1.8,
	scaleY: 1.8
});
var btnSpc = LK.getAsset('btn_spc', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 350,
	y: 2450,
	scaleX: 1.8,
	scaleY: 1.8
});
// Add dodge button (reuse btn_right asset, place above the throw button, lower opacity)
var btnDodge = LK.getAsset('btn_right', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 200,
	y: 2080,
	// revert to old position, higher above throw button
	scaleX: 1.8,
	scaleY: 1.8
});
btnDodge.alpha = 0.7;
// Add throw button (use unique btn_throw asset, place visually below the dodge button)
var btnThrow = LK.getAsset('btn_throw', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 - 200,
	y: 2320,
	//{3u} // moved higher
	scaleX: 1.8,
	scaleY: 1.8
});
game.addChild(btnLeft);
game.addChild(btnRight);
game.addChild(btnAtk);
game.addChild(btnJump);
game.addChild(btnSpc);
game.addChild(btnThrow);
game.addChild(btnDodge);
// Set dodge cooldown overlay and text positions now that btnDodge is defined
dodgeCooldownOverlay.x = btnDodge.x;
dodgeCooldownOverlay.y = btnDodge.y;
dodgeCooldownText.x = btnDodge.x;
dodgeCooldownText.y = btnDodge.y;
dodgeCooldownCounter.x = btnDodge.x;
dodgeCooldownCounter.y = btnDodge.y - 120;
// Button event helpers
btnLeft.down = function () {
	leftPressed = true;
};
btnLeft.up = function () {
	leftPressed = false;
};
btnRight.down = function () {
	rightPressed = true;
};
btnRight.up = function () {
	rightPressed = false;
};
btnAtk.down = function () {
	atkPressed = true;
};
btnAtk.up = function () {
	atkPressed = false;
};
btnJump.down = function () {
	jumpPressed = true;
};
btnJump.up = function () {
	jumpPressed = false;
};
btnSpc.down = function () {
	spcPressed = true;
};
btnSpc.up = function () {
	spcPressed = false;
};
btnThrow.down = function () {
	throwPressed = true;
};
btnThrow.up = function () {
	throwPressed = false;
};
btnDodge.down = function () {
	dodgePressed = true;
};
btnDodge.up = function () {
	dodgePressed = false;
};
// --- Attacks array ---
var attacks = [];
// --- Throwables counter and display ---
var throwablesLeft = 5;
var throwablesText = new Text2('Throwables: 5', {
	size: 60,
	fill: "#fff",
	stroke: 0x000000,
	strokeThickness: 8
});
throwablesText.anchor.set(0, 0); // Top left, but not in the 100x100 reserved area
throwablesText.x = 120;
throwablesText.y = 30;
LK.gui.top.addChild(throwablesText);
// --- Game update loop ---
game.update = function () {
	// --- Main menu block: If not started, skip all gameplay logic ---
	if (typeof gameStarted !== "undefined" && !gameStarted) {
		// Animate subtitle (blink)
		if (typeof subtitleText !== "undefined") {
			subtitleText.alpha = 0.5 + 0.5 * Math.sin(LK.ticks / 20);
		}
		return;
	}
	// --- Timer ---
	if (roundTimer > 0) {
		roundTimer--;
		timerText.setText(Math.ceil(roundTimer / 60));
	}
	// --- Update arrow position above fighter1 ---
	if (typeof arrowAbovePlayer1 !== "undefined" && typeof fighter1 !== "undefined") {
		arrowAbovePlayer1.x = fighter1.x;
		// Place arrow 30px above the top of the fighter sprite (closer to player)
		arrowAbovePlayer1.y = fighter1.y - (fighter1.height || 400) - 30;
	}
	// --- Ground is fixed, no update needed ---
	// --- Player 1 controls (left side) ---
	if (!fighter1.immobile) {
		if (typeof fighter1.isMoving === "undefined") fighter1.isMoving = false;
		if (typeof fighter1.lastMoving === "undefined") fighter1.lastMoving = false;
		fighter1.isMoving = leftPressed || rightPressed;
		// Removed mov sound on movement for player
		if (leftPressed) {
			fighter1.x = Math.max(120, fighter1.x - fighter1.moveSpeed);
			fighter1.setFacing(false);
		}
		if (rightPressed) {
			fighter1.x = Math.min(2048 - 120, fighter1.x + fighter1.moveSpeed);
			fighter1.setFacing(true);
		}
		fighter1.lastMoving = fighter1.isMoving;
		// Only trigger jump on the frame the button is pressed (rising edge)
		if (jumpPressed && !fighter1.lastJumpPressed) {
			fighter1.jump();
		}
		// Only trigger dodge on the frame the button is pressed (rising edge)
		if (dodgePressed && !fighter1.lastDodgePressed) {
			fighter1.dodge();
		}
		if (atkPressed) {
			fighter1.attack();
		}
		if (throwPressed && typeof fighter1.throwObject === "function") {
			if (throwablesLeft > 0) {
				fighter1.throwObject();
			}
		}
		if (spcPressed) {
			if (fighter1.isSpecialReady) {
				fighter1.special();
			}
		}
	}
	fighter1.lastJumpPressed = jumpPressed;
	fighter1.lastDodgePressed = dodgePressed;
	// --- Special attack cooldown overlay update ---
	if (!fighter1.isSpecialReady) {
		spcCooldownOverlay.visible = true;
		spcCooldownText.visible = true;
		var secondsLeft = Math.ceil(fighter1.specialTimer / 60);
		spcCooldownText.setText(secondsLeft);
		// Show and update the counter above the special button
		spcCooldownCounter.visible = true;
		spcCooldownCounter.setText(secondsLeft + "s");
	} else {
		spcCooldownOverlay.visible = false;
		spcCooldownText.visible = false;
		spcCooldownCounter.visible = false;
	}
	// --- Dodge cooldown overlay update ---
	if (fighter1.dodgeCooldownTimer > 0) {
		dodgeCooldownOverlay.visible = true;
		dodgeCooldownText.visible = true;
		var dodgeSecondsLeft = Math.ceil(fighter1.dodgeCooldownTimer / 60);
		dodgeCooldownText.setText(dodgeSecondsLeft);
		dodgeCooldownCounter.visible = true;
		dodgeCooldownCounter.setText(dodgeSecondsLeft + "s");
	} else {
		dodgeCooldownOverlay.visible = false;
		dodgeCooldownText.visible = false;
		dodgeCooldownCounter.visible = false;
	}
	// --- AI for fighter2 (move toward player, attack, dodge, and throw) ---
	if (!fighter2.immobile) {
		var dx = fighter1.x - fighter2.x;
		// --- Dodge logic: randomly dodge if player is attacking and close, or sometimes randomly ---
		var shouldDodge = false;
		// If player is attacking and close, higher chance to dodge
		if (!fighter2.isDodging && fighter2.dodgeCooldownTimer === 0 && !fighter2.isJumping && Math.abs(dx) < 350 && fighter1.isAttacking && Math.random() < 0.18) {
			shouldDodge = true;
		}
		// Occasionally dodge randomly
		if (!fighter2.isDodging && fighter2.dodgeCooldownTimer === 0 && !fighter2.isJumping && Math.random() < 0.01) {
			shouldDodge = true;
		}
		if (shouldDodge) {
			fighter2.dodge();
		}
		// --- Move toward player ---
		if (Math.abs(dx) > 180) {
			if (typeof fighter2.isMoving === "undefined") fighter2.isMoving = false;
			if (typeof fighter2.lastMoving === "undefined") fighter2.lastMoving = false;
			fighter2.isMoving = false;
			if (Math.abs(dx) > 180) {
				if (dx < 0) {
					fighter2.x -= fighter2.moveSpeed * 0.7;
					fighter2.setFacing(false);
					fighter2.isMoving = true;
				} else {
					fighter2.x += fighter2.moveSpeed * 0.7;
					fighter2.setFacing(true);
					fighter2.isMoving = true;
				}
				// Removed mov sound on movement for AI
			} else if (!fighter2.isAttacking && Math.random() < 0.04) {
				fighter2.attack();
			}
			fighter2.lastMoving = fighter2.isMoving;
		} else if (!fighter2.isAttacking && Math.random() < 0.04) {
			fighter2.attack();
		}
		// --- Jump occasionally ---
		if (!fighter2.isJumping && Math.random() < 0.01) {
			fighter2.jump();
		}
		// --- Special attack occasionally ---
		if (fighter2.isSpecialReady && Math.random() < 0.008) {
			fighter2.special();
		}
		// --- Throw object if available and player is in range ---
		// Give AI its own throwables count (initialize if needed)
		if (typeof fighter2.throwablesLeft === "undefined") {
			fighter2.throwablesLeft = 5;
		}
		// Only allow one projectile at a time per fighter (like player)
		if (typeof fighter2.lastProjectileTick === "undefined" || LK.ticks - fighter2.lastProjectileTick >= 30) {
			// If player is in range and AI has throwables, throw with some probability
			if (fighter2.throwablesLeft > 0 && Math.abs(dx) > 300 && Math.abs(dx) < 1200 && Math.random() < 0.04) {
				// Use the same throwObject logic, but decrement AI's own throwablesLeft
				fighter2.throwablesLeft--;
				fighter2.lastProjectileTick = LK.ticks;
				var proj = new Projectile(fighter2, fighter2.isFacingRight);
				proj.x = fighter2.x + (fighter2.isFacingRight ? 120 : -120);
				proj.y = fighter2.y - 180;
				attacks.push(proj);
				game.addChild(proj);
			}
		}
	}
	// --- Update fighters ---
	fighter1.update();
	fighter2.update();
	// --- Update attacks ---
	for (var i = attacks.length - 1; i >= 0; i--) {
		var atk = attacks[i];
		// Store last position for possible future use (e.g. for projectiles)
		if (typeof atk.lastX === "undefined") atk.lastX = atk.x;
		if (typeof atk.lastY === "undefined") atk.lastY = atk.y;
		atk.update();
		// Remove if destroyed
		if (atk.destroyed) {
			attacks.splice(i, 1);
			continue;
		}
		// Set owner if not set
		if (!atk.owner) {
			atk.setOwner(atk.isSpecial ? atk.x < 2048 / 2 ? fighter1 : fighter2 : fighter1);
		}
		// Handle collision with the other fighter
		var target = atk.owner === fighter1 ? fighter2 : fighter1;
		// If target is dodging and invulnerable, skip hit
		if (target.dodgeInvuln) {
			atk.lastX = atk.x;
			atk.lastY = atk.y;
			continue;
		}
		// Only trigger on the exact frame of collision (rising edge)
		var wasIntersecting = atk.lastWasIntersecting || false;
		var isIntersecting = atk.intersects(target);
		if (!wasIntersecting && isIntersecting && !atk.hit) {
			// Combo logic: check if this hit is within 1.5 seconds (90 frames) of the last hit by this attacker
			var nowTick = LK.ticks || 0;
			if (typeof atk.owner.lastHitTime === "undefined") atk.owner.lastHitTime = -9999;
			if (typeof atk.owner.comboCount === "undefined") atk.owner.comboCount = 0;
			var prevCombo = atk.owner.comboCount;
			if (nowTick - atk.owner.lastHitTime <= 90) {
				atk.owner.comboCount++;
				// Start combo timer for this fighter
				if (atk.owner === fighter1 && atk.owner.comboCount > prevCombo) {
					comboTimer1 = 90;
				}
				if (atk.owner === fighter2 && atk.owner.comboCount > prevCombo) {
					comboTimer2 = 90;
				}
				// Impact effect on combo text when combo increases
				if (atk.owner === fighter1 && atk.owner.comboCount > prevCombo) {
					comboText1.scaleX = comboText1.scaleY = 1.3;
					// Impact scale
					tween(comboText1, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 180
					});
					// Shake effect
					var shakeTimes = 10;
					var shakeMagnitude = 18;
					var shakeDuration = 180;
					var shakeStep = Math.floor(shakeDuration / shakeTimes);
					var origX = comboText1.x;
					var origY = comboText1.y;
					for (var s = 0; s < shakeTimes; s++) {
						(function (s) {
							LK.setTimeout(function () {
								// Alternate shake direction
								var dx = (s % 2 === 0 ? 1 : -1) * shakeMagnitude * (1 - s / shakeTimes);
								var dy = (s % 2 === 0 ? -1 : 1) * shakeMagnitude * 0.5 * (1 - s / shakeTimes);
								comboText1.x = origX + dx;
								comboText1.y = origY + dy;
								// Restore at end
								if (s === shakeTimes - 1) {
									LK.setTimeout(function () {
										comboText1.x = origX;
										comboText1.y = origY;
									}, shakeStep);
								}
							}, s * shakeStep);
						})(s);
					}
				} else if (atk.owner === fighter2 && atk.owner.comboCount > prevCombo) {
					comboText2.scaleX = comboText2.scaleY = 1.3;
					tween(comboText2, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 180
					});
					// Shake effect
					var shakeTimes2 = 10;
					var shakeMagnitude2 = 18;
					var shakeDuration2 = 180;
					var shakeStep2 = Math.floor(shakeDuration2 / shakeTimes2);
					var origX2 = comboText2.x;
					var origY2 = comboText2.y;
					for (var s2 = 0; s2 < shakeTimes2; s2++) {
						(function (s2) {
							LK.setTimeout(function () {
								var dx2 = (s2 % 2 === 0 ? 1 : -1) * shakeMagnitude2 * (1 - s2 / shakeTimes2);
								var dy2 = (s2 % 2 === 0 ? -1 : 1) * shakeMagnitude2 * 0.5 * (1 - s2 / shakeTimes2);
								comboText2.x = origX2 + dx2;
								comboText2.y = origY2 + dy2;
								if (s2 === shakeTimes2 - 1) {
									LK.setTimeout(function () {
										comboText2.x = origX2;
										comboText2.y = origY2;
									}, shakeStep2);
								}
							}, s2 * shakeStep2);
						})(s2);
					}
				}
			} else {
				atk.owner.comboCount = 1;
				// Start combo timer for this fighter
				if (atk.owner === fighter1 && atk.owner.comboCount > prevCombo) {
					comboTimer1 = 90;
				}
				if (atk.owner === fighter2 && atk.owner.comboCount > prevCombo) {
					comboTimer2 = 90;
				}
				// Impact effect on combo text when combo increases from 0
				if (atk.owner === fighter1 && atk.owner.comboCount > prevCombo) {
					comboText1.scaleX = comboText1.scaleY = 1.3;
					tween(comboText1, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 180
					});
					// Shake effect
					var shakeTimes = 10;
					var shakeMagnitude = 18;
					var shakeDuration = 180;
					var shakeStep = Math.floor(shakeDuration / shakeTimes);
					var origX = comboText1.x;
					var origY = comboText1.y;
					for (var s = 0; s < shakeTimes; s++) {
						(function (s) {
							LK.setTimeout(function () {
								var dx = (s % 2 === 0 ? 1 : -1) * shakeMagnitude * (1 - s / shakeTimes);
								var dy = (s % 2 === 0 ? -1 : 1) * shakeMagnitude * 0.5 * (1 - s / shakeTimes);
								comboText1.x = origX + dx;
								comboText1.y = origY + dy;
								if (s === shakeTimes - 1) {
									LK.setTimeout(function () {
										comboText1.x = origX;
										comboText1.y = origY;
									}, shakeStep);
								}
							}, s * shakeStep);
						})(s);
					}
				} else if (atk.owner === fighter2 && atk.owner.comboCount > prevCombo) {
					comboText2.scaleX = comboText2.scaleY = 1.3;
					tween(comboText2, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 180
					});
					// Shake effect
					var shakeTimes2 = 10;
					var shakeMagnitude2 = 18;
					var shakeDuration2 = 180;
					var shakeStep2 = Math.floor(shakeDuration2 / shakeTimes2);
					var origX2 = comboText2.x;
					var origY2 = comboText2.y;
					for (var s2 = 0; s2 < shakeTimes2; s2++) {
						(function (s2) {
							LK.setTimeout(function () {
								var dx2 = (s2 % 2 === 0 ? 1 : -1) * shakeMagnitude2 * (1 - s2 / shakeTimes2);
								var dy2 = (s2 % 2 === 0 ? -1 : 1) * shakeMagnitude2 * 0.5 * (1 - s2 / shakeTimes2);
								comboText2.x = origX2 + dx2;
								comboText2.y = origY2 + dy2;
								if (s2 === shakeTimes2 - 1) {
									LK.setTimeout(function () {
										comboText2.x = origX2;
										comboText2.y = origY2;
									}, shakeStep2);
								}
							}, s2 * shakeStep2);
						})(s2);
					}
				}
			}
			atk.owner.lastHitTime = nowTick;
			// Knockback direction: +1 if attacker is facing right, -1 if left
			var knockbackDir = atk.owner && atk.owner.isFacingRight ? 1 : -1;
			// Knockback strength: special attacks knock back SIGNIFICANTLY more (much stronger effect)
			var knockbackStrength = atk.isSpecial ? 480 : 64;
			target.takeDamage(atk.damage, knockbackDir, knockbackStrength);
			// If hit by a special attack, make target immobile for 1 second (60 frames)
			if (atk.isSpecial) {
				target.immobile = true;
				LK.setTimeout(function () {
					target.immobile = false;
				}, 1000);
			}
			atk.hit = true;
			atk.destroy();
			// Flash on hit
			LK.effects.flashObject(target, 0xff0000, 200);
			// Show a visible attack effect at the hit location, rotated to match the attack direction
			var hitEffect;
			if (typeof Projectile !== "undefined" && atk instanceof Projectile) {
				// Unique projectile hit effect: use btn_throw asset, smaller, quick fade
				hitEffect = LK.getAsset('btn_throw', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: target.x,
					y: target.y - 200
				});
				hitEffect.rotation = 0;
				game.addChild(hitEffect);
				hitEffect.scaleX = hitEffect.scaleY = 1.0;
				hitEffect.alpha = 1;
				tween(hitEffect, {
					scaleX: 1.7,
					scaleY: 1.7,
					alpha: 0
				}, {
					duration: 220,
					onFinish: function onFinish() {
						if (hitEffect && hitEffect.destroy) hitEffect.destroy();
					}
				});
			} else {
				// Regular or special attack effect
				hitEffect = LK.getAsset(atk.isSpecial ? 'special_attack' : 'attack', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: target.x,
					y: target.y - 200
				});
				// Rotate the effect to match the direction the attacker is facing
				if (atk.owner && atk.owner.isFacingRight === false) {
					hitEffect.rotation = Math.PI; // Face left
				} else {
					hitEffect.rotation = 0; // Face right (default)
				}
				game.addChild(hitEffect);
				// Animate the effect: scale up and fade out, then destroy
				hitEffect.scaleX = hitEffect.scaleY = 1.2;
				hitEffect.alpha = 1;
				tween(hitEffect, {
					scaleX: 2.0,
					scaleY: 2.0,
					alpha: 0
				}, {
					duration: 350,
					onFinish: function onFinish() {
						if (hitEffect && hitEffect.destroy) hitEffect.destroy();
					}
				});
			}
		}
		// Update last intersection state for next frame
		atk.lastWasIntersecting = isIntersecting;
		atk.lastX = atk.x;
		atk.lastY = atk.y;
	}
	// --- Health bar updates ---
	// Removed number healthbars update
	// --- Combo reset logic: reset combo if 1.5 seconds (90 frames) have passed since last hit ---
	var nowTick = LK.ticks || 0;
	if (nowTick - fighter1.lastHitTime > 90) {
		fighter1.comboCount = 0;
	}
	if (nowTick - fighter2.lastHitTime > 90) {
		fighter2.comboCount = 0;
	}
	// Decrement combo timers
	if (comboTimer1 > 0) comboTimer1--;
	if (comboTimer2 > 0) comboTimer2--;
	// Update combo counters under health bars, only show if timer is active
	if (comboTimer1 > 0 && fighter1.comboCount > 0) {
		comboText1.visible = true;
		comboText1.setText(('COMBO: ' + (fighter1.comboCount || 0) + '!').toUpperCase());
	} else {
		comboText1.visible = false;
	}
	if (comboTimer2 > 0 && fighter2.comboCount > 0) {
		comboText2.visible = true;
		comboText2.setText(('COMBO: ' + (fighter2.comboCount || 0) + '!').toUpperCase());
	} else {
		comboText2.visible = false;
	}
	// --- Win/lose/round logic ---
	var roundOver = false;
	var winner = null;
	if (fighter1.health <= 0) {
		wins2++;
		roundOver = true;
		winner = 2;
	} else if (fighter2.health <= 0) {
		wins1++;
		roundOver = true;
		winner = 1;
	} else if (roundTimer <= 0) {
		if (fighter1.health > fighter2.health) {
			wins1++;
			winner = 1;
		} else if (fighter2.health > fighter1.health) {
			wins2++;
			winner = 2;
		} else {
			// Draw, no one gets a win
		}
		roundOver = true;
	}
	if (roundOver) {
		// Update round win counters
		if (typeof winsText1 !== "undefined") winsText1.setText('Wins: ' + wins1);
		if (typeof winsText2 !== "undefined") winsText2.setText('Wins: ' + wins2);
		if (wins1 >= 2) {
			LK.showYouWin();
			return;
		} else if (wins2 >= 2) {
			LK.showGameOver();
			return;
		}
		// Next round
		round++;
		roundTimer = roundTime;
		fighter1.health = fighter1.maxHealth;
		fighter2.health = fighter2.maxHealth;
		fighter1.updateHealthBar();
		fighter2.updateHealthBar();
		fighter1.x = 600;
		fighter2.x = 2048 - 600;
		fighter1.setFacing(true);
		fighter2.setFacing(false);
		// Reset throwables for both fighters
		throwablesLeft = 5;
		if (typeof throwablesText !== "undefined" && throwablesText.setText) {
			throwablesText.setText('Throwables: ' + throwablesLeft);
		}
		fighter2.throwablesLeft = 5;
		// Remove all attacks
		for (var j = attacks.length - 1; j >= 0; j--) {
			if (attacks[j].destroy) attacks[j].destroy();
		}
		attacks = [];
		// --- Start countdown overlay for new round ---
		setGameplayUIVisible(true); // Show all gameplay UI elements during countdown
		// Countdown overlay
		var countdownOverlay = new Container();
		countdownOverlay.visible = true;
		// Large countdown text
		var countdownText = new Text2('3', {
			size: 320,
			fill: "#fff",
			stroke: 0x000000,
			strokeThickness: 18
		});
		countdownText.anchor.set(0.5, 0.5);
		countdownText.x = 2048 / 2;
		countdownText.y = 1200;
		countdownOverlay.addChild(countdownText);
		game.addChild(countdownOverlay);
		var countdownValue = 3;
		countdownText.setText(countdownValue);
		// Pause gameplay during countdown
		gameStarted = false;
		var countdownInterval = LK.setInterval(function () {
			countdownValue--;
			if (countdownValue > 0) {
				countdownText.setText(countdownValue);
			} else if (countdownValue === 0) {
				countdownText.setText("FIGHT!");
				// Animate FIGHT! (scale up and fade out)
				countdownText.scaleX = countdownText.scaleY = 1.0;
				countdownText.alpha = 1.0;
				tween(countdownText, {
					scaleX: 1.4,
					scaleY: 1.4,
					alpha: 0
				}, {
					duration: 700,
					onFinish: function onFinish() {
						countdownOverlay.visible = false;
						if (countdownOverlay.parent) countdownOverlay.parent.removeChild(countdownOverlay);
						setGameplayUIVisible(true);
						gameStarted = true;
					}
				});
				LK.clearInterval(countdownInterval);
			}
		}, 900);
	}
};

===================================================================
--- original.js
+++ change.js
@@ -600,18 +600,18 @@
 });
 winsText1.anchor.set(1, 0); // right aligned, top
 // Bring win counters closer together so they can be seen
 winsText1.x = fighter1.healthBar.x + 180; // closer to center
-winsText1.y = fighter1.healthBar.y + 120;
+winsText1.y = fighter1.healthBar.y + 180; // moved further down below health bar
 var winsText2 = new Text2('Wins: 0', {
 	size: 60,
 	fill: "#fff",
 	stroke: 0x000000,
 	strokeThickness: 8
 });
 winsText2.anchor.set(0, 0); // left aligned, top
 winsText2.x = fighter2.healthBar.x + 120; // closer to center
-winsText2.y = fighter2.healthBar.y + 120;
+winsText2.y = fighter2.healthBar.y + 180; // moved further down below health bar
 LK.gui.top.addChild(winsText1);
 LK.gui.top.addChild(winsText2);
 // --- Combo counters under health bars ---
 var comboText1 = new Text2('Combo: 0', {