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

/**** 
* Classes
****/ 
// Energy bar class
var EnergyBar = Container.expand(function () {
	var self = Container.call(this);
	self.bg = self.attachAsset('energyBarBg', {
		anchorX: 0,
		anchorY: 0.5
	});
	self.fill = self.attachAsset('energyBarFill', {
		anchorX: 0,
		anchorY: 0.5
	});
	self.fill.x = 0;
	self.bg.x = 0;
	self.bg.y = 0;
	self.fill.y = 0;
	self.maxWidth = self.fill.width;
	self.set = function (ratio) {
		if (ratio < 0) {
			ratio = 0;
		}
		if (ratio > 1) {
			ratio = 1;
		}
		self.fill.width = self.maxWidth * ratio;
	};
	return self;
});
// --- Finance Panel Class ---
var FinancePanel = Container.expand(function () {
	var self = Container.call(this);
	// Yellow background, same size/position as computerscreen
	self.bg = self.attachAsset('upgradeBtn', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: computerScreen.x,
		y: computerScreen.y
	});
	self.bg.width = computerScreen.width;
	self.bg.height = computerScreen.height;
	self.bg.x = computerScreen.x;
	self.bg.y = computerScreen.y;
	self.bg.alpha = 0.98;
	self.addChild(self.bg);
	// Money text (white, large, centered)
	self.moneyTxt = new Text2("", {
		size: 120,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif",
		dropShadow: true,
		dropShadowColor: "#222",
		dropShadowBlur: 8,
		dropShadowDistance: 2
	});
	self.moneyTxt.anchor.set(0.5, 0);
	// Place at the very top inside the finance panel, with a margin
	self.moneyTxt.x = computerScreen.x;
	self.moneyTxt.y = computerScreen.y - computerScreen.height / 2 + 60;
	self.addChild(self.moneyTxt);
	// Helper to update money display
	self.updateMoney = function () {
		// Truncate to 2 decimals
		var moneyDisplay = Math.floor(money * 100) / 100;
		self.moneyTxt.setText("$" + formatNumber(moneyDisplay));
		// --- Daily Money Flow Graph (like statistics panel) ---
		// Remove previous stats label/graph if exists
		if (self.moneyStatsTxt) {
			try {
				self.moneyStatsTxt.destroy();
			} catch (e) {}
			self.moneyStatsTxt = null;
		}
		if (self.moneyStatsGraphNodes && self.moneyStatsGraphNodes.length) {
			for (var i = 0; i < self.moneyStatsGraphNodes.length; i++) {
				try {
					self.moneyStatsGraphNodes[i].destroy();
				} catch (e) {}
			}
			self.moneyStatsGraphNodes = [];
		}
		// Show daily money flow as a graph, like in statistics, but here: end-of-day money per day
		if (typeof statsMoneyPerDay !== "undefined" && statsMoneyPerDay.length > 0) {
			// Only show up to last 7 days, most recent last
			var maxDays = 7;
			var startIdx = Math.max(0, statsMoneyPerDay.length - maxDays);
			var data = [];
			for (var i = startIdx; i < statsMoneyPerDay.length; i++) {
				// Always show 2 decimals for money
				var dayMoney = Math.floor(statsMoneyPerDay[i] * 100) / 100;
				data.push(dayMoney);
			}
			// Graph area sizing
			var graphW = self.bg.width - 180;
			var graphH = 260;
			var graphStartX = computerScreen.x - graphW / 2;
			var graphStartY = self.moneyTxt.y + self.moneyTxt.height + 60;
			// Draw card background
			var cardBg = LK.getAsset('loadingbarempty', {
				anchorX: 0.5,
				anchorY: 0,
				x: computerScreen.x,
				y: graphStartY
			});
			cardBg.width = graphW + 60;
			cardBg.height = graphH + 60;
			cardBg.alpha = 0.93;
			self.addChild(cardBg);
			// Draw label
			var labelTxt = new Text2("Günlük Para Akışı", {
				size: 54,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 6,
				dropShadowDistance: 2
			});
			labelTxt.anchor.set(0, 0.5);
			labelTxt.x = graphStartX + 20;
			labelTxt.y = graphStartY + 36;
			self.addChild(labelTxt);
			// Find max value for scaling
			var maxVal = 1;
			for (var i = 0; i < data.length; i++) {
				if (data[i] > maxVal) maxVal = data[i];
			}
			// Draw line graph: connect points with rectangles (simulate lines)
			var prevX = null,
				prevY = null;
			self.moneyStatsGraphNodes = [cardBg, labelTxt];
			for (var i = 0; i < data.length; i++) {
				var x0 = graphStartX + i / Math.max(1, data.length - 1) * graphW;
				var y0 = graphStartY + 80 + graphH - data[i] / maxVal * (graphH - 30);
				// Draw a small circle at each data point
				var point = LK.getAsset('loadingbarfull', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: x0,
					y: y0
				});
				point.width = 18;
				point.height = 18;
				point.tint = 0xfa4b00;
				self.addChild(point);
				self.moneyStatsGraphNodes.push(point);
				// Draw value label for each day
				var displayValue = Math.floor(data[i] * 100) / 100;
				displayValue = displayValue.toFixed(2);
				var valTxt = new Text2("" + displayValue, {
					size: 36,
					fill: "#fff"
				});
				valTxt.anchor.set(0.5, 1);
				valTxt.x = x0;
				valTxt.y = y0 - 8;
				self.addChild(valTxt);
				self.moneyStatsGraphNodes.push(valTxt);
				// Draw a "line" between previous and current point using a thin rectangle
				if (prevX !== null && prevY !== null) {
					var dx = x0 - prevX;
					var dy = y0 - prevY;
					var dist = Math.sqrt(dx * dx + dy * dy);
					var angle = Math.atan2(dy, dx);
					var line = LK.getAsset('loadingbarfull', {
						anchorX: 0,
						anchorY: 0.5,
						x: prevX,
						y: prevY
					});
					line.width = dist;
					line.height = 8;
					line.tint = 0xfa4b00;
					line.rotation = angle;
					self.addChild(line);
					self.moneyStatsGraphNodes.push(line);
				}
				prevX = x0;
				prevY = y0;
			}
		}
	};
	// Update on creation
	self.updateMoney();
	return self;
});
// Global variable to track finance panel instance
// Button class for all clickable actions
var GameButton = Container.expand(function () {
	var self = Container.call(this);
	self.bg = null;
	self.label = null;
	self.action = null;
	self.enabled = true;
	self.setButton = function (assetId, labelText, color, width, height) {
		self.bg = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		self.bg.width = width;
		self.bg.height = height;
		// Modern look: more pronounced rounded corners and soft drop shadow
		self.bg.cornerRadius = Math.min(width, height) * 0.28;
		self.bg.shadow = {
			color: 0x111111,
			blur: 36,
			offsetX: 0,
			offsetY: 16,
			alpha: 0.32
		};
		self.label = new Text2(labelText, {
			size: 80,
			fill: color,
			font: "Arial, Helvetica, sans-serif",
			dropShadow: true,
			dropShadowColor: "#222",
			dropShadowBlur: 12,
			dropShadowDistance: 2
		});
		self.label.anchor.set(0.5, 0.5);
		self.addChild(self.label);
	};
	self.setEnabled = function (val) {
		self.enabled = val;
		if (self.bg) {
			self.bg.alpha = val ? 1 : 0.4;
		}
	};
	self.down = function (x, y, obj) {
		if (!self.enabled) {
			return;
		}
		if (typeof self.action === 'function') {
			self.action();
		}
	};
	return self;
});
// VideoListItem: displays a video in the list with title, state, and stats
var VideoListItem = Container.expand(function () {
	var self = Container.call(this);
	self.bg = self.attachAsset('loadingbarempty', {
		anchorX: 0,
		anchorY: 0.5
	});
	self.bg.width = 1200;
	self.bg.height = 120;
	self.bg.alpha = 0.92;
	self.titleTxt = new Text2("", {
		size: 56,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif"
	});
	self.titleTxt.anchor.set(0, 0.5);
	self.titleTxt.x = 40;
	self.titleTxt.y = 0;
	self.addChild(self.titleTxt);
	self.stateTxt = new Text2("", {
		size: 44,
		fill: "#ff0",
		font: "Arial, Helvetica, sans-serif"
	});
	self.stateTxt.anchor.set(0, 0.5);
	self.stateTxt.x = 500;
	self.stateTxt.y = 0;
	self.addChild(self.stateTxt);
	self.statsTxt = new Text2("", {
		size: 44,
		fill: "#0ff",
		font: "Arial, Helvetica, sans-serif"
	});
	self.statsTxt.anchor.set(0, 0.5);
	self.statsTxt.x = 800;
	self.statsTxt.y = 0;
	self.addChild(self.statsTxt);
	self.setVideo = function (videoObj) {
		self.titleTxt.setText(videoObj.title || "Untitled");
		// State: Recording, Gaining Views, Finished
		if (videoObj.hour === 0 && !videoObj.finished) {
			self.stateTxt.setText("Just Published");
		} else if (!videoObj.finished) {
			self.stateTxt.setText("Gaining Views");
		} else {
			self.stateTxt.setText("Finished");
		}
		// Stats: views, money, subs
		var stats = formatNumber(videoObj.totalViews) + " views";
		// Truncate money to 2 decimal digits for display in video list
		var moneyDisplay = Math.floor(videoObj.totalMoney * 100) / 100;
		stats += " | $" + formatNumber(moneyDisplay);
		stats += " | " + formatNumber(videoObj.totalSubs) + " subs";
		if (videoObj.trending) {
			stats += " | 🔥";
		}
		self.statsTxt.setText(stats);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Global variable to track finance panel instance
// --- Trending Category State ---
// (Removed: Video Type Explanations below each button. Only technique explanations remain.)
var financePanel = null;
var videoCategories = ["Vlog", "Challenge", "Reaction", "Tutorial", "Unboxing", "Gaming", "Music", "Comedy", "Q&A"];
var selectedCategoryIdx = 0;
// Studio background (simple box for now)
// --- Game State Variables ---
// Pick a random trending category at game start
var trendingCategoryIdx = Math.floor(Math.random() * videoCategories.length);
var trendingCategoryDay = 1; // The day this trending category started
function updateTrendingCategory() {
	// Pick a new trending category index, different from the current one if possible
	var oldIdx = trendingCategoryIdx;
	if (videoCategories && videoCategories.length > 1) {
		var newIdx;
		do {
			newIdx = Math.floor(Math.random() * videoCategories.length);
		} while (newIdx === oldIdx);
		trendingCategoryIdx = newIdx;
	} else {
		trendingCategoryIdx = 0;
	}
	trendingCategoryDay = gameDay;
	// Set next change day if not already set
	if (typeof trendingCategoryNextChangeDay === "undefined") {
		trendingCategoryNextChangeDay = trendingCategoryDay + 7 + Math.floor(Math.random() * 24); // 7-30 days
	}
}
// If the record video panel is open, update the trending label text if it exists
if (typeof isRecordPanelOpen !== "undefined" && isRecordPanelOpen && typeof categoryBtns !== "undefined") {
	for (var i = 0; i < categoryBtns.length; i++) {
		if (categoryBtns[i].trendingTxt) {
			categoryBtns[i].trendingTxt.setText("Trending");
			// Move trending label to the new trending category
			if (i === trendingCategoryIdx) {
				categoryBtns[i].trendingTxt.visible = true;
			} else {
				categoryBtns[i].trendingTxt.visible = false;
			}
		}
		// Update button highlight for trending
		if (i === trendingCategoryIdx) {
			categoryBtns[i].bg.alpha = 0.95;
			if (categoryBtns[i].trendingTxt) {
				categoryBtns[i].trendingTxt.visible = true;
			}
		} else {
			if (categoryBtns[i].trendingTxt) {
				categoryBtns[i].trendingTxt.visible = false;
			}
			if (i !== selectedCategoryIdx) {
				categoryBtns[i].bg.alpha = 0.7;
			}
		}
	}
}
// Video button
// Edit button
// Promote button
// Upgrade button
// Energy bar background
// Energy bar fill
// Subscriber icon
// Money icon
// Sound for making a video
var subscribers = 0;
var viewCount = 0;
var money = 0;
var videoQuality = 1; // upgrades increase this
var editSkill = 1; // upgrades increase this
var promoteSkill = 1; // upgrades increase this
var videoCount = 0;
var upgradeCost = 20;
var upgradeLevel = 1;
// --- Time Mechanics ---
var gameHour = 8; // Start at 8:00
var gameDay = 1;
var isTimePaused = false;
var timeTimer = null;
var timeProcess = null; // {type: 'record'|'edit'|'promote', hoursLeft: int, onFinish: fn}
// --- UI Elements ---
var studioBg = LK.getAsset('studioBg', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
});
game.addChild(studioBg);
var phoneBg = LK.getAsset('phonebackground', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
});
game.addChild(phoneBg);
var computerScreen = LK.getAsset('computerscreen', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 - 5,
	y: 2732 / 2 - 60
});
game.addChild(computerScreen);
// --- App List inside computerscreen ---
// Each app is now inside its own invisible overlay container
var appListContainer = new Container();
var appOverlays = {}; // key: appNameLower, value: overlay Container
// Calculate app icon and background sizes for 4 per row, filling computerscreen width
var appsPerRow = 4;
var appListMarginX = 60; // margin from left/right inside computerscreen
var appListMarginY = 120; // margin from top inside computerscreen
var appListWidth = computerScreen.width - 2 * appListMarginX;
var appSpacing = 48;
var appRowSpacing = 120; // Further increased vertical spacing between rows
var appBgW = Math.floor((appListWidth - (appsPerRow - 1) * appSpacing) / appsPerRow);
var appBgH = appBgW; // make square
var appIconW = Math.floor(appBgW * 0.54);
var appIconH = appIconW;
// Align the app list to the left edge inside computerscreen
var appListStartX = computerScreen.x - computerScreen.width / 2 + appListMarginX + appBgW / 2;
var appListY = computerScreen.y - computerScreen.height / 2 + appListMarginY + appBgH / 2;
// Move the appListContainer visually inside the computerscreen and align to top-left
appListContainer.x = computerScreen.width / -2 + appListMarginX + appBgW / 2;
appListContainer.y = computerScreen.height / -2 + appListMarginY + appBgH / 2;
// Helper to create an overlay for a given app
function createAppOverlay(appNameLower, idx) {
	var overlay = new Container();
	overlay.appNameLower = appNameLower;
	// Calculate row/col for 4 per row
	var row = Math.floor(idx / appsPerRow);
	var col = idx % appsPerRow;
	var bgX = col * (appBgW + appSpacing);
	var bgY = row * (appBgH + appRowSpacing);
	// Background
	var bg = LK.getAsset('whitebackgroundrounded', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: bgX,
		y: bgY
	});
	bg.width = appBgW;
	bg.height = appBgH;
	overlay.addChild(bg);
	// Icon
	var iconAssetId = "youtube";
	if (appNameLower === "play store") iconAssetId = "playstore";
	if (appNameLower === "editing") iconAssetId = "edit";
	if (appNameLower === "statistics") iconAssetId = "statistics";
	if (appNameLower === "promote") iconAssetId = "promotebutton";
	if (appNameLower === "record") iconAssetId = "recordbutton";
	if (appNameLower === "finance") iconAssetId = "financalbutton";
	if (appNameLower === "youtube studio") iconAssetId = "youtubestudio";
	var icon = LK.getAsset(iconAssetId, {
		anchorX: 0.5,
		anchorY: 0.5,
		x: bgX,
		y: bgY
	});
	if (appNameLower === "editing") {
		icon.width = appIconW * 1.5;
		icon.height = appIconH * 1.5;
	} else {
		icon.width = appIconW;
		icon.height = appIconH;
	}
	overlay.addChild(icon);
	// Label
	var label = new Text2(appNameLower, {
		size: 54,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif"
	});
	label.anchor.set(0.5, 0);
	label.x = bgX;
	label.y = bgY + appBgH / 2 + 18;
	overlay.addChild(label);
	// Store for later reference
	overlay._appBg = bg;
	overlay._appIcon = icon;
	overlay._appLabel = label;
	// Make Youtube Studio app icon interactive to open Youtube Studio panel
	if (appNameLower === "youtube studio") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			// Defensive: destroy previous if exists
			if (typeof youtubeStudioPanel !== "undefined" && youtubeStudioPanel && typeof youtubeStudioPanel.destroy === "function") {
				try {
					youtubeStudioPanel.destroy();
				} catch (e) {}
				youtubeStudioPanel = null;
			}
			// Create Youtube Studio panel (background only, matching computerscreen)
			youtubeStudioPanel = LK.getAsset('studioBg', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: computerScreen.x,
				y: computerScreen.y
			});
			youtubeStudioPanel.width = computerScreen.width;
			youtubeStudioPanel.height = computerScreen.height;
			youtubeStudioPanel.alpha = 0.98;
			// Insert above computerscreen
			var csIdx = game.children.indexOf(computerScreen);
			if (csIdx !== -1) {
				game.addChildAt(youtubeStudioPanel, csIdx + 1);
			} else {
				game.addChild(youtubeStudioPanel);
			}
			// --- YouTube Studio Panel ---
			if (typeof youtubeChannel === "undefined") {
				window.youtubeChannel = null;
			}
			if (!window.youtubeChannel) {
				// (Channel creation UI, unchanged)
				// ... (all code from code_to_replace remains here)
			} else {
				// --- Video Publish Panel ---
				// Remove any previous children from youtubeStudioPanel (defensive)
				while (youtubeStudioPanel.children && youtubeStudioPanel.children.length > 0) {
					try {
						youtubeStudioPanel.children[0].destroy();
					} catch (e) {}
				}
				// Panel margins
				var panelMarginX = 60;
				var panelMarginY = 60;
				var panelInnerW = youtubeStudioPanel.width - panelMarginX * 2;
				var panelInnerH = youtubeStudioPanel.height - panelMarginY * 2;
				// 1. Title: Show last edited video name and category
				var lastVideo = window.lastRecordedVideo || {
					title: "Untitled",
					category: "Vlog"
				};
				var publishTitle = new Text2((lastVideo.title || "Untitled") + " (" + (lastVideo.category || "Vlog") + ")", {
					size: 64,
					fill: "#fff",
					font: "Arial, Helvetica, sans-serif",
					dropShadow: true,
					dropShadowColor: "#222",
					dropShadowBlur: 8,
					dropShadowDistance: 2
				});
				publishTitle.anchor.set(0.5, 0.5);
				publishTitle.x = youtubeStudioPanel.x;
				publishTitle.y = youtubeStudioPanel.y - youtubeStudioPanel.height / 2 + panelMarginY + 60;
				// 2. SEO/Optimization options
				var seoTxt = new Text2("SEO / Optimization", {
					size: 48,
					fill: "#fff",
					font: "Arial, Helvetica, sans-serif",
					dropShadow: true,
					dropShadowColor: "#222",
					dropShadowBlur: 8,
					dropShadowDistance: 2
				});
				seoTxt.anchor.set(0, 0.5);
				seoTxt.x = youtubeStudioPanel.x - panelInnerW / 2 + 80;
				seoTxt.y = publishTitle.y + publishTitle.height / 2 + 60;
				// SEO options (checkboxes)
				var seoOptions = [{
					label: "Add tags",
					checked: false
				}, {
					label: "Optimize title",
					checked: false
				}, {
					label: "Add description",
					checked: false
				}, {
					label: "Custom thumbnail",
					checked: false
				}];
				var seoCheckboxes = [];
				var checkboxW = 54,
					checkboxH = 54,
					checkboxSpacingY = 70;
				for (var i = 0; i < seoOptions.length; i++) {
					(function (idx) {
						var box = LK.getAsset('loadingbarempty', {
							anchorX: 0,
							anchorY: 0.5,
							x: seoTxt.x,
							y: seoTxt.y + 60 + idx * checkboxSpacingY
						});
						box.width = checkboxW;
						box.height = checkboxH;
						box.alpha = 0.85;
						box.interactive = true;
						box.buttonMode = true;
						var tick = new Text2("✓", {
							size: 44,
							fill: 0x44FF44,
							font: "Arial, Helvetica, sans-serif"
						});
						tick.anchor.set(0.5, 0.5);
						tick.x = box.x + checkboxW / 2;
						tick.y = box.y + checkboxH / 2 - checkboxH / 2;
						tick.visible = false;
						var label = new Text2(seoOptions[idx].label, {
							size: 44,
							fill: "#fff",
							font: "Arial, Helvetica, sans-serif"
						});
						label.anchor.set(0, 0.5);
						label.x = box.x + checkboxW + 24;
						label.y = box.y + checkboxH / 2 - checkboxH / 2;
						box.down = function () {
							seoOptions[idx].checked = !seoOptions[idx].checked;
							tick.visible = seoOptions[idx].checked;
						};
						seoCheckboxes.push({
							box: box,
							tick: tick,
							label: label
						});
					})(i);
				}
				// 3. Comments option
				var commentsTxt = new Text2("Comments:", {
					size: 48,
					fill: "#fff",
					font: "Arial, Helvetica, sans-serif",
					dropShadow: true,
					dropShadowColor: "#222",
					dropShadowBlur: 8,
					dropShadowDistance: 2
				});
				commentsTxt.anchor.set(0, 0.5);
				commentsTxt.x = seoTxt.x;
				commentsTxt.y = seoTxt.y + 60 + seoOptions.length * checkboxSpacingY + 60;
				var commentsOptions = [{
					label: "Open",
					value: true
				}, {
					label: "Closed",
					value: false
				}];
				var selectedCommentsIdx = 0;
				var commentBtns = [];
				for (var i = 0; i < commentsOptions.length; i++) {
					(function (idx) {
						var btn = new GameButton();
						btn.setButton('editBtn', commentsOptions[idx].label, "#fff", 180, 80);
						btn.x = commentsTxt.x + 220 + idx * 220;
						btn.y = commentsTxt.y;
						btn.bg.alpha = idx === selectedCommentsIdx ? 1 : 0.7;
						btn.action = function () {
							for (var j = 0; j < commentBtns.length; j++) commentBtns[j].bg.alpha = 0.7;
							btn.bg.alpha = 1;
							selectedCommentsIdx = idx;
						};
						commentBtns.push(btn);
					})(i);
				}
				// 4. Publish button
				var publishBtn = new GameButton();
				publishBtn.setButton('videoBtn', 'Publish', "#fff", 480, 120);
				publishBtn.x = youtubeStudioPanel.x;
				publishBtn.y = commentsTxt.y + 180;
				publishBtn.action = function () {
					// Save video as published, apply options (stub)
					var doneTxt = new Text2("Video published!", {
						size: 64,
						fill: "#fff",
						font: "Arial, Helvetica, sans-serif"
					});
					doneTxt.anchor.set(0.5, 0.5);
					doneTxt.x = youtubeStudioPanel.x;
					doneTxt.y = publishBtn.y + 120;
					game.addChild(doneTxt);
					tween(doneTxt, {
						alpha: 0,
						y: doneTxt.y + 40
					}, {
						duration: 1200,
						onFinish: function onFinish() {
							doneTxt.destroy();
						}
					});
					// Optionally, update video state in uploadedVideos
					if (window.uploadedVideos && window.uploadedVideos.length > 0) {
						for (var i = 0; i < window.uploadedVideos.length; i++) {
							var v = window.uploadedVideos[i];
							if (v.title === lastVideo.title && v.category === lastVideo.category && v.state !== "published") {
								v.state = "published";
								v.hour = 0;
								v.publishReady = false;
							}
						}
					}
					// Close panel after publish
					if (typeof closeAllBtn !== "undefined" && closeAllBtn && typeof closeAllBtn.action === "function") {
						closeAllBtn.action();
					}
				};
				// Add all to game
				game.addChild(publishTitle);
				game.addChild(seoTxt);
				for (var i = 0; i < seoCheckboxes.length; i++) {
					game.addChild(seoCheckboxes[i].box);
					game.addChild(seoCheckboxes[i].tick);
					game.addChild(seoCheckboxes[i].label);
				}
				game.addChild(commentsTxt);
				for (var i = 0; i < commentBtns.length; i++) game.addChild(commentBtns[i]);
				game.addChild(publishBtn);
			}
		};
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = overlay.down;
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = overlay.down;
	}
	// Make Play Store app icon interactive to open Play Store overlay
	if (appNameLower === "play store") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			showPlayStoreOverlay();
		};
		// Also make icon and bg interactive for better UX
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = function (x, y, obj) {
			showPlayStoreOverlay();
		};
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = function (x, y, obj) {
			showPlayStoreOverlay();
		};
	}
	// Make Statistics app icon interactive to open statistics panel
	if (appNameLower === "statistics") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			// Defensive: re-add statsOverlay if destroyed
			if (!game.children.includes(statsOverlay)) {
				game.addChild(statsOverlay);
			}
			hideVideoList();
			updateStatsGraphSingle();
			statsOverlay.visible = true;
		};
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = overlay.down;
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = overlay.down;
	}
	// Make Finance app icon interactive to open finance panel
	if (appNameLower === "finance") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			// Defensive: destroy previous if exists
			if (financePanel && typeof financePanel.destroy === "function") {
				try {
					financePanel.destroy();
				} catch (e) {}
				financePanel = null;
			}
			financePanel = new FinancePanel();
			// Insert financePanel above computerscreen (so it appears on top of computerscreen, but below everything else)
			var computerScreenIdx = game.children.indexOf(computerScreen);
			if (computerScreenIdx !== -1) {
				game.addChildAt(financePanel, computerScreenIdx + 1);
			} else {
				game.addChild(financePanel);
			}
			// Always update money display
			if (financePanel && typeof financePanel.updateMoney === "function") {
				financePanel.updateMoney();
			}
		};
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = overlay.down;
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = overlay.down;
	}
	// --- Promote Panel Globals (prevent ReferenceError) ---
	window.promotePanelBg = null;
	window.promoteTitle = null;
	window.moneySliderBg = null;
	window.moneySliderFill = null;
	window.moneySliderHandle = null;
	window.moneyInputTxt = null;
	window.daysSliderBg = null;
	window.daysSliderFill = null;
	window.daysSliderHandle = null;
	window.daysInputTxt = null;
	window.estViewsTxt = null;
	window.confirmPromoteBtn = null;
	window.closePromoteBtn = null;
	if (typeof window.promoteListLabels === "undefined" || !window.promoteListLabels) {
		window.promoteListLabels = [];
	}
	// --- Promote campaigns global state ---
	if (typeof window.activePromotes === "undefined") window.activePromotes = [];
	// Make Promote app icon interactive to open promote panel
	if (appNameLower === "promote") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			// Defensive: destroy previous promote panel if open
			if (typeof game.promotePanelOpen !== "undefined" && game.promotePanelOpen) {
				var promotePanelElements = ["promotePanelBg", "promoteTitle", "moneySliderBg", "moneySliderFill", "moneySliderHandle", "moneyInputTxt", "daysSliderBg", "daysSliderFill", "daysSliderHandle", "daysInputTxt", "estViewsTxt", "confirmPromoteBtn", "closePromoteBtn"];
				for (var i = 0; i < promotePanelElements.length; i++) {
					if (typeof window[promotePanelElements[i]] !== "undefined" && window[promotePanelElements[i]]) {
						try {
							window[promotePanelElements[i]].destroy();
						} catch (e) {}
						window[promotePanelElements[i]] = null;
					}
				}
				// Destroy promote list labels
				if (typeof promoteListLabels === "undefined") {
					window.promoteListLabels = [];
				}
				if (typeof promoteListLabels !== "undefined" && promoteListLabels.length) {
					for (var i = 0; i < promoteListLabels.length; i++) {
						for (var j = 0; j < promoteListLabels[i].length; j++) {
							if (promoteListLabels[i][j]) {
								try {
									promoteListLabels[i][j].destroy();
								} catch (e) {}
							}
						}
					}
				}
				game.promotePanelOpen = false;
			}
			// Defensive: destroy previous promote panel if open (again, for safety)
			if (typeof promotePanelBg !== "undefined" && promotePanelBg) {
				try {
					promotePanelBg.destroy();
				} catch (e) {}
				promotePanelBg = null;
			}
			if (typeof promoteTitle !== "undefined" && promoteTitle) {
				try {
					promoteTitle.destroy();
				} catch (e) {}
				promoteTitle = null;
			}
			// Create promote panel background, matching computerscreen
			promotePanelBg = LK.getAsset('studioBg', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: computerScreen.x,
				y: computerScreen.y
			});
			promotePanelBg.width = computerScreen.width;
			promotePanelBg.height = computerScreen.height;
			promotePanelBg.alpha = 0.98;
			var csIdx = game.children.indexOf(computerScreen);
			if (csIdx !== -1) {
				game.addChildAt(promotePanelBg, csIdx + 1);
			} else {
				game.addChild(promotePanelBg);
			}
			// Create promote panel title
			promoteTitle = new Text2("Promote Channel", {
				size: 90,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 8,
				dropShadowDistance: 2
			});
			promoteTitle.anchor.set(0.5, 0.5);
			promoteTitle.x = computerScreen.x;
			promoteTitle.y = computerScreen.y - computerScreen.height / 2 + 120;
			game.addChildAt(promoteTitle, csIdx + 2);
			// --- Promote Panel Content ---
			var panelMarginX = 60;
			var panelMarginY = 60;
			var panelInnerW = promotePanelBg.width - panelMarginX * 2;
			var panelInnerH = promotePanelBg.height - panelMarginY * 2;
			// --- Money slider (max = current money) ---
			var minMoney = 0; // Minimum budget is now 0
			var maxMoney = Math.max(minMoney, Math.floor(money));
			var minDays = 1;
			var maxDays = 30;
			var moneyValue = Math.min(100, maxMoney);
			var daysValue = 3;
			// Money slider
			window.moneySliderBg = LK.getAsset('loadingbarempty', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: computerScreen.x,
				y: promoteTitle.y + 180
			});
			var moneySliderBg = window.moneySliderBg;
			moneySliderBg.width = panelInnerW - 200;
			moneySliderBg.height = 80;
			moneySliderBg.alpha = 0.92;
			game.addChild(moneySliderBg);
			window.moneySliderFill = LK.getAsset('loadingbarfull', {
				anchorX: 0,
				anchorY: 0.5,
				x: moneySliderBg.x - moneySliderBg.width / 2,
				y: moneySliderBg.y
			});
			var moneySliderFill = window.moneySliderFill;
			moneySliderFill.width = 0;
			moneySliderFill.height = 60;
			moneySliderFill.tint = 0x44ff44;
			game.addChild(moneySliderFill);
			window.moneySliderHandle = LK.getAsset('promoteBtn', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: moneySliderBg.x - moneySliderBg.width / 2,
				y: moneySliderBg.y
			});
			var moneySliderHandle = window.moneySliderHandle;
			moneySliderHandle.width = 80;
			moneySliderHandle.height = 80;
			game.addChild(moneySliderHandle);
			// Money input text
			window.moneyInputTxt = new Text2("$" + moneyValue, {
				size: 54,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif"
			});
			var moneyInputTxt = window.moneyInputTxt;
			moneyInputTxt.anchor.set(0.5, 0.5);
			moneyInputTxt.x = moneySliderBg.x;
			moneyInputTxt.y = moneySliderBg.y - 70;
			game.addChild(moneyInputTxt);
			// --- Days slider (max 30) ---
			window.daysSliderBg = LK.getAsset('loadingbarempty', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: computerScreen.x,
				y: moneySliderBg.y + 220
			});
			var daysSliderBg = window.daysSliderBg;
			daysSliderBg.width = panelInnerW - 200;
			daysSliderBg.height = 80;
			daysSliderBg.alpha = 0.92;
			game.addChild(daysSliderBg);
			window.daysSliderFill = LK.getAsset('loadingbarfull', {
				anchorX: 0,
				anchorY: 0.5,
				x: daysSliderBg.x - daysSliderBg.width / 2,
				y: daysSliderBg.y
			});
			var daysSliderFill = window.daysSliderFill;
			daysSliderFill.width = 0;
			daysSliderFill.height = 60;
			daysSliderFill.tint = 0x44aaff;
			game.addChild(daysSliderFill);
			window.daysSliderHandle = LK.getAsset('editBtn', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: daysSliderBg.x - daysSliderBg.width / 2,
				y: daysSliderBg.y
			});
			var daysSliderHandle = window.daysSliderHandle;
			daysSliderHandle.width = 80;
			daysSliderHandle.height = 80;
			game.addChild(daysSliderHandle);
			// Days input text
			window.daysInputTxt = new Text2(daysValue + " days", {
				size: 54,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif"
			});
			var daysInputTxt = window.daysInputTxt;
			daysInputTxt.anchor.set(0.5, 0.5);
			daysInputTxt.x = daysSliderBg.x;
			daysInputTxt.y = daysSliderBg.y - 70;
			game.addChild(daysInputTxt);
			// --- Estimated views text (show as range) ---
			window.estViewsTxt = new Text2("Estimated: 0 - 0 views", {
				size: 48,
				fill: "#ff0",
				font: "Arial, Helvetica, sans-serif"
			});
			var estViewsTxt = window.estViewsTxt;
			estViewsTxt.anchor.set(0.5, 0.5);
			estViewsTxt.x = computerScreen.x;
			estViewsTxt.y = daysSliderBg.y + 120;
			game.addChild(estViewsTxt);
			// --- Confirm promote button ---
			window.confirmPromoteBtn = new GameButton();
			var confirmPromoteBtn = window.confirmPromoteBtn;
			confirmPromoteBtn.setButton('promoteBtn', 'Start Promotion', "#fff", 480, 120);
			if (confirmPromoteBtn.label && confirmPromoteBtn.label.style && typeof confirmPromoteBtn.label.style.size !== "undefined") {
				confirmPromoteBtn.label.style.size = 44;
				confirmPromoteBtn.label.dirty = true;
			} else if (confirmPromoteBtn.label && typeof confirmPromoteBtn.label.setStyle === "function") {
				confirmPromoteBtn.label.setStyle({
					size: 44
				});
			}
			confirmPromoteBtn.x = computerScreen.x;
			confirmPromoteBtn.y = estViewsTxt.y + 180;
			// --- Promote List (active/finished campaigns) ---
			if (typeof window.promoteListLabels === "undefined") window.promoteListLabels = [];
			function updatePromoteListDisplay() {
				// Remove old labels
				if (window.promoteListLabels && window.promoteListLabels.length) {
					for (var i = 0; i < window.promoteListLabels.length; i++) {
						for (var j = 0; j < window.promoteListLabels[i].length; j++) {
							if (window.promoteListLabels[i][j]) {
								try {
									window.promoteListLabels[i][j].destroy();
								} catch (e) {}
							}
						}
					}
				}
				window.promoteListLabels = [];
				if (!window.activePromotes || !window.activePromotes.length) return;
				var startY = confirmPromoteBtn.y + 160;
				var labelH = 54;
				for (var i = 0; i < window.activePromotes.length; i++) {
					var p = window.activePromotes[i];
					var y = startY + i * (labelH + 16);
					var arr = [];
					// Status
					var status = p.finished ? "Finished" : "Active";
					var labelTxt = new Text2("Ad: $" + p.amount + " / " + p.days + "g | " + "Views: " + p.viewsSoFar + "/" + p.estViewsMin + "-" + p.estViewsMax + " | " + "Subs: " + p.subsGained + " | " + status, {
						size: 44,
						fill: p.finished ? "#aaa" : "#fff",
						font: "Arial, Helvetica, sans-serif"
					});
					labelTxt.anchor.set(0.5, 0.5);
					labelTxt.x = computerScreen.x;
					labelTxt.y = y;
					game.addChild(labelTxt);
					arr.push(labelTxt);
					// Show stats button
					var statsBtn = new GameButton();
					statsBtn.setButton('editBtn', 'Stats', "#fff", 180, 60);
					statsBtn.x = computerScreen.x + 540;
					statsBtn.y = y;
					statsBtn.action = function (idx) {
						return function () {
							showPromoteStatsPanel(idx);
						};
					}(i);
					game.addChild(statsBtn);
					arr.push(statsBtn);
					// Save for later removal
					window.promoteListLabels.push(arr);
					// Attach update method for live update
					p._promoteListLabel = arr;
					p.updatePromoteListLabel = function () {
						if (!this._promoteListLabel) return;
						var label = this._promoteListLabel[0];
						if (!label) return;
						var status = this.finished ? "Finished" : "Active";
						label.setText("Ad: $" + this.amount + " / " + this.days + "g | " + "Views: " + this.viewsSoFar + "/" + this.estViewsMin + "-" + this.estViewsMax + " | " + "Subs: " + this.subsGained + " | " + status);
						label.style.fill = this.finished ? "#aaa" : "#fff";
					};
				}
			}
			window.updatePromoteListDisplay = updatePromoteListDisplay;
			// --- UI update logic ---
			function updatePromotePanelUI() {
				// Clamp maxMoney to current money
				maxMoney = Math.max(minMoney, Math.floor(money));
				if (moneyValue > maxMoney) moneyValue = maxMoney;
				if (moneyValue < minMoney) moneyValue = minMoney;
				if (daysValue > maxDays) daysValue = maxDays;
				if (daysValue < minDays) daysValue = minDays;
				// Money slider
				var moneyRatio = (moneyValue - minMoney) / (maxMoney - minMoney || 1);
				moneySliderFill.width = moneySliderBg.width * moneyRatio;
				moneySliderHandle.x = moneySliderBg.x - moneySliderBg.width / 2 + moneySliderBg.width * moneyRatio;
				moneyInputTxt.setText("$" + moneyValue);
				// Days slider
				var daysRatio = (daysValue - minDays) / (maxDays - minDays);
				daysSliderFill.width = daysSliderBg.width * daysRatio;
				daysSliderHandle.x = daysSliderBg.x - daysSliderBg.width / 2 + daysSliderBg.width * daysRatio;
				daysInputTxt.setText(daysValue + " days");
				// Estimated views (show as range)
				var estMin = Math.floor(moneyValue * daysValue * 2.0);
				var estMax = Math.floor(moneyValue * daysValue * 3.0);
				estViewsTxt.setText("Estimated: " + estMin + " - " + estMax + " views");
			}
			updatePromotePanelUI();
			// Money slider drag
			moneySliderHandle.interactive = true;
			moneySliderHandle.buttonMode = true;
			var draggingMoney = false;
			moneySliderHandle.down = function (x, y, obj) {
				draggingMoney = true;
			};
			game.move = function (origMove) {
				return function (x, y, obj) {
					if (draggingMoney) {
						var localX = x - (moneySliderBg.x - moneySliderBg.width / 2);
						var ratio = Math.max(0, Math.min(1, localX / moneySliderBg.width));
						moneyValue = Math.round(minMoney + (maxMoney - minMoney) * ratio);
						updatePromotePanelUI();
					}
					if (draggingDays) {
						var localX = x - (daysSliderBg.x - daysSliderBg.width / 2);
						var ratio = Math.max(0, Math.min(1, localX / daysSliderBg.width));
						daysValue = Math.round(minDays + (maxDays - minDays) * ratio);
						updatePromotePanelUI();
					}
					if (typeof origMove === "function") origMove(x, y, obj);
				};
			}(game.move);
			moneySliderHandle.up = function (x, y, obj) {
				draggingMoney = false;
			};
			// Days slider drag
			daysSliderHandle.interactive = true;
			daysSliderHandle.buttonMode = true;
			var draggingDays = false;
			daysSliderHandle.down = function (x, y, obj) {
				draggingDays = true;
			};
			daysSliderHandle.up = function (x, y, obj) {
				draggingDays = false;
			};
			// --- Confirm promote logic ---
			confirmPromoteBtn.action = function () {
				// Prevent promotion if budget is 0
				if (moneyValue === 0) {
					var errTxt = new Text2("Promotion budget must be greater than $0!", {
						size: 54,
						fill: 0xFF4444,
						font: "Arial, Helvetica, sans-serif"
					});
					errTxt.anchor.set(0.5, 0.5);
					errTxt.x = confirmPromoteBtn.x;
					errTxt.y = confirmPromoteBtn.y + 120;
					game.addChild(errTxt);
					tween(errTxt, {
						alpha: 0,
						y: errTxt.y + 40
					}, {
						duration: 1200,
						onFinish: function onFinish() {
							errTxt.destroy();
						}
					});
					return;
				}
				// Defensive: check enough money
				if (money < moneyValue) {
					var errTxt = new Text2("Not enough money!", {
						size: 54,
						fill: 0xFF4444,
						font: "Arial, Helvetica, sans-serif"
					});
					errTxt.anchor.set(0.5, 0.5);
					errTxt.x = confirmPromoteBtn.x;
					errTxt.y = confirmPromoteBtn.y + 120;
					game.addChild(errTxt);
					tween(errTxt, {
						alpha: 0,
						y: errTxt.y + 40
					}, {
						duration: 1200,
						onFinish: function onFinish() {
							errTxt.destroy();
						}
					});
					return;
				}
				// Deduct money
				money -= moneyValue;
				updateStats();
				// Calculate estimated views range
				var estMin = Math.floor(moneyValue * daysValue * 2.0);
				var estMax = Math.floor(moneyValue * daysValue * 3.0);
				// Create promote campaign object
				var promoteObj = {
					amount: moneyValue,
					days: daysValue,
					startDay: gameDay,
					finished: false,
					lastDay: gameDay + daysValue - 1,
					estViewsMin: estMin,
					estViewsMax: estMax,
					viewsSoFar: 0,
					subsGained: 0,
					spentSoFar: 0,
					viewsPerHour: [],
					shownPerHour: [],
					subsPerDay: [],
					viewsPerDay: [],
					subRate: 0.01 + Math.random() * 0.01,
					// 1-2% conversion
					_promoteListLabel: null,
					updatePromoteListLabel: null
				};
				// Generate views per hour for each day
				for (var d = 0; d < daysValue; d++) {
					promoteObj.viewsPerHour[d] = [];
					promoteObj.shownPerHour[d] = [];
					var dayViews = Math.floor(estMin + Math.random() * (estMax - estMin + 1) / daysValue);
					for (var h = 0; h < 24; h++) {
						// Distribute views per hour, more at start
						var rel = h / 24;
						var hourViews = Math.floor(dayViews * (1.2 - rel * 0.7) / 24 + Math.random() * 2);
						promoteObj.viewsPerHour[d][h] = hourViews;
						promoteObj.shownPerHour[d][h] = 0;
					}
				}
				promoteObj.spentSoFar = 0;
				promoteObj.viewsSoFar = 0;
				promoteObj.subsGained = 0;
				window.activePromotes.push(promoteObj);
				// Clean up panel
				if (promotePanelBg) {
					promotePanelBg.destroy();
					promotePanelBg = null;
				}
				if (promoteTitle) {
					promoteTitle.destroy();
					promoteTitle = null;
				}
				if (moneySliderBg) {
					moneySliderBg.destroy();
					moneySliderBg = null;
				}
				if (moneySliderFill) {
					moneySliderFill.destroy();
					moneySliderFill = null;
				}
				if (moneySliderHandle) {
					moneySliderHandle.destroy();
					moneySliderHandle = null;
				}
				if (moneyInputTxt) {
					moneyInputTxt.destroy();
					moneyInputTxt = null;
				}
				if (daysSliderBg) {
					daysSliderBg.destroy();
					daysSliderBg = null;
				}
				if (daysSliderFill) {
					daysSliderFill.destroy();
					daysSliderFill = null;
				}
				if (daysSliderHandle) {
					daysSliderHandle.destroy();
					daysSliderHandle = null;
				}
				if (daysInputTxt) {
					daysInputTxt.destroy();
					daysInputTxt = null;
				}
				if (estViewsTxt) {
					estViewsTxt.destroy();
					estViewsTxt = null;
				}
				if (confirmPromoteBtn) {
					confirmPromoteBtn.destroy();
					confirmPromoteBtn = null;
				}
				if (typeof closePromoteBtn !== "undefined" && closePromoteBtn) {
					closePromoteBtn.destroy();
					closePromoteBtn = null;
				}
				game.promotePanelOpen = false;
				// Show confirmation
				var doneTxt = new Text2("Promotion started!", {
					size: 64,
					fill: "#fff",
					font: "Arial, Helvetica, sans-serif"
				});
				doneTxt.anchor.set(0.5, 0.5);
				doneTxt.x = computerScreen.x;
				doneTxt.y = computerScreen.y;
				game.addChild(doneTxt);
				tween(doneTxt, {
					alpha: 0,
					y: doneTxt.y - 40
				}, {
					duration: 1800,
					onFinish: function onFinish() {
						doneTxt.destroy();
					}
				});
				// Show promote panel again to see new campaign
				setTimeout(function () {
					overlay.down();
				}, 600);
			};
			game.addChild(confirmPromoteBtn);
			// Show all active/finished promotions in panel
			updatePromoteListDisplay();
			// Mark promote panel as open
			game.promotePanelOpen = true;
		};
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = overlay.down;
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = overlay.down;
	}
	// Make Editing app icon interactive to open the edit panel (like editBtn)
	if (appNameLower === "editing") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			// Prevent opening edit panel if no video to edit
			if (!window.lastRecordedVideo || !window.lastRecordedVideo.title || !window.lastRecordedVideo.category) {
				// Animate record app icon if present
				if (appOverlays && appOverlays["record"] && appOverlays["record"]._appIcon) {
					var recordIcon = appOverlays["record"]._appIcon;
					// Defensive: stop any previous tweens on scale
					tween.stop(recordIcon, {
						scaleX: true,
						scaleY: true
					});
					// Animate: scale up, then down
					tween(recordIcon, {
						scaleX: 1.3,
						scaleY: 1.3
					}, {
						duration: 220,
						easing: tween.cubicOut,
						onFinish: function onFinish() {
							tween(recordIcon, {
								scaleX: 1,
								scaleY: 1
							}, {
								duration: 220,
								easing: tween.cubicIn
							});
						}
					});
				}
				return; // Do not open edit panel
			}
			// Defensive: destroy previous edit panel if open
			var editPanelElements = ["editPanelBg", "editPanelTitle", "editPanelBtn", "closeEditBtn", "videoTypeBtns", "editTechBtns", "editPanelDescTxt"];
			for (var i = 0; i < editPanelElements.length; i++) {
				if (typeof window[editPanelElements[i]] !== "undefined" && window[editPanelElements[i]]) {
					try {
						window[editPanelElements[i]].destroy();
					} catch (e) {}
					window[editPanelElements[i]] = null;
				}
			}
			// Defensive: destroy any previous dynamic arrays
			if (typeof window.editPanelVideoTypeBtns !== "undefined" && window.editPanelVideoTypeBtns) {
				for (var i = 0; i < window.editPanelVideoTypeBtns.length; i++) {
					if (window.editPanelVideoTypeBtns[i]) {
						try {
							window.editPanelVideoTypeBtns[i].destroy();
						} catch (e) {}
					}
				}
				window.editPanelVideoTypeBtns = null;
			}
			if (typeof window.editPanelEditTechBtns !== "undefined" && window.editPanelEditTechBtns) {
				for (var i = 0; i < window.editPanelEditTechBtns.length; i++) {
					if (window.editPanelEditTechBtns[i]) {
						try {
							window.editPanelEditTechBtns[i].destroy();
						} catch (e) {}
					}
				}
				window.editPanelEditTechBtns = null;
			}
			// --- Editing Panel Background ---
			if (typeof window.editPanelBg === "undefined") window.editPanelBg = null;
			window.editPanelBg = LK.getAsset('studioBg', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: computerScreen.x,
				y: computerScreen.y
			});
			var editPanelBg = window.editPanelBg;
			editPanelBg.width = computerScreen.width;
			editPanelBg.height = computerScreen.height;
			editPanelBg.alpha = 0.98;
			var csIdx = game.children.indexOf(computerScreen);
			if (csIdx !== -1) {
				game.addChildAt(editPanelBg, csIdx + 1);
			} else {
				game.addChild(editPanelBg);
			}
			// --- Editing Panel Title ---
			if (typeof window.editPanelTitle === "undefined") window.editPanelTitle = null;
			window.editPanelTitle = new Text2("Edit Video", {
				size: 90,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 8,
				dropShadowDistance: 2
			});
			var editPanelTitle = window.editPanelTitle;
			editPanelTitle.anchor.set(0.5, 0.5);
			editPanelTitle.x = computerScreen.x;
			editPanelTitle.y = computerScreen.y - computerScreen.height / 2 + 120;
			game.addChild(editPanelTitle);
			// --- Show last recorded video info if available ---
			if (window.lastRecordedVideo && window.lastRecordedVideo.title && window.lastRecordedVideo.category) {
				if (typeof window.editPanelVideoInfoTxt === "undefined") window.editPanelVideoInfoTxt = null;
				window.editPanelVideoInfoTxt = new Text2("Editing: " + window.lastRecordedVideo.title + " (" + window.lastRecordedVideo.category + ")", {
					size: 54,
					fill: "#ff0",
					font: "Arial, Helvetica, sans-serif",
					dropShadow: true,
					dropShadowColor: "#222",
					dropShadowBlur: 8,
					dropShadowDistance: 2
				});
				window.editPanelVideoInfoTxt.anchor.set(0.5, 0.5);
				window.editPanelVideoInfoTxt.x = computerScreen.x;
				window.editPanelVideoInfoTxt.y = editPanelTitle.y + editPanelTitle.height / 2 + 30;
				game.addChild(window.editPanelVideoInfoTxt);
			}
			// --- Explanatory Texts for Editing Panel ---
			var editPanelHintTxt = new Text2("Please select the video form", {
				size: 44,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 8,
				dropShadowDistance: 2,
				wordWrap: true,
				wordWrapWidth: computerScreen.width - 240
			});
			editPanelHintTxt.anchor.set(0.5, 0);
			editPanelHintTxt.x = computerScreen.x;
			editPanelHintTxt.y = editPanelTitle.y + 70 + 100; // moved 100px lower
			game.addChild(editPanelHintTxt);
			// --- Video Type Selection (Long/Short) ---
			// Center the buttons horizontally
			var videoTypes = ["Long Form", "Short Form"];
			var selectedVideoTypeIdx = 0;
			window.editPanelVideoTypeBtns = [];
			var typeBtnW = 420,
				typeBtnH = 120,
				typeBtnSpacing = 60;
			var totalTypeWidth = videoTypes.length * typeBtnW + (videoTypes.length - 1) * typeBtnSpacing;
			var typeStartX = computerScreen.x - totalTypeWidth / 2 + typeBtnW / 2;
			var typeY = editPanelHintTxt.y + editPanelHintTxt.height + 60;
			for (var i = 0; i < videoTypes.length; i++) {
				(function (idx) {
					var btn = new GameButton();
					btn.setButton('editBtn', videoTypes[idx], "#fff", typeBtnW, typeBtnH);
					btn.x = typeStartX + idx * (typeBtnW + typeBtnSpacing);
					btn.y = typeY;
					btn.action = function () {
						for (var j = 0; j < window.editPanelVideoTypeBtns.length; j++) {
							window.editPanelVideoTypeBtns[j].bg.alpha = 0.7;
						}
						btn.bg.alpha = 1;
						selectedVideoTypeIdx = idx;
						// Update description
						if (window.editPanelDescTxt) {
							window.editPanelDescTxt.setText(videoTypeDescArr[selectedVideoTypeIdx] + "\n" + editPanelDescArr[selectedEditTechIdx]);
						}
						// (Removed: video type explanations below buttons. Only technique explanations remain.)
					};
					if (i === 0) btn.bg.alpha = 1;else btn.bg.alpha = 0.7;
					window.editPanelVideoTypeBtns.push(btn);
					game.addChild(btn);
				})(i);
			}
			// (Removed: Video Type Explanations below each button. Only technique explanations remain.)
			// --- Editing Techniques Selection ---
			// Add "please select editing technique" text above technique selection, not overlapping with technique buttons
			if (typeof window.editTechniqueHintTxt === "undefined") window.editTechniqueHintTxt = null;
			window.editTechniqueHintTxt = new Text2("please select editing technique", {
				size: 44,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 8,
				dropShadowDistance: 2,
				wordWrap: true,
				wordWrapWidth: computerScreen.width - 240
			});
			window.editTechniqueHintTxt.anchor.set(0.5, 0);
			// Place the technique hint above the technique selection buttons, with extra margin
			// Place the technique hint above the technique selection buttons, with extra margin
			var maxTypeDescY = typeY + typeBtnH;
			window.editTechniqueHintTxt.x = computerScreen.x;
			window.editTechniqueHintTxt.y = maxTypeDescY + 40;
			window.editTechniqueHintTxt.y += 100; // moved 100px lower
			game.addChild(window.editTechniqueHintTxt);
			var editTechniques = ["Jump Cut", "Montage", "Slow Motion", "Text Overlay", "Music Sync", "Color Grading"];
			var editPanelDescArr = ["Jump Cut: Fast-paced, removes pauses. Good for vlogs and short content.", "Montage: Sequence of clips, often with music. Great for highlights.", "Slow Motion: Dramatic effect, emphasizes moments.", "Text Overlay: Adds text for emphasis or clarity.", "Music Sync: Edits cut to the beat of music.", "Color Grading: Adjusts color for mood and style."];
			var videoTypeDescArr = ["", ""];
			var selectedEditTechIdx = 0;
			window.editPanelEditTechBtns = [];
			var techBtnW = 420,
				techBtnH = 100,
				techBtnSpacingX = 40,
				techBtnSpacingY = 30;
			var techPerRow = 2;
			var totalTechWidth = techPerRow * techBtnW + (techPerRow - 1) * techBtnSpacingX;
			var techStartX = computerScreen.x - totalTechWidth / 2 + techBtnW / 2;
			// Defensive: use window.editTechniqueHintTxt if available, else fallback to 0
			var techStartY = typeof window.editTechniqueHintTxt !== "undefined" && window.editTechniqueHintTxt ? window.editTechniqueHintTxt.y + window.editTechniqueHintTxt.height + 24 + 50 : 50;
			for (var i = 0; i < editTechniques.length; i++) {
				(function (idx) {
					var btn = new GameButton();
					btn.setButton('editBtn', editTechniques[idx], "#fff", techBtnW, techBtnH);
					var row = Math.floor(idx / techPerRow);
					var col = idx % techPerRow;
					btn.x = techStartX + col * (techBtnW + techBtnSpacingX);
					btn.y = techStartY + row * (techBtnH + techBtnSpacingY);
					btn.action = function () {
						for (var j = 0; j < window.editPanelEditTechBtns.length; j++) {
							window.editPanelEditTechBtns[j].bg.alpha = 0.7;
						}
						btn.bg.alpha = 1;
						selectedEditTechIdx = idx;
						// Update description
						if (window.editPanelDescTxt) {
							window.editPanelDescTxt.setText(videoTypeDescArr[selectedVideoTypeIdx] + "\n" + editPanelDescArr[selectedEditTechIdx]);
						}
					};
					if (i === 0) btn.bg.alpha = 1;else btn.bg.alpha = 0.7;
					window.editPanelEditTechBtns.push(btn);
					game.addChild(btn);
				})(i);
			}
			// --- Description Text for Selected Technique and Form ---
			if (typeof window.editPanelDescTxt === "undefined") window.editPanelDescTxt = null;
			window.editPanelDescTxt = new Text2(videoTypeDescArr[selectedVideoTypeIdx] + "\n" + editPanelDescArr[selectedEditTechIdx], {
				size: 48,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 8,
				dropShadowDistance: 2,
				wordWrap: true,
				wordWrapWidth: computerScreen.width - 240
			});
			var editPanelDescTxt = window.editPanelDescTxt;
			editPanelDescTxt.anchor.set(0.5, 0);
			editPanelDescTxt.x = computerScreen.x;
			editPanelDescTxt.y = techStartY + 3 * (techBtnH + techBtnSpacingY) + 30;
			editPanelDescTxt.y += 100; // moved 100px lower
			game.addChild(editPanelDescTxt);
			// --- Confirm Edit Button ---
			if (typeof window.editPanelBtn === "undefined") window.editPanelBtn = null;
			window.editPanelBtn = new GameButton();
			var editPanelBtn = window.editPanelBtn;
			editPanelBtn.setButton('videoBtn', 'Start Editing', "#fff", 480, 120);
			editPanelBtn.x = computerScreen.x;
			editPanelBtn.y = editPanelDescTxt.y + editPanelDescTxt.height + 60;
			editPanelBtn.y += 100; // moved 100px lower
			editPanelBtn.action = function () {
				// Here you would start the editing process for the selected video, type, and technique.
				// For now, just show a confirmation and close the panel.
				var doneTxt = new Text2("Editing started: " + videoTypes[selectedVideoTypeIdx] + " / " + editTechniques[selectedEditTechIdx], {
					size: 54,
					fill: "#fff",
					font: "Arial, Helvetica, sans-serif"
				});
				doneTxt.anchor.set(0.5, 0.5);
				doneTxt.x = computerScreen.x;
				doneTxt.y = editPanelBtn.y + 120;
				game.addChild(doneTxt);
				tween(doneTxt, {
					alpha: 0,
					y: doneTxt.y + 40
				}, {
					duration: 1200,
					onFinish: function onFinish() {
						doneTxt.destroy();
					}
				});
				// Destroy panel elements
				if (editPanelBg) {
					editPanelBg.destroy();
					editPanelBg = null;
				}
				if (editPanelTitle) {
					editPanelTitle.destroy();
					editPanelTitle = null;
				}
				if (window.editPanelVideoInfoTxt) {
					window.editPanelVideoInfoTxt.destroy();
					window.editPanelVideoInfoTxt = null;
				}
				// Remove 'please select the video form' text if present
				if (typeof editPanelHintTxt !== "undefined" && editPanelHintTxt) {
					editPanelHintTxt.destroy();
					editPanelHintTxt = null;
				}
				// Remove 'please select editing technique' text if present
				if (window.editTechniqueHintTxt) {
					window.editTechniqueHintTxt.destroy();
					window.editTechniqueHintTxt = null;
				}
				if (editPanelBtn) {
					editPanelBtn.destroy();
					editPanelBtn = null;
				}
				if (editPanelDescTxt) {
					editPanelDescTxt.destroy();
					editPanelDescTxt = null;
				}
				if (window.editPanelVideoTypeBtns) {
					for (var i = 0; i < window.editPanelVideoTypeBtns.length; i++) {
						if (window.editPanelVideoTypeBtns[i]) window.editPanelVideoTypeBtns[i].destroy();
					}
					window.editPanelVideoTypeBtns = null;
				}
				if (window.editPanelEditTechBtns) {
					for (var i = 0; i < window.editPanelEditTechBtns.length; i++) {
						if (window.editPanelEditTechBtns[i]) window.editPanelEditTechBtns[i].destroy();
					}
					window.editPanelEditTechBtns = null;
				}
				// Call closeAllBtn.action() to close all panels
				if (typeof closeAllBtn !== "undefined" && closeAllBtn && typeof closeAllBtn.action === "function") {
					closeAllBtn.action();
				}
			};
			game.addChild(editPanelBtn);
			// (No close button as requested)
		};
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = overlay.down;
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = overlay.down;
	}
	// Make YouTube app icon interactive to open video panel (video list)
	if (appNameLower === "youtube") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			// Defensive: re-add videoListBg and videoListContainer if destroyed by closeAllBtn
			if (!game.children.includes(videoListBg)) {
				game.addChild(videoListBg);
			}
			if (!game.children.includes(videoListContainer)) {
				game.addChild(videoListContainer);
			}
			videoListBg.visible = true;
			videoListContainer.visible = true;
			statsOverlay.visible = false;
		};
		// Also make icon and bg interactive for better UX
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = function (x, y, obj) {
			// Defensive: re-add videoListBg and videoListContainer if destroyed by closeAllBtn
			if (!game.children.includes(videoListBg)) {
				game.addChild(videoListBg);
			}
			if (!game.children.includes(videoListContainer)) {
				game.addChild(videoListContainer);
			}
			videoListBg.visible = true;
			videoListContainer.visible = true;
			statsOverlay.visible = false;
		};
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = function (x, y, obj) {
			// Defensive: re-add videoListBg and videoListContainer if destroyed by closeAllBtn
			if (!game.children.includes(videoListBg)) {
				game.addChild(videoListBg);
			}
			if (!game.children.includes(videoListContainer)) {
				game.addChild(videoListContainer);
			}
			videoListBg.visible = true;
			videoListContainer.visible = true;
			statsOverlay.visible = false;
		};
	}
	// Make Record app icon interactive to open the record panel
	if (appNameLower === "record") {
		overlay.interactive = true;
		overlay.buttonMode = true;
		overlay.down = function (x, y, obj) {
			if (typeof makeVideoBtn !== "undefined" && makeVideoBtn && typeof makeVideoBtn.action === "function") {
				makeVideoBtn.action();
			}
		};
		icon.interactive = true;
		icon.buttonMode = true;
		icon.down = function (x, y, obj) {
			if (typeof makeVideoBtn !== "undefined" && makeVideoBtn && typeof makeVideoBtn.action === "function") {
				makeVideoBtn.action();
			}
		};
		bg.interactive = true;
		bg.buttonMode = true;
		bg.down = function (x, y, obj) {
			if (typeof makeVideoBtn !== "undefined" && makeVideoBtn && typeof makeVideoBtn.action === "function") {
				makeVideoBtn.action();
			}
		};
	}
	return overlay;
}
// Initial overlays for installed apps
// Always keep the app list in a fixed order: youtube, youtube studio, play store, editing, statistics, promote, record, finance
var initialApps = [{
	name: "youtube"
}, {
	name: "youtube studio"
}, {
	name: "play store"
}, {
	name: "editing"
}, {
	name: "statistics"
}, {
	name: "promote"
}, {
	name: "record"
}, {
	name: "finance"
}];
// Helper to re-render app overlays in correct order and position
function updateAppListOrder() {
	// Remove all overlays from container
	while (appListContainer.children.length > 0) {
		appListContainer.children[0].destroy();
	}
	// Re-add overlays in fixed order, skipping nulls
	var visibleIdx = 0;
	for (var i = 0; i < initialApps.length; i++) {
		var appNameLower = initialApps[i].name;
		var overlay = appOverlays[appNameLower];
		if (overlay) {
			// Update position for this index (4 per row)
			var row = Math.floor(visibleIdx / appsPerRow);
			var col = visibleIdx % appsPerRow;
			var bgX = col * (appBgW + appSpacing);
			var bgY = row * (appBgH + appRowSpacing);
			// Defensive: update all children positions (bg, icon, label)
			if (overlay._appBg) {
				overlay._appBg.x = bgX;
				overlay._appBg.y = bgY;
			}
			if (overlay._appIcon) {
				overlay._appIcon.x = bgX;
				overlay._appIcon.y = bgY;
			}
			if (overlay._appLabel) {
				overlay._appLabel.x = bgX;
				overlay._appLabel.y = bgY + appBgH / 2 + 18;
			}
			appListContainer.addChild(overlay);
			visibleIdx++;
		}
	}
}
// Create overlays for all initial apps
for (var i = 0; i < initialApps.length; i++) {
	var appNameLower = initialApps[i].name;
	var overlay = createAppOverlay(appNameLower, i);
	appOverlays[appNameLower] = overlay;
}
// Initial render
updateAppListOrder();
// --- Universal Close Button (Return to ComputerScreen) --- 
var closeAllBtn = new GameButton();
closeAllBtn.setButton('editBtn', 'Return', "#fff", 420, 120);
// Place the button below the computerscreen, centered horizontally 
closeAllBtn.x = computerScreen.x;
closeAllBtn.y = computerScreen.y + computerScreen.height / 2 + 210; // 210px below the bottom edge of computerscreen (80+130) 
closeAllBtn.bg.height += 40; // Increase height by 20px on top and 20px on bottom 
if (closeAllBtn.label) {
	closeAllBtn.label.y = 0; // recenter label after height change 
}
// Make the button invisible but always clickable 
closeAllBtn.bg.alpha = 0;
if (closeAllBtn.label) closeAllBtn.label.visible = false;
closeAllBtn.interactive = true;
closeAllBtn.buttonMode = true;
closeAllBtn.action = function () {
	// Remove all children except:
	// - computerscreen
	// - appListContainer (inside computerscreen)
	// - closeAllBtn
	// - subIcon, subTxt, viewIcon, viewTxt, moneyIcon, moneyTxt
	// - timeTxt, pauseBtn, resumeBtn, doubleSpeedBtn
	// - phoneBg
	for (var i = game.children.length - 1; i >= 0; i--) {
		var child = game.children[i];
		if (child === computerScreen || child === appListContainer || child === closeAllBtn || child === subIcon || child === subTxt || child === viewIcon || child === viewTxt || child === moneyIcon || child === moneyTxt || child === timeTxt || child === pauseBtn || child === resumeBtn || child === doubleSpeedBtn || child === phoneBg || child === studioBg) continue;
		try {
			child.destroy();
		} catch (e) {}
	}
	// Destroy finance panel if open
	if (typeof financePanel !== "undefined" && financePanel) {
		try {
			financePanel.destroy();
		} catch (e) {}
		financePanel = null;
	}
	// Hide overlays if they are not destroyed
	if (typeof videoListBg !== "undefined") videoListBg.visible = false;
	if (typeof videoListContainer !== "undefined") videoListContainer.visible = false;
	if (typeof statsOverlay !== "undefined") statsOverlay.visible = false;
	// Remove playstore overlay and all its children if open
	if (typeof playStoreOverlay !== "undefined" && playStoreOverlay) {
		if (playStoreOverlay.children && playStoreOverlay.children.length) {
			for (var i = playStoreOverlay.children.length - 1; i >= 0; i--) {
				try {
					playStoreOverlay.children[i].destroy();
				} catch (e) {}
			}
		}
		if (typeof psListContainer !== "undefined" && psListContainer) {
			if (psListContainer.children && psListContainer.children.length) {
				for (var i = psListContainer.children.length - 1; i >= 0; i--) {
					try {
						psListContainer.children[i].destroy();
					} catch (e) {}
				}
			}
			try {
				psListContainer.destroy();
			} catch (e) {}
			psListContainer = null;
		}
		if (playStoreOverlay.children && playStoreOverlay.children.length) {
			for (var i = playStoreOverlay.children.length - 1; i >= 0; i--) {
				try {
					playStoreOverlay.children[i].destroy();
				} catch (e) {}
			}
		}
		try {
			playStoreOverlay.destroy();
		} catch (e) {}
		playStoreOverlay = null;
	}
	// Remove edit panel if open
	var editPanelElements = ["editPanelBg", "editPanelTitle", "loadingBarBg", "loadingBarFill", "editPanelBtn", "closeEditBtn"];
	for (var i = 0; i < editPanelElements.length; i++) {
		if (typeof window[editPanelElements[i]] !== "undefined" && window[editPanelElements[i]]) {
			try {
				window[editPanelElements[i]].destroy();
			} catch (e) {}
			window[editPanelElements[i]] = null;
		}
	}
	// Remove edit panel hint and technique hint texts if present
	if (typeof window.editPanelHintTxt !== "undefined" && window.editPanelHintTxt) {
		try {
			window.editPanelHintTxt.destroy();
		} catch (e) {}
		window.editPanelHintTxt = null;
	}
	if (typeof window.editTechniqueHintTxt !== "undefined" && window.editTechniqueHintTxt) {
		try {
			window.editTechniqueHintTxt.destroy();
		} catch (e) {}
		window.editTechniqueHintTxt = null;
	}
	// Remove record panel if open (deduplicated block)
	if (typeof isRecordPanelOpen !== "undefined" && isRecordPanelOpen) {
		var recordPanelElements = ["panelBg", "panelText", "confirmBtn", "closeBtn", "titleInputBg", "titleInputTxt", "randomBtn"];
		for (var i = 0; i < recordPanelElements.length; i++) {
			if (typeof window[recordPanelElements[i]] !== "undefined" && window[recordPanelElements[i]]) {
				try {
					window[recordPanelElements[i]].destroy();
				} catch (e) {}
				window[recordPanelElements[i]] = null;
			}
		}
		// Destroy all category buttons and trending labels
		if (typeof categoryBtns !== "undefined" && categoryBtns.length) {
			for (var i = 0; i < categoryBtns.length; i++) {
				if (categoryBtns[i]) {
					if (categoryBtns[i].trendingTxt) {
						try {
							categoryBtns[i].trendingTxt.destroy();
						} catch (e) {}
						categoryBtns[i].trendingTxt = null;
					}
					try {
						categoryBtns[i].destroy();
					} catch (e) {}
				}
			}
		}
		isRecordPanelOpen = false;
	}
	// Remove promote panel if open
	if (typeof game.promotePanelOpen !== "undefined" && game.promotePanelOpen) {
		var promotePanelElements = ["promotePanelBg", "promoteTitle", "moneySliderBg", "moneySliderFill", "moneySliderHandle", "moneyInputTxt", "daysSliderBg", "daysSliderFill", "daysSliderHandle", "daysInputTxt", "estViewsTxt", "confirmPromoteBtn", "closePromoteBtn"];
		for (var i = 0; i < promotePanelElements.length; i++) {
			if (typeof window[promotePanelElements[i]] !== "undefined" && window[promotePanelElements[i]]) {
				try {
					window[promotePanelElements[i]].destroy();
				} catch (e) {}
				window[promotePanelElements[i]] = null;
			} else {
				window[promotePanelElements[i]] = null;
			}
		}
		// Destroy promote list labels
		if (typeof promoteListLabels === "undefined") {
			window.promoteListLabels = [];
		}
		if (typeof promoteListLabels !== "undefined" && promoteListLabels.length) {
			for (var i = 0; i < promoteListLabels.length; i++) {
				for (var j = 0; j < promoteListLabels[i].length; j++) {
					if (promoteListLabels[i][j]) {
						try {
							promoteListLabels[i][j].destroy();
						} catch (e) {}
					}
				}
			}
		}
		game.promotePanelOpen = false;
	}
	// Remove promote stats panel if open
	if (typeof game.children !== "undefined") {
		for (var i = game.children.length - 1; i >= 0; i--) {
			var child = game.children[i];
			if (child && child._isPromoteStatsPanel) {
				try {
					child.destroy();
				} catch (e) {}
			}
		}
	}
};
// Add the button to the game 
game.addChild(closeAllBtn);
// (Removed: duplicate app list alignment code, now handled by appListContainer.x/y and createAppOverlay)
// --- Play Store Fullscreen Overlay Logic --- 
var playStoreOverlay = null;
function showPlayStoreOverlay() {
	if (playStoreOverlay) return;
	// Overlay background
	playStoreOverlay = LK.getAsset('playstoreWhiteBg', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: computerScreen.x,
		y: computerScreen.y
	});
	// Restrict overlay size to exactly match computerscreen
	playStoreOverlay.width = computerScreen.width;
	playStoreOverlay.height = computerScreen.height;
	playStoreOverlay.alpha = 1;
	// Remove playStoreOverlay if already present (defensive, should not happen)
	if (game.children.indexOf(playStoreOverlay) !== -1) {
		playStoreOverlay.destroy();
	}
	// Insert playStoreOverlay so it is always below phoneBg but above computerscreen
	var phoneBgIdx = game.children.indexOf(phoneBg);
	var computerScreenIdx = game.children.indexOf(computerScreen);
	if (phoneBgIdx !== -1 && computerScreenIdx !== -1) {
		// Insert just before phoneBg, but after computerscreen
		// phoneBgIdx is the index of phoneBg, so insert at phoneBgIdx (which will be before phoneBg)
		// But if computerscreen is after phoneBg, adjust to insert after computerscreen
		var insertIdx = phoneBgIdx;
		if (computerScreenIdx >= phoneBgIdx) {
			// If computerscreen is after phoneBg, insert after computerscreen
			insertIdx = computerScreenIdx + 1;
		} else if (computerScreenIdx < phoneBgIdx - 1) {
			// If computerscreen is before phoneBg, but not immediately before, insert just before phoneBg
			insertIdx = phoneBgIdx;
		} else {
			// If computerscreen is immediately before phoneBg, insert at phoneBgIdx (between them)
			insertIdx = phoneBgIdx;
		}
		game.addChildAt(playStoreOverlay, insertIdx);
	} else if (phoneBgIdx !== -1) {
		// Fallback: insert just below phoneBg
		game.addChildAt(playStoreOverlay, phoneBgIdx);
	} else if (computerScreenIdx !== -1) {
		// Fallback: insert just above computerscreen
		game.addChildAt(playStoreOverlay, computerScreenIdx + 1);
	} else {
		// Fallback: add to top
		game.addChild(playStoreOverlay);
	}
	// --- Play Store App List Data ---
	// Each app: { name, description, sizeMB, publisher, installed }
	var playStoreApps = [{
		name: "YouTube",
		description: "Watch, upload, and share videos with the world.",
		sizeMB: 120,
		publisher: "RiftGames",
		installed: true
	}, {
		name: "Editing",
		description: "Edit your videos with powerful tools.",
		sizeMB: 95,
		publisher: "RiftGames",
		installed: true
	}, {
		name: "Statistics",
		description: "Track your channel's growth and performance.",
		sizeMB: 40,
		publisher: "RiftGames",
		installed: false
	}, {
		name: "Promote",
		description: "Promote your channel to reach more viewers.",
		sizeMB: 60,
		publisher: "RiftGames",
		installed: false
	}, {
		name: "Record",
		description: "Record new videos for your channel.",
		sizeMB: 80,
		publisher: "RiftGames",
		installed: false
	}, {
		name: "Finance",
		description: "Manage your channel's finances and earnings.",
		sizeMB: 55,
		publisher: "RiftGames",
		installed: false
	}];
	// --- Play Store Title Removed as requested ---
	// --- App List Container ---
	// The app list container is positioned at (0,0) inside playStoreOverlay, but all its children are positioned as if inside computerscreen
	var psListContainer = new Container();
	// Center app list container inside playStoreOverlay
	psListContainer.x = 0;
	psListContainer.y = 0;
	playStoreOverlay.addChild(psListContainer);
	// --- Play Store App List Paging (no scrolling, max 4 apps per page) ---
	var appCardW = computerScreen.width - 160;
	var appCardH = 320;
	var appCardSpacing = 40;
	var iconSize = 160;
	// Paging state
	var psAppsPerPage = 4;
	var psCurrentPage = 0;
	var psTotalPages = 1;
	var psPageBtnPrev = null;
	var psPageBtnNext = null;
	// Helper to render a page of apps
	function renderPlayStorePage(pageIdx) {
		// Remove all previous children from psListContainer
		while (psListContainer.children.length > 0) {
			psListContainer.children[0].destroy();
		}
		// Remove page buttons if present
		if (psPageBtnPrev) {
			psPageBtnPrev.destroy();
			psPageBtnPrev = null;
		}
		if (psPageBtnNext) {
			psPageBtnNext.destroy();
			psPageBtnNext = null;
		}
		// Only show apps for this page
		var startIdx = pageIdx * psAppsPerPage;
		var endIdx = Math.min(startIdx + psAppsPerPage, filteredPlayStoreApps.length);
		var numOnPage = endIdx - startIdx;
		var totalListHeight = numOnPage * appCardH + (numOnPage - 1) * appCardSpacing;
		var yStart = (playStoreOverlay.height - totalListHeight) / 2 - playStoreOverlay.height / 2 + 40;
		for (var i = startIdx; i < endIdx; i++) {
			(function (idx, localIdx) {
				var app = filteredPlayStoreApps[idx];
				// Center cards horizontally in the overlay
				var cardX = -appCardW / 2;
				// Card background, stack from center horizontally
				var cardBg = LK.getAsset('playstoreWhiteBg', {
					anchorX: 0,
					anchorY: 0,
					x: cardX,
					y: yStart + localIdx * (appCardH + appCardSpacing)
				});
				cardBg.width = appCardW;
				cardBg.height = appCardH;
				cardBg.alpha = 1;
				cardBg.tint = 0xffffff; // Always white background for app card
				psListContainer.addChild(cardBg);
				// App icon (logo only, no background)
				var iconAssetId = "youtube";
				if (app.name === "Play Store") iconAssetId = "playstore";
				if (app.name === "Editing") iconAssetId = "edit";
				if (app.name === "Statistics") iconAssetId = "statistics";
				if (app.name === "Promote") iconAssetId = "promotebutton";
				if (app.name === "Record") iconAssetId = "recordbutton";
				if (app.name === "Finance") iconAssetId = "financalbutton";
				var appIcon = LK.getAsset(iconAssetId, {
					anchorX: 0.5,
					anchorY: 0.5,
					x: cardBg.x + iconSize / 2 + 36,
					y: cardBg.y + appCardH / 2
				});
				appIcon.width = iconSize;
				appIcon.height = iconSize;
				psListContainer.addChild(appIcon);
				// Center all text horizontally relative to the card
				var textStartX = cardBg.x + iconSize + 80;
				// App name
				var nameTxt = new Text2(app.name, {
					size: 64,
					fill: "#222",
					font: "Arial, Helvetica, sans-serif"
				});
				nameTxt.anchor.set(0, 0);
				nameTxt.x = textStartX;
				nameTxt.y = cardBg.y + 36;
				psListContainer.addChild(nameTxt);
				// Publisher
				var publisherTxt = new Text2("by " + app.publisher, {
					size: 38,
					fill: "#888",
					font: "Arial, Helvetica, sans-serif"
				});
				publisherTxt.anchor.set(0, 0);
				publisherTxt.x = textStartX;
				publisherTxt.y = nameTxt.y + nameTxt.height + 2;
				psListContainer.addChild(publisherTxt);
				// Description
				var descTxt = new Text2(app.description, {
					size: 44,
					fill: "#444",
					font: "Arial, Helvetica, sans-serif"
				});
				descTxt.anchor.set(0, 0);
				descTxt.x = textStartX;
				descTxt.y = publisherTxt.y + publisherTxt.height + 8;
				psListContainer.addChild(descTxt);
				// Size
				var sizeTxt = new Text2(app.sizeMB + " MB", {
					size: 38,
					fill: "#0aa",
					font: "Arial, Helvetica, sans-serif"
				});
				sizeTxt.anchor.set(0, 0);
				sizeTxt.x = textStartX;
				sizeTxt.y = descTxt.y + descTxt.height + 8;
				psListContainer.addChild(sizeTxt);
				// Install/Delete/Download button
				var appBtn = new GameButton();
				var isInstalled = !!app.installed;
				function updateAppBtn() {
					appBtn.x = cardBg.x + appCardW / 2 - 130;
					appBtn.y = cardBg.y + appCardH / 2 + 120;
					if (appBtn._customBg) {
						appBtn._customBg.destroy();
						appBtn._customBg = null;
					}
					if (appBtn._customIcon) {
						appBtn._customIcon.destroy();
						appBtn._customIcon = null;
					}
					if (appBtn.label) appBtn.label.visible = false;
					if (isInstalled) {
						var bg = LK.getAsset('redbackground', {
							anchorX: 0.5,
							anchorY: 0.5,
							x: 0,
							y: 0
						});
						bg.width = 260;
						bg.height = 90;
						appBtn.addChild(bg);
						appBtn._customBg = bg;
						var icon = LK.getAsset('deletebutton', {
							anchorX: 0.5,
							anchorY: 0.5,
							x: 0,
							y: 0
						});
						var scale = Math.min((bg.width - 32) / icon.width, (bg.height - 32) / icon.height, 1);
						icon.width = icon.width * scale;
						icon.height = icon.height * scale;
						appBtn.addChild(icon);
						appBtn._customIcon = icon;
						appBtn.setEnabled(true);
						appBtn.action = function () {
							isInstalled = false;
							app.installed = false;
							updateAppBtn();
							var appNameLower = (app.name || "").toLowerCase();
							if (appOverlays[appNameLower]) {
								appListContainer.removeChild(appOverlays[appNameLower]);
								if (typeof appOverlays[appNameLower].destroy === "function") {
									appOverlays[appNameLower].destroy();
								}
								appOverlays[appNameLower] = null;
								if (typeof updateAppListOrder === "function") updateAppListOrder();
							}
						};
					} else {
						var bg = LK.getAsset('bluebackground', {
							anchorX: 0.5,
							anchorY: 0.5,
							x: 0,
							y: 0
						});
						bg.width = 260;
						bg.height = 90;
						appBtn.addChild(bg);
						appBtn._customBg = bg;
						var icon = LK.getAsset('downloadbutton', {
							anchorX: 0.5,
							anchorY: 0.5,
							x: 0,
							y: 0
						});
						var scale = Math.min((bg.width - 32) / icon.width, (bg.height - 32) / icon.height, 1);
						icon.width = icon.width * scale;
						icon.height = icon.height * scale;
						appBtn.addChild(icon);
						appBtn._customIcon = icon;
						appBtn.setEnabled(true);
						appBtn.action = function () {
							if (isInstalled) return;
							var loadingBarBg = LK.getAsset('loadingbarempty', {
								anchorX: 0.5,
								anchorY: 0.5,
								x: cardBg.x + appCardW / 2,
								y: cardBg.y + appCardH - 80
							});
							loadingBarBg.width = 420;
							loadingBarBg.height = 48;
							loadingBarBg.alpha = 0.92;
							psListContainer.addChild(loadingBarBg);
							var loadingBarFill = LK.getAsset('loadingbarfull', {
								anchorX: 0,
								anchorY: 0.5,
								x: loadingBarBg.x - loadingBarBg.width / 2 + 4,
								y: loadingBarBg.y
							});
							loadingBarFill.width = 0;
							loadingBarFill.height = 36;
							loadingBarFill.tint = 0x2196f3;
							psListContainer.addChild(loadingBarFill);
							appBtn.setEnabled(false);
							var loadingDuration = 1200;
							tween(loadingBarFill, {
								width: loadingBarBg.width - 8
							}, {
								duration: loadingDuration,
								easing: tween.cubicOut,
								onFinish: function onFinish() {
									loadingBarBg.destroy();
									loadingBarFill.destroy();
									isInstalled = true;
									app.installed = true;
									updateAppBtn();
									var appNameLower = (app.name || "").toLowerCase();
									if (!appOverlays[appNameLower]) {
										var overlay = createAppOverlay(appNameLower, idx);
										appOverlays[appNameLower] = overlay;
									}
									if (typeof updateAppListOrder === "function") updateAppListOrder();
								}
							});
						};
					}
					if (!appBtn.enabled && appBtn.label) appBtn.label.visible = false;
				}
				updateAppBtn();
				psListContainer.addChild(appBtn);
			})(i, i - startIdx);
		}
		// --- Page navigation buttons ---
		// Only show if more than 1 page
		if (psTotalPages > 1) {
			// Previous page button
			if (pageIdx > 0) {
				psPageBtnPrev = new GameButton();
				psPageBtnPrev.setButton('editBtn', '<', "#fff", 120, 120);
				psPageBtnPrev.x = 80 - playStoreOverlay.width / 2 + 60;
				psPageBtnPrev.y = playStoreOverlay.height / 2 - 100;
				psPageBtnPrev.action = function () {
					if (psCurrentPage > 0) {
						psCurrentPage--;
						renderPlayStorePage(psCurrentPage);
					}
				};
				playStoreOverlay.addChild(psPageBtnPrev);
			}
			// Next page button
			if (pageIdx < psTotalPages - 1) {
				psPageBtnNext = new GameButton();
				psPageBtnNext.setButton('editBtn', '>', "#fff", 120, 120);
				psPageBtnNext.x = playStoreOverlay.width / 2 - 80 - 60;
				psPageBtnNext.y = playStoreOverlay.height / 2 - 100;
				psPageBtnNext.action = function () {
					if (psCurrentPage < psTotalPages - 1) {
						psCurrentPage++;
						renderPlayStorePage(psCurrentPage);
					}
				};
				playStoreOverlay.addChild(psPageBtnNext);
			}
		}
	}
	// --- End paging logic ---
	// --- Determine installed apps from computerscreen ---
	var installedAppNames = [];
	for (var key in appOverlays) {
		if (appOverlays[key]) installedAppNames.push(key);
	}
	// --- App List Rendering ---
	// Only show apps that are not installed as Download, and installed as Delete
	var filteredPlayStoreApps = [];
	for (var i = 0; i < playStoreApps.length; i++) {
		var appNameLower = (playStoreApps[i].name || "").toLowerCase();
		var isInstalled = false;
		for (var j = 0; j < installedAppNames.length; j++) {
			if (installedAppNames[j] === appNameLower) {
				isInstalled = true;
				break;
			}
		}
		// Always show all apps, but set .installed property accordingly
		playStoreApps[i].installed = isInstalled;
		filteredPlayStoreApps.push(playStoreApps[i]);
	}
	// --- Paging: calculate total pages and render first page ---
	var numApps = filteredPlayStoreApps.length;
	psTotalPages = Math.ceil(numApps / psAppsPerPage);
	psCurrentPage = 0;
	renderPlayStorePage(psCurrentPage);
}
// Add the app list container as a child of computerscreen (so it's visually inside)
computerScreen.addChild(appListContainer);
// Place the videos, record, edit, promote, and statistics buttons equally at the bottom of the computerscreen, no space between them.
// Videos Button removed as requested
// Helper to hide video list
function hideVideoList() {
	videoListBg.visible = false;
	videoListContainer.visible = false;
}
// (Removed: record, edit, promote, and statistics buttons at the bottom of computerscreen)
// --- Time Display ---
// Place time text to the right of the money text
var timeTxt = new Text2('Day 1, 08:00', {
	size: 44,
	fill: 0xFFFFFF
});
timeTxt.anchor.set(0, 0.5);
// Will be positioned after moneyTxt is created and positioned
// --- Video List UI ---
// Video list background and container (horizontal, each video on a square background, text below, side by side)
var videoListBg = LK.getAsset('loadingbarempty', {
	anchorX: 0.5,
	anchorY: 0.5
});
videoListBg.alpha = 0.96;
videoListBg.visible = false; // Only visible when video list is shown
// Make video panel exactly match computerscreen size and position
videoListBg.x = computerScreen.x;
videoListBg.y = computerScreen.y;
videoListBg.width = computerScreen.width;
videoListBg.height = computerScreen.height;
game.addChild(videoListBg);
var videoListContainer = new Container();
// Place container at top-left inside videoListBg (which matches computerscreen)
videoListContainer.x = videoListBg.x - videoListBg.width / 2;
videoListContainer.y = videoListBg.y - videoListBg.height / 2;
videoListContainer.visible = false; // Only visible when video list is shown
game.addChild(videoListContainer);
// Helper to update the video list display
function updateVideoLists() {
	// Remove all previous children
	while (videoListContainer.children.length > 0) {
		videoListContainer.children[0].destroy();
	}
	if (!window.uploadedVideos || window.uploadedVideos.length === 0) {
		return;
	}
	var squareSize = 340;
	var spacing = 48;
	for (var i = 0; i < window.uploadedVideos.length; i++) {
		var video = window.uploadedVideos[i];
		// Calculate row and column for 5 per row
		var videosPerRow = 5;
		var row = Math.floor(i / videosPerRow);
		var col = i % videosPerRow;
		// Square background
		var bg = LK.getAsset('loadingbarempty', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		bg.width = squareSize;
		bg.height = squareSize;
		bg.x = col * (squareSize + spacing) + squareSize / 2;
		bg.y = row * (squareSize + spacing) + squareSize / 2;
		bg.alpha = 0.93;
		videoListContainer.addChild(bg);
		// Video name (title) - top of square
		var nameTxt = new Text2(video.title || "Untitled", {
			size: 44,
			fill: "#fff",
			font: "Arial, Helvetica, sans-serif"
		});
		nameTxt.anchor.set(0.5, 0);
		nameTxt.x = bg.x;
		nameTxt.y = bg.y - squareSize / 2 + 18;
		videoListContainer.addChild(nameTxt);
		// Views - below name
		var viewsTxt = new Text2(formatNumber(video.totalViews) + " views", {
			size: 36,
			fill: "#0ff",
			font: "Arial, Helvetica, sans-serif"
		});
		viewsTxt.anchor.set(0.5, 0);
		viewsTxt.x = bg.x;
		viewsTxt.y = nameTxt.y + nameTxt.height + 6;
		videoListContainer.addChild(viewsTxt);
		// Money earned - below views
		var moneyDisplay = Math.floor(video.totalMoney * 100) / 100;
		var moneyTxt = new Text2("$" + formatNumber(moneyDisplay) + " earned", {
			size: 36,
			fill: 0xFA4B00,
			font: "Arial, Helvetica, sans-serif"
		});
		moneyTxt.anchor.set(0.5, 0);
		moneyTxt.x = bg.x;
		moneyTxt.y = viewsTxt.y + viewsTxt.height + 2;
		videoListContainer.addChild(moneyTxt);
		// Subscribers - below money
		var subsTxt = new Text2(formatNumber(video.totalSubs) + " subs", {
			size: 36,
			fill: 0xFFE066,
			font: "Arial, Helvetica, sans-serif"
		});
		subsTxt.anchor.set(0.5, 0);
		subsTxt.x = bg.x;
		subsTxt.y = moneyTxt.y + moneyTxt.height + 2;
		videoListContainer.addChild(subsTxt);
		// Status - below subs
		// (Removed: status text such as Just Published, Gaining Views, Finished)
		// --- Loading Bar (progress for edit/record/publish) ---
		var showBar = false;
		var barProgress = 0;
		var barLabel = "";
		if (video.state === "recorded" && !video.finished && typeof video.editHoursLeft === "number" && video.editHoursLeft > 0) {
			// Editing in progress or ready to edit
			showBar = true;
			// If currently editing, show progress
			if (timeProcess && timeProcess.type === "edit" && timeProcess.video === video) {
				barProgress = 1 - timeProcess.hoursLeft / (timeProcess.total || 1);
				barLabel = "Editing...";
			} else {
				barProgress = 0;
				barLabel = "Ready to Edit";
			}
		} else if (video.state === "readyToPublish" && !video.finished) {
			// Ready to publish, no progress bar needed
			showBar = true;
			barProgress = 1;
			barLabel = "Ready to Publish";
		} else if (video.state === "published" && !video.finished && typeof video.totalHours === "number" && video.totalHours > 0) {
			// Gaining views (publishing progress)
			// Fill the bar over 7 days (168 hours)
			showBar = true;
			var publishTotal = 7 * 24;
			barProgress = Math.min(1, video.hour / publishTotal);
			barLabel = "Publishing...";
		} else if (video.state === "recording" && !video.finished && typeof video.recordHoursLeft === "number" && video.recordHoursLeft > 0) {
			// Recording in progress
			showBar = true;
			if (timeProcess && timeProcess.type === "record" && timeProcess.video === video) {
				barProgress = 1 - timeProcess.hoursLeft / (timeProcess.total || 1);
				barLabel = "Recording...";
			} else {
				barProgress = 1 - video.recordHoursLeft / (video.totalRecordHours || 1);
				barLabel = "Recording...";
			}
		}
		if (showBar) {
			// Bar background
			var barBg = LK.getAsset('loadingbarempty', {
				anchorX: 0.5,
				anchorY: 0
			});
			barBg.width = squareSize - 40;
			barBg.height = 36;
			barBg.x = bg.x;
			barBg.y = nameTxt.y + nameTxt.height + viewsTxt.height + moneyTxt.height + subsTxt.height + 18;
			barBg.alpha = 0.85;
			videoListContainer.addChild(barBg);
			// Bar fill
			var barFill = LK.getAsset('loadingbarfull', {
				anchorX: 0,
				anchorY: 0
			});
			// Animate barFill width smoothly using tween, starting from current width
			var targetBarWidth = (squareSize - 44) * Math.max(0, Math.min(1, barProgress));
			if (typeof video.barLastWidth === "undefined") {
				video.barLastWidth = 0;
			}
			barFill.width = video.barLastWidth;
			barFill.height = 28;
			barFill.x = barBg.x - barBg.width / 2 + 2;
			barFill.y = barBg.y + 4;
			barFill.alpha = 0.95;
			videoListContainer.addChild(barFill);
			// Only animate if the target width is different from the last width
			if (Math.abs(targetBarWidth - video.barLastWidth) > 1) {
				tween(barFill, {
					width: targetBarWidth
				}, {
					duration: 400,
					easing: tween.cubicOut,
					onUpdate: function onUpdate() {
						video.barLastWidth = barFill.width;
					},
					onFinish: function onFinish() {
						video.barLastWidth = targetBarWidth;
					}
				});
			} else {
				barFill.width = targetBarWidth;
				video.barLastWidth = targetBarWidth;
			}
			// Bar label
			var barTxt = new Text2(barLabel, {
				size: 28,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif"
			});
			barTxt.anchor.set(0.5, 0.5);
			barTxt.x = barBg.x;
			barTxt.y = barBg.y + barBg.height / 2;
			videoListContainer.addChild(barTxt);
		}
		// Optionally, trending badge (top of square, above name)
		if (video.trending) {
			var trendingTxt = new Text2("Trending", {
				size: 32,
				fill: "#ff0",
				font: "Arial, Helvetica, sans-serif"
			});
			trendingTxt.anchor.set(0.5, 1);
			trendingTxt.x = bg.x;
			trendingTxt.y = bg.y - squareSize / 2 + 8;
			videoListContainer.addChild(trendingTxt);
		}
		// --- Edit and Publish Buttons ---
		// Only show publish button if video is ready to publish and not finished
		if (video.state === "readyToPublish" && video.publishReady && !video.finished) {
			var publishBtn = new GameButton();
			publishBtn.setButton('videoBtn', '', "#fff", 180, 80);
			// Make the publish text smaller
			var publishLabel = new Text2('Publish', {
				size: 44,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif"
			});
			publishLabel.anchor.set(0.5, 0.5);
			publishLabel.x = 0;
			publishLabel.y = 0;
			publishBtn.addChild(publishLabel);
			// Place the publish button at the bottom center of the video's background
			publishBtn.x = bg.x;
			publishBtn.y = bg.y + bg.height / 2 - publishBtn.bg.height / 2 - 10;
			publishBtn.action = function (vidIdx) {
				return function () {
					// Publish the video
					var vid = window.uploadedVideos[vidIdx];
					vid.state = "published";
					vid.hour = 0; // Start accruing views
					vid.publishReady = false;
					updateVideoLists();
				};
			}(i);
			videoListContainer.addChild(publishBtn);
		}
		// Only show publish button if video is ready to publish and not finished
		if (video.state === "readyToPublish" && video.publishReady && !video.finished) {
			var publishBtn = new GameButton();
			publishBtn.setButton('videoBtn', '', "#fff", 180, 80);
			// Make the publish text smaller
			var publishLabel = new Text2('Publish', {
				size: 44,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif"
			});
			publishLabel.anchor.set(0.5, 0.5);
			publishLabel.x = 0;
			publishLabel.y = 0;
			publishBtn.addChild(publishLabel);
			// Place the publish button at the bottom center of the video's background
			publishBtn.x = bg.x;
			publishBtn.y = bg.y + bg.height / 2 - publishBtn.bg.height / 2 - 10;
			publishBtn.action = function (vidIdx) {
				return function () {
					// Publish the video
					var vid = window.uploadedVideos[vidIdx];
					vid.state = "published";
					vid.hour = 0; // Start accruing views
					vid.publishReady = false;
					updateVideoLists();
				};
			}(i);
			videoListContainer.addChild(publishBtn);
		}
	}
}
// --- Pause/Resume/Double Speed Buttons ---
// Track time speed: 0 = paused, 1 = normal, 2 = double
var timeSpeed = 1;
// Pause button
var pauseBtn = new GameButton();
pauseBtn.setButton('pauseicon', '', "#fff", 54, 54);
pauseBtn.action = function () {
	if (timeSpeed !== 0) {
		timeSpeed = 0;
		isTimePaused = true;
	}
	updateTimeControlButtons();
};
// Resume button
var resumeBtn = new GameButton();
resumeBtn.setButton('resumeicon', '', "#fff", 54, 54);
resumeBtn.action = function () {
	if (timeSpeed !== 1) {
		timeSpeed = 1;
		isTimePaused = false;
	}
	updateTimeControlButtons();
};
// Double speed button
var doubleSpeedBtn = new GameButton();
// Double the size: 54*2 = 108
doubleSpeedBtn.setButton('doublespeedicon', '', "#fff", 108, 108);
doubleSpeedBtn.action = function () {
	if (timeSpeed !== 2) {
		timeSpeed = 2;
		isTimePaused = false;
	}
	updateTimeControlButtons();
};
// Helper to update button enabled/disabled state and highlight
function updateTimeControlButtons() {
	// Highlight the selected speed, dim others
	pauseBtn.setEnabled(timeSpeed !== 0 ? true : false);
	resumeBtn.setEnabled(timeSpeed !== 1 ? true : false);
	doubleSpeedBtn.setEnabled(timeSpeed !== 2 ? true : false);
	// Optionally, visually highlight the active button
	pauseBtn.bg.alpha = timeSpeed === 0 ? 1 : 0.6;
	resumeBtn.bg.alpha = timeSpeed === 1 ? 1 : 0.6;
	doubleSpeedBtn.bg.alpha = timeSpeed === 2 ? 1 : 0.6;
}
// Initial highlight
updateTimeControlButtons();
// --- Position time text and pause/resume/double speed buttons to the right of the money text ---
// This must be done after moneyTxt is created and positioned, so move this block after moneyTxt and icons are created and layoutCountersRow() is called.
// --- Counter Row Display (subscribers, viewers, money) ---
// Helper to position counters/icons in a row, matching the viewer counter/icon position
function layoutCountersRow() {
	var counterY = 160;
	var centerX = 2048 / 2;
	var iconSpacing = 420;
	// Subscribers (left, further left)
	subIcon.x = centerX - iconSpacing * 1.7;
	subIcon.y = counterY;
	subTxt.x = subIcon.x + 70;
	subTxt.y = subIcon.y;
	// Viewers (shifted further left from center)
	viewIcon.x = centerX - iconSpacing * 0.9;
	viewIcon.y = counterY;
	viewTxt.x = viewIcon.x + 70;
	viewTxt.y = viewIcon.y;
	// Money (move further left)
	moneyIcon.x = centerX + iconSpacing * 0.1;
	moneyIcon.y = counterY;
	moneyTxt.x = moneyIcon.x + 70;
	moneyTxt.y = moneyIcon.y;
}
// Create icons and text objects
var subIcon = LK.getAsset('subIcon', {
	anchorX: 0.5,
	anchorY: 0.5
});
var subTxt = new Text2('0', {
	size: 64,
	fill: 0xFFFFFF
});
subTxt.anchor.set(0, 0.5);
var viewIcon = LK.getAsset('viewersicon', {
	anchorX: 0.5,
	anchorY: 0.5
});
var viewTxt = new Text2('0', {
	size: 64,
	fill: 0x00e0ff
});
viewTxt.anchor.set(0, 0.5);
var moneyIcon = LK.getAsset('moneyIcon', {
	anchorX: 0.5,
	anchorY: 0.5
});
var moneyTxt = new Text2('0', {
	size: 64,
	fill: 0xFFE066
});
moneyTxt.anchor.set(0, 0.5);
// Add all counters and icons to the game (ensure visible)
game.addChild(subIcon);
game.addChild(subTxt);
game.addChild(viewIcon);
game.addChild(viewTxt);
game.addChild(moneyIcon);
game.addChild(moneyTxt);
// Initial layout
layoutCountersRow();
// --- Position day-time and time control buttons to top center inside computerscreen ---
// Calculate top center inside computerscreen, then shift 100px left
var topCenterY = computerScreen.y - computerScreen.height / 2 + 70; // 70px margin from top edge
var topCenterX = computerScreen.x - 100; // shift 100px left
// Place timeTxt at shifted top center
timeTxt.anchor.set(0.5, 0.5);
timeTxt.x = topCenterX;
timeTxt.y = topCenterY;
// Place pause, resume, and double speed buttons to the right of timeTxt, horizontally aligned
var btnSpacing = 32;
pauseBtn.x = timeTxt.x + timeTxt.width / 2 + btnSpacing + pauseBtn.bg.width / 2;
pauseBtn.y = timeTxt.y;
resumeBtn.x = pauseBtn.x + pauseBtn.bg.width / 2 + btnSpacing + resumeBtn.bg.width / 2;
resumeBtn.y = timeTxt.y;
doubleSpeedBtn.x = resumeBtn.x + resumeBtn.bg.width / 2 + btnSpacing + doubleSpeedBtn.bg.width / 2;
doubleSpeedBtn.y = timeTxt.y;
// Add to game after positioning (ensure visible)
game.addChild(timeTxt);
game.addChild(pauseBtn);
game.addChild(resumeBtn);
game.addChild(doubleSpeedBtn);
// --- Action Buttons ---
// Button layout: stack vertically, bigger, with spacing
var btnW = 540;
var btnH = 220;
var btnSpacingY = 60;
var btnStartY = 900;
// Make Video Button
var makeVideoBtn = new GameButton();
makeVideoBtn.setButton('videoBtn', 'Record Video', "#fff", btnW, btnH);
makeVideoBtn.x = 2048 / 2;
// Move the record video button further down to fill the space of removed buttons
// Move the record video button 250 pixels higher
makeVideoBtn.y = btnStartY + 3 * (btnH + btnSpacingY) - 250;
// --- Loading Bar for Process ---
// (Removed: processBarBg and processBarFill, and their show/hide functions.)
// No independent loading bar on the main screen.
// --- Action Button Logic (time-based) ---
// Track if record video panel is open
var isRecordPanelOpen = false;
makeVideoBtn.action = function () {
	if (timeProcess) {
		return;
	} // Only one process at a time
	// Block recording if a video is in 'recorded' state and not finished (must edit first)
	if (window.uploadedVideos) {
		for (var i = 0; i < window.uploadedVideos.length; i++) {
			if (window.uploadedVideos[i].state === "recorded" && !window.uploadedVideos[i].finished) {
				// Optionally, show a message or flash the edit button
				// Use the Editing app icon as the editBtn for animation
				var editBtn = appOverlays && appOverlays["editing"] && appOverlays["editing"]._appIcon ? appOverlays["editing"]._appIcon : null;
				if (editBtn) {
					tween(editBtn, {
						scaleX: 1.15,
						scaleY: 1.15
					}, {
						duration: 100,
						onFinish: function onFinish() {
							tween(editBtn, {
								scaleX: 1,
								scaleY: 1
							}, {
								duration: 100
							});
						}
					});
				}
				return;
			}
		}
	}
	if (isRecordPanelOpen) {
		return;
	} // Prevent multiple panels
	isRecordPanelOpen = true;
	// Show a panel before starting the process
	// Place the record panel visually to exactly match computerscreen
	var panelBg = LK.getAsset('studioBg', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Set panel size and position to exactly match computerscreen
	panelBg.width = computerScreen.width;
	panelBg.height = computerScreen.height;
	panelBg.x = computerScreen.x;
	panelBg.y = computerScreen.y;
	panelBg.alpha = 0.98;
	// Ensure panelBg is above computerscreen in the display list
	var csIdx = game.children.indexOf(computerScreen);
	if (csIdx !== -1) {
		// Insert panelBg just above computerscreen
		game.addChildAt(panelBg, csIdx + 1);
	} else {
		game.addChild(panelBg);
	}
	// --- Panel Title ---
	var panelText = new Text2("Select Category & Title", {
		size: 90,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif",
		dropShadow: true,
		dropShadowColor: "#222",
		dropShadowBlur: 8,
		dropShadowDistance: 2
	});
	panelText.anchor.set(0.5, 0.5);
	panelText.x = panelBg.x;
	panelText.y = panelBg.y - panelBg.height / 2 + 120; // near top of panel
	// --- Video Title Input ---
	var titleInputBg = LK.getAsset('loadingbarempty', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	titleInputBg.width = 1000;
	titleInputBg.height = 130;
	titleInputBg.x = panelBg.x - 180; // shift left to make space for random button
	titleInputBg.y = panelText.y + 200; // more space below title
	titleInputBg.alpha = 0.92;
	var videoTitle = "";
	var titleInputTxt = new Text2("Enter video title...", {
		size: 72,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif",
		dropShadow: true,
		dropShadowColor: "#222",
		dropShadowBlur: 8,
		dropShadowDistance: 2
	});
	titleInputTxt.anchor.set(0.5, 0.5);
	titleInputTxt.x = titleInputBg.x;
	titleInputTxt.y = titleInputBg.y;
	// Simulate input: tap to edit, prompt for text
	titleInputBg.down = function (x, y, obj) {
		var prompt = LK.prompt ? LK.prompt : window.prompt; // fallback for dev
		var val = prompt ? prompt("Enter video title:", videoTitle) : "";
		if (typeof val === "string" && val.length > 0) {
			videoTitle = val;
			titleInputTxt.setText(videoTitle);
		}
	};
	// --- Random Title Button ---
	var randomBtn = new GameButton();
	randomBtn.setButton('promoteBtn', 'Random', "#fff", 340, 120);
	randomBtn.x = titleInputBg.x + titleInputBg.width / 2 + 200; // right of input with space
	randomBtn.y = titleInputBg.y;
	randomBtn.action = function () {
		// Titles per category
		var categoryTitles = {
			"Vlog": ["My Daily Vlog", "Life Update", "A Day in My Life", "Morning Routine", "Evening Recap"],
			"Challenge": ["Epic Challenge!", "24 Hour Challenge", "Impossible Task!", "Last To Leave", "Extreme Challenge"],
			"Reaction": ["Reacting to Comments", "Reacting to Viral Videos", "First Time Watching", "Fan Reactions", "Surprising Reactions"],
			"Tutorial": ["How To Edit Videos", "Beginner's Guide", "Pro Tips & Tricks", "Step by Step Tutorial", "Easy DIY"],
			"Unboxing": ["Unboxing Surprise", "Mystery Box Unboxing", "Tech Unboxing", "Unboxing Haul", "First Impressions"],
			"Gaming": ["Let's Play!", "Epic Gaming Moments", "Game Review", "Speedrun Attempt", "Funny Gaming Fails"],
			"Music": ["My New Song", "Music Cover", "Behind the Music", "Songwriting Session", "Live Performance"],
			"Comedy": ["Funny Moments", "Comedy Skit", "Prank Video", "Try Not To Laugh", "Bloopers & Outtakes"],
			"Q&A": ["Q&A Special", "Answering Your Questions", "Ask Me Anything", "Subscriber Q&A", "Get To Know Me"]
		};
		var cat = videoCategories[selectedCategoryIdx];
		var titles = categoryTitles[cat] || ["My Daily Vlog", "Epic Challenge!", "Reacting to Comments", "24 Hours in My Studio", "Behind the Scenes", "Q&A Special", "Trying Viral Trends", "Unboxing Surprise", "Life Update", "Funny Moments"];
		var idx = Math.floor(Math.random() * titles.length);
		videoTitle = titles[idx];
		titleInputTxt.setText(videoTitle);
	};
	// --- Video Category Buttons ---
	var categoryBtnW = 340;
	var categoryBtnH = 120;
	var categoryBtnSpacingX = 40;
	var categoryBtnSpacingY = 40;
	var categoryBtns = [];
	// Layout: fit as many as possible per row, then wrap
	var maxRowWidth = panelBg.width - 120; // leave some margin
	var maxPerRow = Math.floor((maxRowWidth + categoryBtnSpacingX) / (categoryBtnW + categoryBtnSpacingX));
	if (maxPerRow < 1) {
		maxPerRow = 1;
	}
	var startX = panelBg.x - (Math.min(maxPerRow, videoCategories.length) * (categoryBtnW + categoryBtnSpacingX) - categoryBtnSpacingX) / 2 + categoryBtnW / 2;
	var startY = titleInputBg.y + 220; // more space below input+random
	for (var i = 0; i < videoCategories.length; i++) {
		(function (idx) {
			var btn = new GameButton();
			btn.setButton('editBtn', videoCategories[idx], "#fff", categoryBtnW, categoryBtnH);
			var row = Math.floor(idx / maxPerRow);
			var col = idx % maxPerRow;
			btn.x = startX + col * (categoryBtnW + categoryBtnSpacingX);
			btn.y = startY + row * (categoryBtnH + categoryBtnSpacingY);
			btn.action = function () {
				// Deselect all
				for (var j = 0; j < categoryBtns.length; j++) {
					// If trending, keep its highlight
					if (j === trendingCategoryIdx) {
						categoryBtns[j].bg.alpha = 0.95;
					} else {
						categoryBtns[j].bg.alpha = 0.7;
					}
				}
				btn.bg.alpha = 1;
				selectedCategoryIdx = idx;
			};
			// Highlight the first by default
			if (i === 0) {
				btn.bg.alpha = 1;
			} else {
				btn.bg.alpha = 0.7;
			}
			// Mark trending category visually
			if (i === trendingCategoryIdx) {
				btn.bg.alpha = 0.95;
				// Add a "Trending" label above the button
				var trendingTxt = new Text2("🔥 Trending", {
					size: 48,
					fill: "#ff0",
					font: "Arial, Helvetica, sans-serif",
					dropShadow: true,
					dropShadowColor: "#222",
					dropShadowBlur: 8,
					dropShadowDistance: 2
				});
				trendingTxt.anchor.set(0.5, 1);
				trendingTxt.x = btn.x;
				trendingTxt.y = btn.y - categoryBtnH / 2 - 10;
				btn.trendingTxt = trendingTxt;
			}
			categoryBtns.push(btn);
		})(i);
	}
	// --- Confirm/Record Button ---
	var confirmBtn = new GameButton();
	// Make the button smaller and move it 50px up
	confirmBtn.setButton('videoBtn', 'Record', "#fff", 480, 130);
	confirmBtn.x = panelBg.x;
	// Find the bottom Y of the last category button for spacing
	var lastCategoryBtn = categoryBtns[categoryBtns.length - 1];
	var categoryBtnsBottomY = lastCategoryBtn ? lastCategoryBtn.y + categoryBtnH / 2 : startY + categoryBtnH / 2;
	confirmBtn.y = categoryBtnsBottomY + 150; // 50px higher than before
	confirmBtn.action = function () {
		// Remove panel
		panelBg.destroy();
		panelText.destroy();
		confirmBtn.destroy();
		titleInputBg.destroy();
		titleInputTxt.destroy();
		randomBtn.destroy();
		// Hide all category buttons and trending labels immediately
		for (var i = 0; i < categoryBtns.length; i++) {
			if (categoryBtns[i].trendingTxt) {
				categoryBtns[i].trendingTxt.visible = false;
			}
			categoryBtns[i].visible = false;
		}
		// Destroy all category buttons
		for (var i = 0; i < categoryBtns.length; i++) {
			// Destroy trending label if exists
			if (categoryBtns[i].trendingTxt) {
				categoryBtns[i].trendingTxt.destroy();
			}
			categoryBtns[i].destroy();
		}
		isRecordPanelOpen = false;
		// --- Add video to list immediately, in 'recording' state, before recording starts ---
		if (!window.uploadedVideos) {
			window.uploadedVideos = [];
		}
		// Store last recorded video info for edit panel
		window.lastRecordedVideo = {
			title: videoTitle,
			category: videoCategories[selectedCategoryIdx]
		};
		var videoObj = {
			title: videoTitle,
			category: videoCategories[selectedCategoryIdx],
			hour: 0,
			totalHours: 7 * 24,
			totalViews: 0,
			totalMoney: 0,
			totalSubs: 0,
			trending: videoCategories[selectedCategoryIdx] === videoCategories[trendingCategoryIdx],
			baseSubscribers: subscribers,
			finished: false,
			state: "recording",
			// <--- show as recording
			recordHoursLeft: 3,
			totalRecordHours: 3,
			// new: states are "recording", "recorded", "editing", "readyToPublish", "published"
			editHoursLeft: 5,
			publishReady: false
		};
		// --- Animate editing app icon and disable record button ---
		if (appOverlays && appOverlays["editing"] && appOverlays["editing"]._appIcon) {
			var editingIcon = appOverlays["editing"]._appIcon;
			// Defensive: stop any previous tweens on scale
			tween.stop(editingIcon, {
				scaleX: true,
				scaleY: true
			});
			// Disable record button
			if (typeof makeVideoBtn !== "undefined" && makeVideoBtn && typeof makeVideoBtn.setEnabled === "function") {
				makeVideoBtn.setEnabled(false);
			}
			// Animate: scale up, then down, then re-enable record button
			tween(editingIcon, {
				scaleX: 1.3,
				scaleY: 1.3
			}, {
				duration: 220,
				easing: tween.cubicOut,
				onFinish: function onFinish() {
					tween(editingIcon, {
						scaleX: 1,
						scaleY: 1
					}, {
						duration: 220,
						easing: tween.cubicIn,
						onFinish: function onFinish() {
							// Re-enable record button after animation
							if (typeof makeVideoBtn !== "undefined" && makeVideoBtn && typeof makeVideoBtn.setEnabled === "function") {
								makeVideoBtn.setEnabled(true);
							}
						}
					});
				}
			});
		}
		// Precompute total views to distribute realistically over 7 days
		var minViewPercent = 0.01;
		var maxViewPercent = 0.05;
		var percent = minViewPercent + Math.random() * (maxViewPercent - minViewPercent);
		var baseViews = Math.floor(videoObj.baseSubscribers * percent);
		if (videoObj.baseSubscribers < 100) {
			baseViews = 100 + Math.floor(Math.random() * 400);
		}
		if (videoObj.trending) {
			baseViews = Math.floor(baseViews * 1.5);
		}
		videoObj.targetViews = baseViews;
		videoObj.targetMoney = Math.floor(baseViews / 1000 * (3 + Math.random() * 2));
		videoObj.targetSubs = Math.floor(baseViews / (200 + Math.floor(Math.random() * 101)));
		videoObj.hourlyViews = [];
		// Distribute views per hour: more at start, less at end (decay curve)
		var decay = 0.012; // controls how fast views drop off
		var total = 0;
		for (var h = 0; h < videoObj.totalHours; h++) {
			var rel = h / videoObj.totalHours;
			var hourViews = Math.max(1, Math.round(baseViews * Math.exp(-decay * h)));
			videoObj.hourlyViews.push(hourViews);
			total += hourViews;
		}
		// Normalize to match targetViews
		var scale = baseViews / total;
		for (var h = 0; h < videoObj.hourlyViews.length; h++) {
			videoObj.hourlyViews[h] = Math.floor(videoObj.hourlyViews[h] * scale);
		}
		window.uploadedVideos.push(videoObj);
		videoCount += 1;
		updateStats();
		updateVideoLists();
		// Start the process
		timeProcess = {
			type: 'record',
			hoursLeft: 3,
			total: 3,
			category: videoCategories[selectedCategoryIdx],
			title: videoTitle,
			video: videoObj,
			onFinish: function onFinish() {
				LK.getSound('makeVideo').play();
				// Mark video as recorded, ready for editing
				videoObj.state = "recorded";
				videoObj.recordHoursLeft = 0;
				updateVideoLists();
				// Animate button
				tween(makeVideoBtn, {
					scaleX: 1.1,
					scaleY: 1.1
				}, {
					duration: 80,
					onFinish: function onFinish() {
						tween(makeVideoBtn, {
							scaleX: 1,
							scaleY: 1
						}, {
							duration: 80
						});
					}
				});
				// Removed winning condition at 1000 subscribers; game continues forever
			}
		};
		// Removed call to undefined showProcessBar(0)
	};
	// --- Close (X) Button ---
	// Add all panel elements to game
	game.addChild(panelBg);
	game.addChild(panelText);
	game.addChild(titleInputBg);
	game.addChild(titleInputTxt);
	game.addChild(randomBtn);
	// (closeBtn removed)
	// Add all category buttons
	for (var i = 0; i < categoryBtns.length; i++) {
		game.addChild(categoryBtns[i]);
		// If trending label exists, add it to game
		if (categoryBtns[i].trendingTxt) {
			game.addChild(categoryBtns[i].trendingTxt);
		}
	}
	game.addChild(confirmBtn);
};
// (Removed: makeVideoBtn from main screen, now triggered by recordVideoBtn next to videos button)
// (Removed: manual y-positioning of subIcon/subTxt and moneyIcon/moneyTxt; handled by layoutCountersRow)
// Removed undefined energyBar and energyTxt
// --- GUI: Timer/Score (use subscribers as score) ---
// Removed giant numbers next to the subscriber counter
// --- Helper Functions ---
function formatNumber(num) {
	if (num < 1000) {
		return "" + num;
	}
	if (num < 1000000) {
		var k = num / 1000;
		if (k % 1 === 0) {
			return k + "k";
		}
		return k.toFixed(1).replace(/\.0$/, "") + "k";
	}
	var m = num / 1000000;
	if (m % 1 === 0) {
		return m + "m";
	}
	return m.toFixed(1).replace(/\.0$/, "") + "m";
}
function updateStats() {
	// --- Helper for green increase text ---
	function showGreenIncrease(textObj, increase, prefix) {
		if (!increase || increase <= 0) {
			return;
		}
		var plusText = new Text2("+" + formatNumber(increase), {
			size: 48,
			fill: 0x00FF44,
			font: "Arial, Helvetica, sans-serif",
			dropShadow: true,
			dropShadowColor: "#222",
			dropShadowBlur: 8,
			dropShadowDistance: 2
		});
		plusText.anchor.set(0, 0.5);
		// Place to the right of the number
		plusText.x = textObj.x + textObj.width + 16;
		plusText.y = textObj.y;
		game.addChild(plusText);
		tween(plusText, {
			y: plusText.y - 40,
			alpha: 0
		}, {
			duration: 1200,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				plusText.destroy();
			}
		});
	}
	// Subscribers
	if (typeof updateStats.lastSubValue !== "number") {
		updateStats.lastSubValue = subscribers;
	}
	var subIncrease = subscribers - updateStats.lastSubValue;
	subTxt.setText(formatNumber(subscribers));
	if (subIncrease > 0) {
		showGreenIncrease(subTxt, subIncrease, "");
	}
	updateStats.lastSubValue = subscribers;
	// Views
	if (typeof updateStats.lastViewValue !== "number") {
		updateStats.lastViewValue = viewCount;
	}
	var viewIncrease = viewCount - updateStats.lastViewValue;
	viewTxt.setText(formatNumber(viewCount));
	if (viewIncrease > 0) {
		showGreenIncrease(viewTxt, viewIncrease, "");
	}
	updateStats.lastViewValue = viewCount;
	// Money
	if (typeof updateStats.lastMoneyValue !== "number") {
		updateStats.lastMoneyValue = money;
	}
	var moneyIncrease = money - updateStats.lastMoneyValue;
	// Truncate money to 2 decimal digits for display
	var moneyDisplay = Math.floor(money * 100) / 100;
	moneyTxt.setText(formatNumber(moneyDisplay));
	if (moneyIncrease > 0) {
		// Truncate moneyIncrease to 2 decimal digits for display
		var moneyIncreaseDisplay = Math.floor(moneyIncrease * 100) / 100;
		showGreenIncrease(moneyTxt, moneyIncreaseDisplay, "");
	}
	updateStats.lastMoneyValue = money;
	// If financePanel is open, update its money display
	if (typeof financePanel !== "undefined" && financePanel && typeof financePanel.updateMoney === "function") {
		financePanel.updateMoney();
	}
	// Enable/disable buttons based on process and resources
	makeVideoBtn.setEnabled(!timeProcess);
	// --- Achievements ---
	if (!updateStats.milestones) {
		updateStats.milestones = {};
	}
	// Subscriber milestones
	var milestones = [10, 25, 50, 100, 250, 500, 750, 1000, 2500, 5000, 10000, 25000, 50000, 100000, 250000, 500000, 1000000];
	for (var i = 0; i < milestones.length; i++) {
		var m = milestones[i];
		if (subscribers >= m && !updateStats.milestones["subs" + m]) {
			updateStats.milestones["subs" + m] = true;
			var ach = new Text2("Milestone: " + m + " Subs!", {
				size: 110,
				fill: "#ff0",
				stroke: "#000",
				strokeThickness: 12,
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 12,
				dropShadowDistance: 4
			});
			ach.anchor.set(0.5, 0.5);
			ach.x = 2048 / 2;
			ach.y = 400 + i * 80;
			game.addChild(ach);
			tween(ach, {
				alpha: 0,
				y: ach.y - 100
			}, {
				duration: 1800,
				onFinish: function onFinish() {
					ach.destroy();
				}
			});
		}
	}
	// View milestones
	var viewMilestones = [1000, 5000, 10000, 25000, 50000, 100000, 250000, 500000, 1000000, 5000000, 10000000];
	for (var i = 0; i < viewMilestones.length; i++) {
		var m = viewMilestones[i];
		if (viewCount >= m && !updateStats.milestones["views" + m]) {
			updateStats.milestones["views" + m] = true;
			var ach = new Text2("Milestone: " + formatNumber(m) + " Views!", {
				size: 110,
				fill: 0x00E0FF,
				stroke: "#000",
				strokeThickness: 12,
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 12,
				dropShadowDistance: 4
			});
			ach.anchor.set(0.5, 0.5);
			ach.x = 2048 / 2;
			ach.y = 400 + (i + milestones.length) * 80;
			game.addChild(ach);
			tween(ach, {
				alpha: 0,
				y: ach.y - 100
			}, {
				duration: 1800,
				onFinish: function onFinish() {
					ach.destroy();
				}
			});
		}
	}
	// Money milestones
	var moneyMilestones = [100, 500, 1000, 5000, 10000, 25000, 50000, 100000, 250000, 500000, 1000000];
	for (var i = 0; i < moneyMilestones.length; i++) {
		var m = moneyMilestones[i];
		if (money >= m && !updateStats.milestones["money" + m]) {
			updateStats.milestones["money" + m] = true;
			var ach = new Text2("Milestone: $" + formatNumber(m) + " Earned!", {
				size: 110,
				fill: 0xFA4B00,
				stroke: "#000",
				strokeThickness: 12,
				font: "Arial, Helvetica, sans-serif",
				dropShadow: true,
				dropShadowColor: "#222",
				dropShadowBlur: 12,
				dropShadowDistance: 4
			});
			ach.anchor.set(0.5, 0.5);
			ach.x = 2048 / 2;
			ach.y = 400 + (i + milestones.length + viewMilestones.length) * 80;
			game.addChild(ach);
			tween(ach, {
				alpha: 0,
				y: ach.y - 100
			}, {
				duration: 1800,
				onFinish: function onFinish() {
					ach.destroy();
				}
			});
		}
	}
}
// --- Video List UI Update ---
// --- Time Update ---
function updateTimeDisplay() {
	var h = gameHour;
	var hStr = (h < 10 ? "0" : "") + h + ":00";
	timeTxt.setText("Day " + gameDay + ", " + hStr);
}
// --- Process Update ---
function updateProcessBar() {
	// No independent loading bar on the main screen.
}
// --- Time Timer ---
if (timeTimer) {
	LK.clearInterval(timeTimer);
}
// Helper function to process one hour of time advancement
function processOneHour() {
	// Advance time
	gameHour += 1;
	if (gameHour >= 24) {
		gameHour = 0;
		gameDay += 1;
		// Record daily stats exactly once per day
		recordDailyStats();
		// Check if it's time to change trending category
		// Trending category changes a random number of times every 7 to 30 days
		if (typeof trendingCategoryNextChangeDay === "undefined") {
			trendingCategoryNextChangeDay = trendingCategoryDay + 7 + Math.floor(Math.random() * 24); // 7-30 days
		}
		if (gameDay >= trendingCategoryNextChangeDay) {
			updateTrendingCategory();
			trendingCategoryNextChangeDay = gameDay + 7 + Math.floor(Math.random() * 24); // 7-30 days
		}
	}
	updateTimeDisplay();
	// Process logic
	if (timeProcess) {
		timeProcess.hoursLeft -= 1;
		updateProcessBar();
		if (timeProcess.hoursLeft <= 0) {
			var finish = timeProcess.onFinish;
			// If editing, update video state
			if (timeProcess.type === "edit" && timeProcess.video) {
				timeProcess.video.state = "readyToPublish";
				timeProcess.video.publishReady = true;
			}
			timeProcess = null;
			updateProcessBar();
			updateStats();
			updateVideoLists();
			if (typeof finish === "function") {
				finish();
			}
		}
	}
	// Per-hour video view/money/subscriber accrual
	if (window.uploadedVideos) {
		for (var v = 0; v < window.uploadedVideos.length; v++) {
			var vid = window.uploadedVideos[v];
			// Only accrue views, money, and subs if published and not finished
			if (vid.state === "published" && vid.hour < vid.totalHours) {
				var viewsThisHour = vid.hourlyViews[vid.hour] || 0;
				// --- Add promote campaign views to this video if any active promote campaigns exist ---
				// Find all active promote campaigns for this hour and add their views to this video if the campaign is running
				if (window.activePromotes && window.activePromotes.length > 0) {
					for (var pi = 0; pi < window.activePromotes.length; pi++) {
						var p = window.activePromotes[pi];
						if (p.finished) continue;
						var promoteDay = gameDay - p.startDay;
						var promoteHour = gameHour;
						if (promoteDay >= 0 && promoteDay < p.days) {
							var promoteViewsThisHour = p.viewsPerHour[promoteDay][promoteHour] || 0;
							viewsThisHour += promoteViewsThisHour;
						}
					}
				}
				// --- NEW: Instantly update subscribers and money per view ---
				// 1) For every 1 view, 1% chance to gain a subscriber (instantly)
				// 2) For every 100 views, earn 0.1 money (instantly)
				var subsThisHour = 0;
				var moneyThisHour = 0;
				for (var i = 0; i < viewsThisHour; i++) {
					if (Math.random() < 0.01) {
						// 1% chance per view
						subsThisHour += 1;
					}
				}
				// Each viewer gives a random amount between 0.001 and 0.01
				moneyThisHour = 0;
				for (var vi = 0; vi < viewsThisHour; vi++) {
					moneyThisHour += 0.001 + Math.random() * 0.009;
				}
				vid.totalViews += viewsThisHour;
				vid.totalMoney += moneyThisHour;
				vid.totalSubs += subsThisHour;
				viewCount += viewsThisHour;
				money += moneyThisHour;
				subscribers += subsThisHour;
				vid.hour++;
				// Clamp to target on last hour
				if (vid.hour === vid.totalHours) {
					// Remove the video from the video list when publishing is complete
					window.uploadedVideos.splice(v, 1);
					v--; // Adjust index since we removed an item
					continue; // Skip further processing for this video
				}
			}
		}
	}
	// --- Promote Campaigns: process per hour ---
	if (window.activePromotes && window.activePromotes.length > 0) {
		for (var pi = window.activePromotes.length - 1; pi >= 0; pi--) {
			var p = window.activePromotes[pi];
			// Determine which day/hour of campaign we are in
			var promoteDay = gameDay - p.startDay;
			var promoteHour = gameHour;
			if (promoteDay >= 0 && promoteDay < p.days && !p.finished) {
				// Show to this hour's people
				var viewsThisHour = p.viewsPerHour[promoteDay][promoteHour] || 0;
				p.shownPerHour[promoteDay][promoteHour] = viewsThisHour;
				// Conversion rate: use p.subRate
				var subsThisHour = 0;
				for (var vi = 0; vi < viewsThisHour; vi++) {
					if (Math.random() < p.subRate) subsThisHour++;
				}
				p.subsGained += subsThisHour;
				subscribers += subsThisHour;
				viewCount += viewsThisHour;
				// Track for stats
				if (!p.subsPerDay[promoteDay]) p.subsPerDay[promoteDay] = 0;
				p.subsPerDay[promoteDay] += subsThisHour;
				if (!p.viewsPerDay[promoteDay]) p.viewsPerDay[promoteDay] = 0;
				p.viewsPerDay[promoteDay] += viewsThisHour;
				// --- Update promote in-panel label values ---
				var totalHours = p.days * 24;
				var spentPerHour = p.amount / totalHours;
				// Defensive: never overspend
				if (p.spentSoFar + spentPerHour > p.amount) {
					spentPerHour = p.amount - p.spentSoFar;
					if (spentPerHour < 0) spentPerHour = 0;
				}
				p.spentSoFar += spentPerHour;
				// Clamp spentSoFar to not exceed amount
				if (p.spentSoFar > p.amount) p.spentSoFar = p.amount;
				p.viewsSoFar += viewsThisHour;
				if (typeof p.updatePromoteListLabel === "function") {
					p.updatePromoteListLabel();
				}
				// If spentSoFar reached amount, mark as finished
				if (p.spentSoFar >= p.amount && !p.finished) {
					p.finished = true;
					// Also set lastDay to current day if not already set
					if (typeof p.lastDay === "undefined" || p.lastDay < gameDay) {
						p.lastDay = gameDay;
					}
				}
			}
			// Mark as finished if campaign is over by time
			if (gameDay > p.startDay + p.days - 1) {
				p.finished = true;
			}
			// Remove finished promotes after last day
			if (p.finished && gameDay > p.lastDay + 1) {
				// Remove label from panel
				if (p._promoteListLabel) {
					for (var li = 0; li < p._promoteListLabel.length; li++) {
						if (p._promoteListLabel[li] && typeof p._promoteListLabel[li].destroy === "function") {
							p._promoteListLabel[li].destroy();
						}
					}
					p._promoteListLabel = null;
				}
				window.activePromotes.splice(pi, 1);
				updatePromoteListDisplay();
			}
		}
	}
	updateStats();
	updateVideoLists();
}
// Timer logic for normal and double speed
var doubleSpeedTimer = null;
function setTimeTimer() {
	if (timeTimer) {
		LK.clearInterval(timeTimer);
		timeTimer = null;
	}
	if (doubleSpeedTimer) {
		LK.clearInterval(doubleSpeedTimer);
		doubleSpeedTimer = null;
	}
	// Normal speed: 1 hour every 1000ms
	if (timeSpeed === 1) {
		timeTimer = LK.setInterval(function () {
			if (timeSpeed !== 1 || isTimePaused) return;
			processOneHour();
		}, 1000);
	}
	// Double speed: 1 hour every 500ms
	else if (timeSpeed === 2) {
		doubleSpeedTimer = LK.setInterval(function () {
			if (timeSpeed !== 2 || isTimePaused) return;
			processOneHour();
		}, 500);
	}
	// Paused: do nothing
}
setTimeTimer();
// Patch time control buttons to call setTimeTimer when speed changes
var oldUpdateTimeControlButtons = updateTimeControlButtons;
updateTimeControlButtons = function updateTimeControlButtons() {
	oldUpdateTimeControlButtons();
	setTimeTimer();
};
// --- Game Update Loop ---
game.update = function () {
	// Nothing needed for now, all logic is event/click based
};
// --- Touch/Drag Handling (no drag needed, but block top left 100x100) ---
game.down = function (x, y, obj) {
	// Prevent accidental clicks in top left
	if (x < 100 && y < 100) {
		return;
	}
};
game.move = function (x, y, obj) {};
game.up = function (x, y, obj) {};
// --- Initialize UI ---
updateStats();
// Hide video list and background by default at game start
videoListBg.visible = false;
videoListContainer.visible = false;
// --- Tutorial Items removed as requested ---
// --- Promote Stats Panel (hourly breakdown) ---
function showPromoteStatsPanel(promoteIdx) {
	if (!window.activePromotes || !window.activePromotes[promoteIdx]) return;
	var p = window.activePromotes[promoteIdx];
	// Panel background
	var promoteStatsBg = LK.getAsset('studioBg', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	promoteStatsBg.width = 1200;
	promoteStatsBg.height = 1200;
	promoteStatsBg.x = 2048 / 2;
	promoteStatsBg.y = 2732 / 2;
	promoteStatsBg.alpha = 0.98;
	// Title
	var promoteStatsTitle = new Text2("Promote Campaign Details", {
		size: 70,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif"
	});
	promoteStatsTitle.anchor.set(0.5, 0.5);
	promoteStatsTitle.x = promoteStatsBg.x;
	promoteStatsTitle.y = promoteStatsBg.y - promoteStatsBg.height / 2 + 80;
	// Table header
	var headerTxt = new Text2("Day | Hour | Views | Subs", {
		size: 44,
		fill: "#0ff",
		font: "Arial, Helvetica, sans-serif"
	});
	headerTxt.anchor.set(0.5, 0.5);
	headerTxt.x = promoteStatsBg.x;
	headerTxt.y = promoteStatsTitle.y + 80;
	// Table rows (show up to 24 hours for each day)
	var tableLabels = [];
	var startY = headerTxt.y + 60;
	var rowH = 38;
	var maxRows = 20;
	var shownRows = 0;
	for (var d = 0; d < p.days && shownRows < maxRows; d++) {
		for (var h = 0; h < 24 && shownRows < maxRows; h++) {
			var views = p.shownPerHour[d] ? p.shownPerHour[d][h] : 0;
			var subs = 0;
			// Estimate subs for this hour (approximate, since we don't store per hour)
			if (views > 0) {
				subs = Math.floor(views * p.subRate);
			}
			var rowTxt = new Text2(d + 1 + " | " + (h < 10 ? "0" : "") + h + ":00 | " + views + " | " + subs, {
				size: 36,
				fill: "#fff",
				font: "Arial, Helvetica, sans-serif"
			});
			rowTxt.anchor.set(0.5, 0.5);
			rowTxt.x = promoteStatsBg.x;
			rowTxt.y = startY + shownRows * rowH;
			tableLabels.push(rowTxt);
			shownRows++;
		}
	}
	// Close button
	var closeStatsBtn = new GameButton();
	closeStatsBtn.setButton('editBtn', 'Close', "#fff", 320, 90);
	closeStatsBtn.x = promoteStatsBg.x;
	closeStatsBtn.y = promoteStatsBg.y + promoteStatsBg.height / 2 - 80;
	closeStatsBtn.action = function () {
		promoteStatsBg.destroy();
		promoteStatsTitle.destroy();
		headerTxt.destroy();
		closeStatsBtn.destroy();
		for (var i = 0; i < tableLabels.length; i++) tableLabels[i].destroy();
	};
	// Add to game
	game.addChild(promoteStatsBg);
	game.addChild(promoteStatsTitle);
	game.addChild(headerTxt);
	for (var i = 0; i < tableLabels.length; i++) game.addChild(tableLabels[i]);
	game.addChild(closeStatsBtn);
}
// --- Statistics Section UI ---
// Data arrays for stats (one entry per day)
var statsViewsPerDay = [];
var statsSubsPerDay = [];
var statsMoneyPerDay = [];
var statsLastDay = 0;
// Statistics overlay container (hidden by default)
var statsOverlay = new Container();
statsOverlay.visible = false;
statsOverlay.x = 0;
statsOverlay.y = 0;
game.addChild(statsOverlay);
// Overlay background
// Make the statistics overlay exactly match computerscreen size and position
var statsBg = LK.getAsset('studioBg', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: computerScreen.x,
	y: computerScreen.y
});
statsBg.width = computerScreen.width;
statsBg.height = computerScreen.height;
statsBg.alpha = 0.98;
statsOverlay.addChild(statsBg);
// Title removed as requested
// --- Graph Toggle Buttons ---
var statTypes = [{
	key: "views",
	label: "Views",
	color: 0x00e0ff,
	icon: "viewersicon"
}, {
	key: "subs",
	label: "Subscribers",
	color: 0xffe066,
	icon: "subIcon"
}, {
	key: "money",
	label: "Money",
	color: 0xfa4b00,
	icon: "moneyIcon"
}];
var statDataMap = {
	views: statsViewsPerDay,
	subs: statsSubsPerDay,
	money: statsMoneyPerDay
};
var statLabelMap = {
	views: "Views per Day",
	subs: "Subscribers per Day",
	money: "Money Earned per Day"
};
var statIconMap = {
	views: "viewersicon",
	subs: "subIcon",
	money: "moneyIcon"
};
var statColorMap = {
	views: 0x00e0ff,
	subs: 0xffe066,
	money: 0xfa4b00
};
var selectedStatType = "views";
var statToggleBtns = [];
var toggleBtnW = 260;
var toggleBtnH = 80;
var toggleBtnSpacing = 36;
// Center toggle buttons at the top of statsBg, with spacing
var toggleBtnStartX = statsBg.x - (toggleBtnW * 1.5 + toggleBtnSpacing);
var toggleBtnY = statsBg.y - statsBg.height / 2 + 120;
for (var i = 0; i < statTypes.length; i++) {
	(function (idx) {
		var btn = new GameButton();
		btn.setButton('editBtn', statTypes[idx].label, "#fff", toggleBtnW, toggleBtnH);
		// Reduce label font size for statistics top buttons
		if (btn.label) {
			if (btn.label.style && typeof btn.label.style.size !== "undefined") {
				btn.label.style.size = 44;
				btn.label.dirty = true;
			} else if (typeof btn.label.setStyle === "function") {
				btn.label.setStyle({
					size: 44
				});
			}
		}
		btn.x = toggleBtnStartX + idx * (toggleBtnW + toggleBtnSpacing);
		btn.y = toggleBtnY;
		btn.action = function () {
			// Deselect all
			for (var j = 0; j < statToggleBtns.length; j++) {
				statToggleBtns[j].bg.alpha = 0.7;
			}
			btn.bg.alpha = 1;
			selectedStatType = statTypes[idx].key;
			updateStatsGraphSingle();
		};
		// Highlight first by default
		btn.bg.alpha = i === 0 ? 1 : 0.7;
		statToggleBtns.push(btn);
		statsOverlay.addChild(btn);
	})(i);
}
// --- Single Graph Area ---
// Center graph inside statsBg
var graphW = statsBg.width - 200;
var graphH = 500;
var graphStartX = statsBg.x - graphW / 2;
var graphStartY = statsBg.y - statsBg.height / 2 + 220;
// Helper to draw a single stat graph
function drawStatSingleGraph(container, data, color, iconAssetId, label) {
	if (!container.graphNodes) container.graphNodes = [];
	// Remove previous graph
	for (var i = 0; i < container.graphNodes.length; i++) {
		container.graphNodes[i].destroy();
	}
	container.graphNodes = [];
	// Card background
	var cardBg = LK.getAsset('loadingbarempty', {
		anchorX: 0.5,
		anchorY: 0,
		x: statsBg.x,
		y: graphStartY
	});
	cardBg.width = graphW + 120;
	cardBg.height = graphH + 100;
	cardBg.alpha = 0.93;
	container.addChild(cardBg);
	container.graphNodes.push(cardBg);
	// (Removed: icon from statistics panel as requested)
	// Draw label
	var labelTxt = new Text2(label, {
		size: 60,
		fill: "#fff",
		font: "Arial, Helvetica, sans-serif"
	});
	labelTxt.anchor.set(0, 0.5);
	labelTxt.x = graphStartX;
	labelTxt.y = graphStartY + 40;
	container.addChild(labelTxt);
	container.graphNodes.push(labelTxt);
	// Find max value for scaling
	var maxVal = 1;
	for (var i = 0; i < data.length; i++) {
		if (data[i] > maxVal) maxVal = data[i];
	}
	// Draw line graph: connect points with rectangles (simulate lines)
	var prevX = null,
		prevY = null;
	for (var i = 0; i < data.length; i++) {
		var x0 = graphStartX + i / Math.max(1, data.length - 1) * graphW;
		var y0 = graphStartY + 100 + graphH - data[i] / maxVal * (graphH - 20);
		// Draw a small circle at each data point
		var point = LK.getAsset('loadingbarfull', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: x0,
			y: y0
		});
		point.width = 18;
		point.height = 18;
		point.tint = color;
		container.addChild(point);
		container.graphNodes.push(point);
		// Draw value label every 5 days or last
		if ((i % 5 === 0 || i === data.length - 1) && data[i] > 0) {
			var displayValue = data[i];
			// If this is the money graph, format to 2 decimal places
			if (selectedStatType === "money") {
				displayValue = Math.floor(data[i] * 100) / 100;
				// Always show 2 decimals for money
				displayValue = displayValue.toFixed(2);
			}
			var valTxt = new Text2("" + displayValue, {
				size: 36,
				fill: "#fff"
			});
			valTxt.anchor.set(0.5, 1);
			valTxt.x = x0;
			valTxt.y = y0 - 8;
			container.addChild(valTxt);
			container.graphNodes.push(valTxt);
		}
		// Draw a "line" between previous and current point using a thin rectangle
		if (prevX !== null && prevY !== null) {
			var dx = x0 - prevX;
			var dy = y0 - prevY;
			var dist = Math.sqrt(dx * dx + dy * dy);
			var angle = Math.atan2(dy, dx);
			var line = LK.getAsset('loadingbarfull', {
				anchorX: 0,
				anchorY: 0.5,
				x: prevX,
				y: prevY
			});
			line.width = dist;
			line.height = 8;
			line.tint = color;
			line.rotation = angle;
			container.addChild(line);
			container.graphNodes.push(line);
		}
		prevX = x0;
		prevY = y0;
	}
}
// Draw the selected graph
function updateStatsGraphSingle() {
	var key = selectedStatType;
	var data = statDataMap[key];
	var color = statColorMap[key];
	var icon = statIconMap[key];
	var label = statLabelMap[key];
	drawStatSingleGraph(statsOverlay, data, color, icon, label);
}
// Close button for stats overlay
var statsCloseBtn = new GameButton();
statsCloseBtn.setButton('editBtn', 'Close', "#fff", 320, 90);
statsCloseBtn.x = 2048 / 2;
statsCloseBtn.y = statsBg.y + statsBg.height / 2 - 80;
statsCloseBtn.action = function () {
	statsOverlay.visible = false;
};
statsOverlay.addChild(statsCloseBtn);
// Statistics Section Button removed with navigation bar
// --- Track stats per day ---
// Call this at the end of each day
function recordDailyStats() {
	// Only record once per day
	if (statsLastDay === gameDay) {
		return;
	}
	statsLastDay = gameDay;
	statsViewsPerDay.push(viewCount);
	statsSubsPerDay.push(subscribers);
	statsMoneyPerDay.push(money);
}
// Record stats for day 1 at game start
recordDailyStats();
// Define updatePromoteListDisplay in global scope to avoid not defined error
function updatePromoteListDisplay() {
	// This is a stub to avoid not defined error if called outside promote panel
	// The real implementation is inside the promote panel logic
}

===================================================================
--- original.js
+++ change.js
@@ -2054,11 +2054,11 @@
 	// --- Play Store Title Removed as requested ---
 	// --- App List Container ---
 	// The app list container is positioned at (0,0) inside playStoreOverlay, but all its children are positioned as if inside computerscreen
 	var psListContainer = new Container();
-	// Align app list to top-left of playStoreOverlay, shifted 650px to the left and 1000px upward
-	psListContainer.x = -650;
-	psListContainer.y = -1000;
+	// Center app list container inside playStoreOverlay
+	psListContainer.x = 0;
+	psListContainer.y = 0;
 	playStoreOverlay.addChild(psListContainer);
 	// --- Play Store App List Paging (no scrolling, max 4 apps per page) ---
 	var appCardW = computerScreen.width - 160;
 	var appCardH = 320;
@@ -2093,13 +2093,15 @@
 		var yStart = (playStoreOverlay.height - totalListHeight) / 2 - playStoreOverlay.height / 2 + 40;
 		for (var i = startIdx; i < endIdx; i++) {
 			(function (idx, localIdx) {
 				var app = filteredPlayStoreApps[idx];
-				// Card background, stack from top-left
+				// Center cards horizontally in the overlay
+				var cardX = -appCardW / 2;
+				// Card background, stack from center horizontally
 				var cardBg = LK.getAsset('playstoreWhiteBg', {
 					anchorX: 0,
 					anchorY: 0,
-					x: 0,
+					x: cardX,
 					y: yStart + localIdx * (appCardH + appCardSpacing)
 				});
 				cardBg.width = appCardW;
 				cardBg.height = appCardH;
@@ -2122,16 +2124,18 @@
 				});
 				appIcon.width = iconSize;
 				appIcon.height = iconSize;
 				psListContainer.addChild(appIcon);
+				// Center all text horizontally relative to the card
+				var textStartX = cardBg.x + iconSize + 80;
 				// App name
 				var nameTxt = new Text2(app.name, {
 					size: 64,
 					fill: "#222",
 					font: "Arial, Helvetica, sans-serif"
 				});
 				nameTxt.anchor.set(0, 0);
-				nameTxt.x = cardBg.x + iconSize + 80;
+				nameTxt.x = textStartX;
 				nameTxt.y = cardBg.y + 36;
 				psListContainer.addChild(nameTxt);
 				// Publisher
 				var publisherTxt = new Text2("by " + app.publisher, {
@@ -2139,9 +2143,9 @@
 					fill: "#888",
 					font: "Arial, Helvetica, sans-serif"
 				});
 				publisherTxt.anchor.set(0, 0);
-				publisherTxt.x = nameTxt.x;
+				publisherTxt.x = textStartX;
 				publisherTxt.y = nameTxt.y + nameTxt.height + 2;
 				psListContainer.addChild(publisherTxt);
 				// Description
 				var descTxt = new Text2(app.description, {
@@ -2149,9 +2153,9 @@
 					fill: "#444",
 					font: "Arial, Helvetica, sans-serif"
 				});
 				descTxt.anchor.set(0, 0);
-				descTxt.x = nameTxt.x;
+				descTxt.x = textStartX;
 				descTxt.y = publisherTxt.y + publisherTxt.height + 8;
 				psListContainer.addChild(descTxt);
 				// Size
 				var sizeTxt = new Text2(app.sizeMB + " MB", {
@@ -2159,16 +2163,16 @@
 					fill: "#0aa",
 					font: "Arial, Helvetica, sans-serif"
 				});
 				sizeTxt.anchor.set(0, 0);
-				sizeTxt.x = nameTxt.x;
+				sizeTxt.x = textStartX;
 				sizeTxt.y = descTxt.y + descTxt.height + 8;
 				psListContainer.addChild(sizeTxt);
 				// Install/Delete/Download button
 				var appBtn = new GameButton();
 				var isInstalled = !!app.installed;
 				function updateAppBtn() {
-					appBtn.x = cardBg.x + appCardW - 180;
+					appBtn.x = cardBg.x + appCardW / 2 - 130;
 					appBtn.y = cardBg.y + appCardH / 2 + 120;
 					if (appBtn._customBg) {
 						appBtn._customBg.destroy();
 						appBtn._customBg = null;