/**** 
* 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;
});
// 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: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
			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: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
	});
	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: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
	});
	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: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
	});
	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";
		stats += " | $" + formatNumber(videoObj.totalMoney);
		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
****/ 
// --- Video Categories (must be defined before use in updateTrendingCategory) ---
// --- Trending Category State ---
var videoCategories = ["Vlog", "Challenge", "Reaction", "Tutorial", "Unboxing", "Gaming", "Music", "Comedy", "Q&A", "Other"];
var selectedCategoryIdx = 0;
// Studio background (simple box for now)
// --- Game State Variables ---
var trendingCategoryIdx = 0;
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
	}
}
// 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);
// --- Time Display ---
var timeTxt = new Text2('Day 1, 08:00', {
	size: 80,
	fill: 0xFFFFFF
});
timeTxt.anchor.set(0.5, 0.5);
timeTxt.x = 2048 / 2;
timeTxt.y = 300;
game.addChild(timeTxt);
// --- Video List UI ---
// Single area for all videos
var videosLabel = new Text2("Videos:", {
	size: 54,
	fill: "#fff"
});
videosLabel.anchor.set(0, 0.5);
videosLabel.x = 120;
videosLabel.y = 480;
game.addChild(videosLabel);
// Add extra vertical space between label and list
var videosListContainer = new Container();
videosListContainer.x = 120;
videosListContainer.y = 480 + 54 + 36; // label y + label height + extra space (36px)
game.addChild(videosListContainer);
// --- Pause/Resume Button ---
var pauseBtn = new GameButton();
pauseBtn.setButton('editBtn', 'Pause', "#fff", 320, 120);
pauseBtn.x = 2048 / 2 + 520;
pauseBtn.y = 300;
pauseBtn.action = function () {
	isTimePaused = !isTimePaused;
	pauseBtn.label.setText(isTimePaused ? "Resume" : "Pause");
};
game.addChild(pauseBtn);
// Subscribers display
var subIcon = LK.getAsset('subIcon', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 - 520,
	y: 140
});
game.addChild(subIcon);
var subTxt = new Text2('0', {
	size: 64,
	fill: 0xFFFFFF
});
subTxt.anchor.set(0, 0.5);
subTxt.x = subIcon.x + 70;
subTxt.y = subIcon.y;
game.addChild(subTxt);
// Money display
var moneyIcon = LK.getAsset('moneyIcon', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 + 320,
	y: 140
});
game.addChild(moneyIcon);
var moneyTxt = new Text2('$0', {
	size: 64,
	fill: 0xFFE066
});
moneyTxt.anchor.set(0, 0.5);
moneyTxt.x = moneyIcon.x + 70;
moneyTxt.y = moneyIcon.y;
game.addChild(moneyTxt);
// View count display (use viewersicon asset for the viewers counter icon)
// Place view counter exactly in the middle between subIcon and moneyIcon
var viewAreaCenterX = (subIcon.x + moneyIcon.x) / 2;
var viewIcon = LK.getAsset('viewersicon', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: viewAreaCenterX - 40,
	y: 110
});
game.addChild(viewIcon);
var viewTxt = new Text2('0', {
	size: 64,
	fill: 0x00e0ff
});
viewTxt.anchor.set(0, 0.5);
viewTxt.x = viewIcon.x + 70;
viewTxt.y = viewIcon.y;
game.addChild(viewTxt);
// --- 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
makeVideoBtn.y = btnStartY + 3 * (btnH + btnSpacingY);
// --- 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
	if (isRecordPanelOpen) return; // Prevent multiple panels
	isRecordPanelOpen = true;
	// Show a panel before starting the process
	var panelBg = LK.getAsset('energyBarBg', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Expand the panel to allow for more rows of category buttons
	panelBg.width = 1500;
	panelBg.height = 1300;
	panelBg.x = 2048 / 2;
	panelBg.y = 2732 / 2;
	panelBg.alpha = 0.98;
	// --- Panel Title ---
	var panelText = new Text2("Select Category & Title", {
		size: 90,
		fill: "#fff",
		font: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
		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: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
		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"],
			"Other": ["Behind the Scenes", "Special Announcement", "Random Thoughts", "Channel Update", "What Happened Today"]
		};
		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: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
					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();
	confirmBtn.setButton('videoBtn', 'Start Recording', "#fff", 600, 180);
	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 + 200; // more space below category
	confirmBtn.action = function () {
		// Remove panel
		panelBg.destroy();
		panelText.destroy();
		confirmBtn.destroy();
		titleInputBg.destroy();
		titleInputTxt.destroy();
		randomBtn.destroy();
		closeBtn.destroy(); // Also destroy the close (X) button
		// 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;
		// Start the process
		timeProcess = {
			type: 'record',
			hoursLeft: 3,
			total: 3,
			category: videoCategories[selectedCategoryIdx],
			title: videoTitle,
			onFinish: function onFinish() {
				LK.getSound('makeVideo').play();
				// Create a new video object to accrue views over time
				if (!window.uploadedVideos) window.uploadedVideos = [];
				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: "recorded",
					// new: states are "recorded", "editing", "readyToPublish", "published"
					editHoursLeft: 5,
					// in-game hours to edit
					publishReady: false
				};
				// Precompute total views to distribute realistically over 7 days
				var minViewPercent = 0.10;
				var maxViewPercent = 0.30;
				var percent = minViewPercent + Math.random() * (maxViewPercent - minViewPercent);
				var baseViews = Math.floor(subscribers * percent);
				if (subscribers < 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();
				// Animate button
				tween(makeVideoBtn, {
					scaleX: 1.1,
					scaleY: 1.1
				}, {
					duration: 80,
					onFinish: function onFinish() {
						tween(makeVideoBtn, {
							scaleX: 1,
							scaleY: 1
						}, {
							duration: 80
						});
					}
				});
				if (subscribers >= 1000) {
					LK.showYouWin();
				}
			}
		};
		// Removed call to undefined showProcessBar(0)
	};
	// --- Close (X) Button ---
	var closeBtn = new Text2("×", {
		size: 120,
		fill: "#fff",
		font: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
		dropShadow: true,
		dropShadowColor: "#222",
		dropShadowBlur: 8,
		dropShadowDistance: 2
	});
	closeBtn.anchor.set(0.5, 0.5);
	// Place at top right of panel, with margin
	closeBtn.x = panelBg.x + panelBg.width / 2 - 80;
	closeBtn.y = panelBg.y - panelBg.height / 2 + 80;
	closeBtn.interactive = true;
	closeBtn.buttonMode = true;
	closeBtn.down = function () {
		panelBg.destroy();
		panelText.destroy();
		confirmBtn.destroy();
		closeBtn.destroy();
		titleInputBg.destroy();
		titleInputTxt.destroy();
		randomBtn.destroy();
		// 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 all panel elements to game
	game.addChild(panelBg);
	game.addChild(panelText);
	game.addChild(titleInputBg);
	game.addChild(titleInputTxt);
	game.addChild(randomBtn);
	game.addChild(closeBtn);
	// 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);
};
// Add buttons to game
game.addChild(makeVideoBtn);
// Add extra vertical space between money/sub displays and buttons
subIcon.y = 110;
subTxt.y = subIcon.y;
moneyIcon.y = 110;
moneyTxt.y = moneyIcon.y;
// 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() {
	subTxt.setText(formatNumber(subscribers));
	viewTxt.setText(formatNumber(viewCount));
	moneyTxt.setText('$' + formatNumber(money));
	// Enable/disable buttons based on process and resources
	makeVideoBtn.setEnabled(!timeProcess);
	// --- Achievements ---
	if (!updateStats.milestones) updateStats.milestones = {};
	var milestones = [100, 250, 500, 750, 1000];
	for (var i = 0; i < milestones.length; i++) {
		var m = milestones[i];
		if (subscribers >= m && !updateStats.milestones[m]) {
			updateStats.milestones[m] = true;
			var ach = new Text2("Milestone: " + m + " Subs!", {
				size: 110,
				fill: "#ff0",
				stroke: "#000",
				strokeThickness: 12,
				font: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
				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();
				}
			});
		}
	}
}
// --- Video List UI Update ---
function updateVideoLists() {
	// Clear all children from the single videos list container
	while (videosListContainer.children.length > 0) {
		var c = videosListContainer.children[0];
		c.destroy && c.destroy();
		videosListContainer.removeChild(c);
	}
	var y = 0;
	// Show video being recorded (if any)
	if (timeProcess && timeProcess.type === 'record') {
		var recItem = new VideoListItem();
		recItem.y = y;
		recItem.setVideo({
			title: timeProcess.title || "Untitled",
			hour: 0,
			finished: false,
			totalViews: 0,
			totalMoney: 0,
			totalSubs: 0,
			trending: timeProcess.category === videoCategories[trendingCategoryIdx]
		});
		videosListContainer.addChild(recItem);
		// Show loading bar to the right of the video list item and its buttons
		var barW = 320;
		var barH = 40;
		var barBg = LK.getAsset('loadingbarempty', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		barBg.width = barW;
		barBg.height = barH;
		// Place bar to the right of the list item (list item x + width + margin + half bar width)
		barBg.x = recItem.bg.x + recItem.bg.width + 40 + barW / 2;
		barBg.y = recItem.y + recItem.bg.height / 2 - 28;
		videosListContainer.addChild(barBg);
		var barFill = LK.getAsset('loadingbarfull', {
			anchorX: 0,
			anchorY: 0.5
		});
		barFill.width = Math.max(1, barW * (1 - timeProcess.hoursLeft / timeProcess.total));
		barFill.height = barH;
		barFill.x = barBg.x - barW / 2;
		barFill.y = barBg.y;
		videosListContainer.addChild(barFill);
		y += 130;
	}
	// Show all uploaded videos (in any state)
	// Remove finished videos (whose view counts stop increasing) from the list and from uploadedVideos
	if (window.uploadedVideos) {
		for (var i = window.uploadedVideos.length - 1; i >= 0; i--) {
			var vid = window.uploadedVideos[i];
			// Remove from array if finished (view counts stopped increasing)
			if (vid.finished === true) {
				window.uploadedVideos.splice(i, 1);
				continue;
			}
			var item = new VideoListItem();
			item.y = y;
			item.setVideo(vid);
			videosListContainer.addChild(item);
			// Add edit or publish button if needed
			if (vid.state === "recorded") {
				// Show edit button
				var editBtn = new GameButton();
				editBtn.setButton('editBtn', 'Edit Video', "#fff", 320, 100);
				// Align to the right of the video list item
				editBtn.x = item.bg.x + item.bg.width + 40 + editBtn.bg.width / 2;
				// Align button to the vertical center of the VideoListItem (list item y + half height - 28 for better alignment)
				editBtn.y = item.y + item.bg.height / 2 - 28;
				editBtn.action = function (vidRef) {
					return function () {
						// Start editing process for this video
						if (timeProcess) return; // Only one process at a time
						timeProcess = {
							type: 'edit',
							hoursLeft: vidRef.editHoursLeft,
							total: vidRef.editHoursLeft,
							video: vidRef,
							onFinish: function onFinish() {
								vidRef.state = "readyToPublish";
								vidRef.publishReady = true;
								updateVideoLists();
							}
						};
						updateProcessBar();
						updateStats();
						updateVideoLists();
					};
				}(vid);
				videosListContainer.addChild(editBtn);
				// If this video is currently being edited, show a loading bar to the right of the edit button
				if (timeProcess && timeProcess.type === "edit" && timeProcess.video === vid) {
					var barW = 320;
					var barH = 40;
					var barBg = LK.getAsset('loadingbarempty', {
						anchorX: 0.5,
						anchorY: 0.5
					});
					barBg.width = barW;
					barBg.height = barH;
					barBg.x = editBtn.x + editBtn.bg.width / 2 + 40 + barW / 2;
					barBg.y = editBtn.y - 18;
					videosListContainer.addChild(barBg);
					var barFill = LK.getAsset('loadingbarfull', {
						anchorX: 0,
						anchorY: 0.5
					});
					barFill.width = Math.max(1, barW * (1 - timeProcess.hoursLeft / timeProcess.total));
					barFill.height = barH;
					barFill.x = barBg.x - barW / 2;
					barFill.y = barBg.y;
					videosListContainer.addChild(barFill);
				}
			} else if (vid.state === "readyToPublish") {
				// Show publish button
				var publishBtn = new GameButton();
				publishBtn.setButton('promoteBtn', 'Publish Video', "#fff", 320, 100);
				// Align to the right of the video list item
				publishBtn.x = item.bg.x + item.bg.width + 40 + publishBtn.bg.width / 2;
				// Align button to the vertical center of the VideoListItem (list item y + half height - 28 for better alignment)
				publishBtn.y = item.y + item.bg.height / 2 - 28;
				publishBtn.action = function (vidRef) {
					return function () {
						// Set video to published, start gaining views
						vidRef.state = "published";
						vidRef.publishReady = false;
						updateVideoLists();
					};
				}(vid);
				videosListContainer.addChild(publishBtn);
				// No loading bar for publish state
			}
			y += 130;
		}
	}
}
// --- 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);
timeTimer = LK.setInterval(function () {
	if (isTimePaused) return;
	// Advance time
	gameHour += 1;
	if (gameHour >= 24) {
		gameHour = 0;
		gameDay += 1;
		// 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 if published
			if (vid.state === "published" && vid.hour < vid.totalHours) {
				var viewsThisHour = vid.hourlyViews[vid.hour] || 0;
				// Money: $3-5 per 1000 views, distributed proportionally
				var moneyThisHour = Math.floor(viewsThisHour / vid.targetViews * vid.targetMoney);
				// Subs: proportional to views, distributed over time
				var subsThisHour = Math.floor(viewsThisHour / vid.targetViews * vid.targetSubs);
				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) {
					var leftViews = vid.targetViews - vid.totalViews;
					var leftMoney = vid.targetMoney - vid.totalMoney;
					var leftSubs = vid.targetSubs - vid.totalSubs;
					if (leftViews > 0) {
						viewCount += leftViews;
						vid.totalViews += leftViews;
					}
					if (leftMoney > 0) {
						money += leftMoney;
						vid.totalMoney += leftMoney;
					}
					if (leftSubs > 0) {
						subscribers += leftSubs;
						vid.totalSubs += leftSubs;
					}
					vid.finished = true;
				}
			}
		}
	}
	updateStats();
	updateVideoLists();
}, 1000);
// --- Random Event Timer ---
var eventTimer = LK.setInterval(function () {
	// Pick a random event: 0 = trend, 1 = sponsorship, 2 = copyright strike, 3 = viral short (rare)
	var eventType;
	// 10% chance for viral short, else normal events
	if (Math.random() < 0.1) {
		eventType = 3;
	} else {
		eventType = Math.floor(Math.random() * 3);
	}
	var eventMsg = "";
	if (eventType === 0) {
		// Trend: bonus subs and money
		var trendSubs = 50 + Math.floor(Math.random() * 50);
		var trendMoney = 20 + Math.floor(Math.random() * 20);
		subscribers += trendSubs;
		money += trendMoney;
		updateStats();
		eventMsg = "Trending Topic! +" + trendSubs + " subs, +$" + trendMoney;
	} else if (eventType === 1) {
		// Sponsorship: big money
		var sponsorMoney = 60 + Math.floor(Math.random() * 40);
		money += sponsorMoney;
		updateStats();
		eventMsg = "Sponsorship! +$" + sponsorMoney;
	} else if (eventType === 2) {
		// Copyright strike: lose subs, lose money
		var strikeSubs = 30 + Math.floor(Math.random() * 30);
		var strikeMoney = 10 + Math.floor(Math.random() * 10);
		subscribers = Math.max(0, subscribers - strikeSubs);
		money = Math.max(0, money - strikeMoney);
		updateStats();
		eventMsg = "Copyright Strike! -" + strikeSubs + " subs, -$" + strikeMoney;
	} else if (eventType === 3) {
		// Viral Short: huge sub and money boost
		var viralSubs = 200 + Math.floor(Math.random() * 200);
		var viralMoney = 100 + Math.floor(Math.random() * 100);
		subscribers += viralSubs;
		money += viralMoney;
		updateStats();
		eventMsg = "Viral Short! +" + viralSubs + " subs, +$" + viralMoney;
	}
	// Show popup in the center of the screen
	var popup = new Text2(eventMsg, {
		size: 100,
		fill: "#fff",
		stroke: "#000",
		strokeThickness: 12,
		font: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
		dropShadow: true,
		dropShadowColor: "#222",
		dropShadowBlur: 12,
		dropShadowDistance: 4
	});
	popup.anchor.set(0.5, 0.5);
	popup.x = 2048 / 2;
	popup.y = 2732 / 2;
	game.addChild(popup);
	tween(popup, {
		alpha: 0,
		y: popup.y - 120
	}, {
		duration: 1800,
		onFinish: function onFinish() {
			popup.destroy();
		}
	});
}, 20000);
// --- 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();
// --- Bottom Navigation Bar ---
var navBarHeight = 220;
var navBarY = 2732 - navBarHeight / 2;
// Background bar
var navBarBg = LK.getAsset('loadingbarempty', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: navBarY
});
navBarBg.width = 2048;
navBarBg.height = navBarHeight;
navBarBg.alpha = 0.96;
game.addChild(navBarBg);
// Section button width and spacing
var navBtnW = 540;
var navBtnH = 160;
var navBtnSpacing = (2048 - 3 * navBtnW) / 4;
var navBtnY = navBarY;
// Video Recording Section Button
var navVideoBtn = new GameButton();
navVideoBtn.setButton('videoBtn', 'Video', "#fff", navBtnW, navBtnH);
navVideoBtn.x = navBtnSpacing + navBtnW / 2;
navVideoBtn.y = navBtnY;
navVideoBtn.action = function () {
	// Scroll to or focus video section (no-op for now)
};
game.addChild(navVideoBtn);
// Skill Tree Section Button
var navSkillBtn = new GameButton();
navSkillBtn.setButton('upgradeBtn', 'Skill Tree', "#fff", navBtnW, navBtnH);
navSkillBtn.x = navVideoBtn.x + navBtnW / 2 + navBtnSpacing + navBtnW / 2;
navSkillBtn.y = navBtnY;
navSkillBtn.action = function () {
	// Open skill tree (to be implemented)
};
game.addChild(navSkillBtn);
// --- 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
var statsBg = LK.getAsset('studioBg', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
});
statsBg.alpha = 0.98;
statsOverlay.addChild(statsBg);
// Title
var statsTitle = new Text2("Statistics", {
	size: 120,
	fill: "#fff",
	font: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
});
statsTitle.anchor.set(0.5, 0);
statsTitle.x = 2048 / 2;
statsTitle.y = 120;
statsOverlay.addChild(statsTitle);
// Graph area positions
var graphStartY = 320;
var graphSpacingY = 520;
var graphW = 1600;
var graphH = 320;
var graphStartX = (2048 - graphW) / 2;
// Helper to draw a simple line graph (as rectangles between points)
function drawStatGraph(container, data, color, iconAssetId, label, yOffset) {
	// Remove previous graph
	if (container.graphNodes) {
		for (var i = 0; i < container.graphNodes.length; i++) {
			container.graphNodes[i].destroy();
		}
	}
	container.graphNodes = [];
	// Draw icon
	var icon = LK.getAsset(iconAssetId, {
		anchorX: 0.5,
		anchorY: 0.5,
		x: graphStartX - 80,
		y: yOffset + graphH / 2
	});
	container.addChild(icon);
	container.graphNodes.push(icon);
	// Draw label
	var labelTxt = new Text2(label, {
		size: 60,
		fill: "#fff",
		font: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
	});
	labelTxt.anchor.set(0, 0.5);
	labelTxt.x = graphStartX;
	labelTxt.y = yOffset - 40;
	container.addChild(labelTxt);
	container.graphNodes.push(labelTxt);
	// Draw graph
	var maxVal = 1;
	for (var i = 0; i < data.length; i++) {
		if (data[i] > maxVal) maxVal = data[i];
	}
	var n = Math.max(1, data.length - 1);
	for (var i = 0; i < data.length; i++) {
		var x0 = graphStartX + i / Math.max(1, data.length - 1) * graphW;
		var y0 = yOffset + graphH - data[i] / maxVal * (graphH - 20);
		// Draw a vertical bar for each day
		var barW = Math.max(8, graphW / Math.max(10, data.length));
		var bar = LK.getAsset('loadingbarfull', {
			anchorX: 0.5,
			anchorY: 1,
			x: x0,
			y: y0
		});
		bar.width = barW;
		bar.height = Math.max(10, data[i] / maxVal * (graphH - 20));
		bar.tint = color;
		container.addChild(bar);
		container.graphNodes.push(bar);
		// Draw value label every 5 days or last
		if ((i % 5 === 0 || i === data.length - 1) && data[i] > 0) {
			var valTxt = new Text2("" + data[i], {
				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 all three graphs
function updateStatsGraphs() {
	drawStatGraph(statsOverlay, statsViewsPerDay, 0x00e0ff, 'viewersicon', "Views per Day", graphStartY);
	drawStatGraph(statsOverlay, statsSubsPerDay, 0xffe066, 'subIcon', "Subscribers per Day", graphStartY + graphSpacingY);
	drawStatGraph(statsOverlay, statsMoneyPerDay, 0xfa4b00, 'moneyIcon', "Money per Day", graphStartY + 2 * graphSpacingY);
}
// Close button for stats overlay
var statsCloseBtn = new GameButton();
statsCloseBtn.setButton('editBtn', 'Close', "#fff", 400, 120);
statsCloseBtn.x = 2048 / 2;
statsCloseBtn.y = 2732 - navBarHeight - 100;
statsCloseBtn.action = function () {
	statsOverlay.visible = false;
};
statsOverlay.addChild(statsCloseBtn);
// Statistics Section Button
var navStatsBtn = new GameButton();
navStatsBtn.setButton('editBtn', 'Statistics', "#fff", navBtnW, navBtnH);
navStatsBtn.x = navSkillBtn.x + navBtnW / 2 + navBtnSpacing + navBtnW / 2;
navStatsBtn.y = navBtnY;
navStatsBtn.action = function () {
	updateStatsGraphs();
	statsOverlay.visible = true;
};
game.addChild(navStatsBtn);
// --- 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);
}
// Patch into time timer: after day advances, record stats
var oldTimeTimer = timeTimer;
if (timeTimer) LK.clearInterval(timeTimer);
timeTimer = LK.setInterval(function () {
	if (isTimePaused) return;
	gameHour += 1;
	if (gameHour >= 24) {
		gameHour = 0;
		gameDay += 1;
		recordDailyStats();
		// Trending category logic...
		if (typeof trendingCategoryNextChangeDay === "undefined") {
			trendingCategoryNextChangeDay = trendingCategoryDay + 7 + Math.floor(Math.random() * 24);
		}
		if (gameDay >= trendingCategoryNextChangeDay) {
			updateTrendingCategory();
			trendingCategoryNextChangeDay = gameDay + 7 + Math.floor(Math.random() * 24);
		}
	}
	updateTimeDisplay();
	if (timeProcess) {
		timeProcess.hoursLeft -= 1;
		updateProcessBar();
		if (timeProcess.hoursLeft <= 0) {
			var finish = timeProcess.onFinish;
			if (timeProcess.type === "edit" && timeProcess.video) {
				timeProcess.video.state = "readyToPublish";
				timeProcess.video.publishReady = true;
			}
			timeProcess = null;
			updateProcessBar();
			updateStats();
			updateVideoLists();
			if (typeof finish === "function") finish();
		}
	}
	if (window.uploadedVideos) {
		for (var v = 0; v < window.uploadedVideos.length; v++) {
			var vid = window.uploadedVideos[v];
			if (vid.state === "published" && vid.hour < vid.totalHours) {
				var viewsThisHour = vid.hourlyViews[vid.hour] || 0;
				var moneyThisHour = Math.floor(viewsThisHour / vid.targetViews * vid.targetMoney);
				var subsThisHour = Math.floor(viewsThisHour / vid.targetViews * vid.targetSubs);
				vid.totalViews += viewsThisHour;
				vid.totalMoney += moneyThisHour;
				vid.totalSubs += subsThisHour;
				viewCount += viewsThisHour;
				money += moneyThisHour;
				subscribers += subsThisHour;
				vid.hour++;
				if (vid.hour === vid.totalHours) {
					var leftViews = vid.targetViews - vid.totalViews;
					var leftMoney = vid.targetMoney - vid.totalMoney;
					var leftSubs = vid.targetSubs - vid.totalSubs;
					if (leftViews > 0) {
						viewCount += leftViews;
						vid.totalViews += leftViews;
					}
					if (leftMoney > 0) {
						money += leftMoney;
						vid.totalMoney += leftMoney;
					}
					if (leftSubs > 0) {
						subscribers += leftSubs;
						vid.totalSubs += leftSubs;
					}
					vid.finished = true;
				}
			}
		}
	}
	updateStats();
	updateVideoLists();
}, 1000);
// Record stats for day 1 at game start
recordDailyStats();
// --- Daily Bonus at game start ---
(function showDailyBonus() {
	var bonusType = Math.floor(Math.random() * 2);
	var bonusMsg = "";
	if (bonusType === 0) {
		// Bonus subs
		var bonusSubs = 50 + Math.floor(Math.random() * 50);
		subscribers += bonusSubs;
		updateStats();
		bonusMsg = "Daily Bonus: +" + bonusSubs + " subs!";
	} else {
		// Bonus money
		var bonusMoney = 30 + Math.floor(Math.random() * 30);
		money += bonusMoney;
		updateStats();
		bonusMsg = "Daily Bonus: +$" + bonusMoney + "!";
	}
	var popup = new Text2(bonusMsg, {
		size: 110,
		fill: "#0ff",
		stroke: "#000",
		strokeThickness: 12,
		font: "'GillSans-Bold',Impact,'Arial Black',Tahoma",
		dropShadow: true,
		dropShadowColor: "#222",
		dropShadowBlur: 12,
		dropShadowDistance: 4
	});
	popup.anchor.set(0.5, 0.5);
	popup.x = 2048 / 2;
	popup.y = 2732 / 2 - 200;
	game.addChild(popup);
	tween(popup, {
		alpha: 0,
		y: popup.y - 120
	}, {
		duration: 2000,
		onFinish: function onFinish() {
			popup.destroy();
		}
	});
})();
;

===================================================================
--- original.js
+++ change.js
@@ -1015,17 +1015,221 @@
 navSkillBtn.action = function () {
 	// Open skill tree (to be implemented)
 };
 game.addChild(navSkillBtn);
+// --- 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
+var statsBg = LK.getAsset('studioBg', {
+	anchorX: 0,
+	anchorY: 0,
+	x: 0,
+	y: 0
+});
+statsBg.alpha = 0.98;
+statsOverlay.addChild(statsBg);
+// Title
+var statsTitle = new Text2("Statistics", {
+	size: 120,
+	fill: "#fff",
+	font: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
+});
+statsTitle.anchor.set(0.5, 0);
+statsTitle.x = 2048 / 2;
+statsTitle.y = 120;
+statsOverlay.addChild(statsTitle);
+// Graph area positions
+var graphStartY = 320;
+var graphSpacingY = 520;
+var graphW = 1600;
+var graphH = 320;
+var graphStartX = (2048 - graphW) / 2;
+// Helper to draw a simple line graph (as rectangles between points)
+function drawStatGraph(container, data, color, iconAssetId, label, yOffset) {
+	// Remove previous graph
+	if (container.graphNodes) {
+		for (var i = 0; i < container.graphNodes.length; i++) {
+			container.graphNodes[i].destroy();
+		}
+	}
+	container.graphNodes = [];
+	// Draw icon
+	var icon = LK.getAsset(iconAssetId, {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: graphStartX - 80,
+		y: yOffset + graphH / 2
+	});
+	container.addChild(icon);
+	container.graphNodes.push(icon);
+	// Draw label
+	var labelTxt = new Text2(label, {
+		size: 60,
+		fill: "#fff",
+		font: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
+	});
+	labelTxt.anchor.set(0, 0.5);
+	labelTxt.x = graphStartX;
+	labelTxt.y = yOffset - 40;
+	container.addChild(labelTxt);
+	container.graphNodes.push(labelTxt);
+	// Draw graph
+	var maxVal = 1;
+	for (var i = 0; i < data.length; i++) {
+		if (data[i] > maxVal) maxVal = data[i];
+	}
+	var n = Math.max(1, data.length - 1);
+	for (var i = 0; i < data.length; i++) {
+		var x0 = graphStartX + i / Math.max(1, data.length - 1) * graphW;
+		var y0 = yOffset + graphH - data[i] / maxVal * (graphH - 20);
+		// Draw a vertical bar for each day
+		var barW = Math.max(8, graphW / Math.max(10, data.length));
+		var bar = LK.getAsset('loadingbarfull', {
+			anchorX: 0.5,
+			anchorY: 1,
+			x: x0,
+			y: y0
+		});
+		bar.width = barW;
+		bar.height = Math.max(10, data[i] / maxVal * (graphH - 20));
+		bar.tint = color;
+		container.addChild(bar);
+		container.graphNodes.push(bar);
+		// Draw value label every 5 days or last
+		if ((i % 5 === 0 || i === data.length - 1) && data[i] > 0) {
+			var valTxt = new Text2("" + data[i], {
+				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 all three graphs
+function updateStatsGraphs() {
+	drawStatGraph(statsOverlay, statsViewsPerDay, 0x00e0ff, 'viewersicon', "Views per Day", graphStartY);
+	drawStatGraph(statsOverlay, statsSubsPerDay, 0xffe066, 'subIcon', "Subscribers per Day", graphStartY + graphSpacingY);
+	drawStatGraph(statsOverlay, statsMoneyPerDay, 0xfa4b00, 'moneyIcon', "Money per Day", graphStartY + 2 * graphSpacingY);
+}
+// Close button for stats overlay
+var statsCloseBtn = new GameButton();
+statsCloseBtn.setButton('editBtn', 'Close', "#fff", 400, 120);
+statsCloseBtn.x = 2048 / 2;
+statsCloseBtn.y = 2732 - navBarHeight - 100;
+statsCloseBtn.action = function () {
+	statsOverlay.visible = false;
+};
+statsOverlay.addChild(statsCloseBtn);
 // Statistics Section Button
 var navStatsBtn = new GameButton();
 navStatsBtn.setButton('editBtn', 'Statistics', "#fff", navBtnW, navBtnH);
 navStatsBtn.x = navSkillBtn.x + navBtnW / 2 + navBtnSpacing + navBtnW / 2;
 navStatsBtn.y = navBtnY;
 navStatsBtn.action = function () {
-	// Open statistics (to be implemented)
+	updateStatsGraphs();
+	statsOverlay.visible = true;
 };
 game.addChild(navStatsBtn);
+// --- 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);
+}
+// Patch into time timer: after day advances, record stats
+var oldTimeTimer = timeTimer;
+if (timeTimer) LK.clearInterval(timeTimer);
+timeTimer = LK.setInterval(function () {
+	if (isTimePaused) return;
+	gameHour += 1;
+	if (gameHour >= 24) {
+		gameHour = 0;
+		gameDay += 1;
+		recordDailyStats();
+		// Trending category logic...
+		if (typeof trendingCategoryNextChangeDay === "undefined") {
+			trendingCategoryNextChangeDay = trendingCategoryDay + 7 + Math.floor(Math.random() * 24);
+		}
+		if (gameDay >= trendingCategoryNextChangeDay) {
+			updateTrendingCategory();
+			trendingCategoryNextChangeDay = gameDay + 7 + Math.floor(Math.random() * 24);
+		}
+	}
+	updateTimeDisplay();
+	if (timeProcess) {
+		timeProcess.hoursLeft -= 1;
+		updateProcessBar();
+		if (timeProcess.hoursLeft <= 0) {
+			var finish = timeProcess.onFinish;
+			if (timeProcess.type === "edit" && timeProcess.video) {
+				timeProcess.video.state = "readyToPublish";
+				timeProcess.video.publishReady = true;
+			}
+			timeProcess = null;
+			updateProcessBar();
+			updateStats();
+			updateVideoLists();
+			if (typeof finish === "function") finish();
+		}
+	}
+	if (window.uploadedVideos) {
+		for (var v = 0; v < window.uploadedVideos.length; v++) {
+			var vid = window.uploadedVideos[v];
+			if (vid.state === "published" && vid.hour < vid.totalHours) {
+				var viewsThisHour = vid.hourlyViews[vid.hour] || 0;
+				var moneyThisHour = Math.floor(viewsThisHour / vid.targetViews * vid.targetMoney);
+				var subsThisHour = Math.floor(viewsThisHour / vid.targetViews * vid.targetSubs);
+				vid.totalViews += viewsThisHour;
+				vid.totalMoney += moneyThisHour;
+				vid.totalSubs += subsThisHour;
+				viewCount += viewsThisHour;
+				money += moneyThisHour;
+				subscribers += subsThisHour;
+				vid.hour++;
+				if (vid.hour === vid.totalHours) {
+					var leftViews = vid.targetViews - vid.totalViews;
+					var leftMoney = vid.targetMoney - vid.totalMoney;
+					var leftSubs = vid.targetSubs - vid.totalSubs;
+					if (leftViews > 0) {
+						viewCount += leftViews;
+						vid.totalViews += leftViews;
+					}
+					if (leftMoney > 0) {
+						money += leftMoney;
+						vid.totalMoney += leftMoney;
+					}
+					if (leftSubs > 0) {
+						subscribers += leftSubs;
+						vid.totalSubs += leftSubs;
+					}
+					vid.finished = true;
+				}
+			}
+		}
+	}
+	updateStats();
+	updateVideoLists();
+}, 1000);
+// Record stats for day 1 at game start
+recordDailyStats();
 // --- Daily Bonus at game start ---
 (function showDailyBonus() {
 	var bonusType = Math.floor(Math.random() * 2);
 	var bonusMsg = "";