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

/**** 
* Game Code
****/ 
// Game state
function _typeof(o) {
	"@babel/helpers - typeof";
	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
		return typeof o;
	} : function (o) {
		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
	}, _typeof(o);
}
function _regeneratorRuntime() {
	"use strict";
	/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
	_regeneratorRuntime = function _regeneratorRuntime() {
		return e;
	};
	var t,
		e = {},
		r = Object.prototype,
		n = r.hasOwnProperty,
		o = Object.defineProperty || function (t, e, r) {
			t[e] = r.value;
		},
		i = "function" == typeof Symbol ? Symbol : {},
		a = i.iterator || "@@iterator",
		c = i.asyncIterator || "@@asyncIterator",
		u = i.toStringTag || "@@toStringTag";
	function define(t, e, r) {
		return Object.defineProperty(t, e, {
			value: r,
			enumerable: !0,
			configurable: !0,
			writable: !0
		}), t[e];
	}
	try {
		define({}, "");
	} catch (t) {
		define = function define(t, e, r) {
			return t[e] = r;
		};
	}
	function wrap(t, e, r, n) {
		var i = e && e.prototype instanceof Generator ? e : Generator,
			a = Object.create(i.prototype),
			c = new Context(n || []);
		return o(a, "_invoke", {
			value: makeInvokeMethod(t, r, c)
		}), a;
	}
	function tryCatch(t, e, r) {
		try {
			return {
				type: "normal",
				arg: t.call(e, r)
			};
		} catch (t) {
			return {
				type: "throw",
				arg: t
			};
		}
	}
	e.wrap = wrap;
	var h = "suspendedStart",
		l = "suspendedYield",
		f = "executing",
		s = "completed",
		y = {};
	function Generator() {}
	function GeneratorFunction() {}
	function GeneratorFunctionPrototype() {}
	var p = {};
	define(p, a, function () {
		return this;
	});
	var d = Object.getPrototypeOf,
		v = d && d(d(values([])));
	v && v !== r && n.call(v, a) && (p = v);
	var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
	function defineIteratorMethods(t) {
		["next", "throw", "return"].forEach(function (e) {
			define(t, e, function (t) {
				return this._invoke(e, t);
			});
		});
	}
	function AsyncIterator(t, e) {
		function invoke(r, o, i, a) {
			var c = tryCatch(t[r], t, o);
			if ("throw" !== c.type) {
				var u = c.arg,
					h = u.value;
				return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
					invoke("next", t, i, a);
				}, function (t) {
					invoke("throw", t, i, a);
				}) : e.resolve(h).then(function (t) {
					u.value = t, i(u);
				}, function (t) {
					return invoke("throw", t, i, a);
				});
			}
			a(c.arg);
		}
		var r;
		o(this, "_invoke", {
			value: function value(t, n) {
				function callInvokeWithMethodAndArg() {
					return new e(function (e, r) {
						invoke(t, n, e, r);
					});
				}
				return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
			}
		});
	}
	function makeInvokeMethod(e, r, n) {
		var o = h;
		return function (i, a) {
			if (o === f) {
				throw Error("Generator is already running");
			}
			if (o === s) {
				if ("throw" === i) {
					throw a;
				}
				return {
					value: t,
					done: !0
				};
			}
			for (n.method = i, n.arg = a;;) {
				var c = n.delegate;
				if (c) {
					var u = maybeInvokeDelegate(c, n);
					if (u) {
						if (u === y) {
							continue;
						}
						return u;
					}
				}
				if ("next" === n.method) {
					n.sent = n._sent = n.arg;
				} else if ("throw" === n.method) {
					if (o === h) {
						throw o = s, n.arg;
					}
					n.dispatchException(n.arg);
				} else {
					"return" === n.method && n.abrupt("return", n.arg);
				}
				o = f;
				var p = tryCatch(e, r, n);
				if ("normal" === p.type) {
					if (o = n.done ? s : l, p.arg === y) {
						continue;
					}
					return {
						value: p.arg,
						done: n.done
					};
				}
				"throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
			}
		};
	}
	function maybeInvokeDelegate(e, r) {
		var n = r.method,
			o = e.iterator[n];
		if (o === t) {
			return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
		}
		var i = tryCatch(o, e.iterator, r.arg);
		if ("throw" === i.type) {
			return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
		}
		var a = i.arg;
		return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
	}
	function pushTryEntry(t) {
		var e = {
			tryLoc: t[0]
		};
		1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
	}
	function resetTryEntry(t) {
		var e = t.completion || {};
		e.type = "normal", delete e.arg, t.completion = e;
	}
	function Context(t) {
		this.tryEntries = [{
			tryLoc: "root"
		}], t.forEach(pushTryEntry, this), this.reset(!0);
	}
	function values(e) {
		if (e || "" === e) {
			var r = e[a];
			if (r) {
				return r.call(e);
			}
			if ("function" == typeof e.next) {
				return e;
			}
			if (!isNaN(e.length)) {
				var o = -1,
					i = function next() {
						for (; ++o < e.length;) {
							if (n.call(e, o)) {
								return next.value = e[o], next.done = !1, next;
							}
						}
						return next.value = t, next.done = !0, next;
					};
				return i.next = i;
			}
		}
		throw new TypeError(_typeof(e) + " is not iterable");
	}
	return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
		value: GeneratorFunctionPrototype,
		configurable: !0
	}), o(GeneratorFunctionPrototype, "constructor", {
		value: GeneratorFunction,
		configurable: !0
	}), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
		var e = "function" == typeof t && t.constructor;
		return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
	}, e.mark = function (t) {
		return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
	}, e.awrap = function (t) {
		return {
			__await: t
		};
	}, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
		return this;
	}), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
		void 0 === i && (i = Promise);
		var a = new AsyncIterator(wrap(t, r, n, o), i);
		return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
			return t.done ? t.value : a.next();
		});
	}, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
		return this;
	}), define(g, "toString", function () {
		return "[object Generator]";
	}), e.keys = function (t) {
		var e = Object(t),
			r = [];
		for (var n in e) {
			r.push(n);
		}
		return r.reverse(), function next() {
			for (; r.length;) {
				var t = r.pop();
				if (t in e) {
					return next.value = t, next.done = !1, next;
				}
			}
			return next.done = !0, next;
		};
	}, e.values = values, Context.prototype = {
		constructor: Context,
		reset: function reset(e) {
			if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) {
				for (var r in this) {
					"t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
				}
			}
		},
		stop: function stop() {
			this.done = !0;
			var t = this.tryEntries[0].completion;
			if ("throw" === t.type) {
				throw t.arg;
			}
			return this.rval;
		},
		dispatchException: function dispatchException(e) {
			if (this.done) {
				throw e;
			}
			var r = this;
			function handle(n, o) {
				return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
			}
			for (var o = this.tryEntries.length - 1; o >= 0; --o) {
				var i = this.tryEntries[o],
					a = i.completion;
				if ("root" === i.tryLoc) {
					return handle("end");
				}
				if (i.tryLoc <= this.prev) {
					var c = n.call(i, "catchLoc"),
						u = n.call(i, "finallyLoc");
					if (c && u) {
						if (this.prev < i.catchLoc) {
							return handle(i.catchLoc, !0);
						}
						if (this.prev < i.finallyLoc) {
							return handle(i.finallyLoc);
						}
					} else if (c) {
						if (this.prev < i.catchLoc) {
							return handle(i.catchLoc, !0);
						}
					} else {
						if (!u) {
							throw Error("try statement without catch or finally");
						}
						if (this.prev < i.finallyLoc) {
							return handle(i.finallyLoc);
						}
					}
				}
			}
		},
		abrupt: function abrupt(t, e) {
			for (var r = this.tryEntries.length - 1; r >= 0; --r) {
				var o = this.tryEntries[r];
				if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
					var i = o;
					break;
				}
			}
			i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
			var a = i ? i.completion : {};
			return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
		},
		complete: function complete(t, e) {
			if ("throw" === t.type) {
				throw t.arg;
			}
			return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
		},
		finish: function finish(t) {
			for (var e = this.tryEntries.length - 1; e >= 0; --e) {
				var r = this.tryEntries[e];
				if (r.finallyLoc === t) {
					return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
				}
			}
		},
		"catch": function _catch(t) {
			for (var e = this.tryEntries.length - 1; e >= 0; --e) {
				var r = this.tryEntries[e];
				if (r.tryLoc === t) {
					var n = r.completion;
					if ("throw" === n.type) {
						var o = n.arg;
						resetTryEntry(r);
					}
					return o;
				}
			}
			throw Error("illegal catch attempt");
		},
		delegateYield: function delegateYield(e, r, n) {
			return this.delegate = {
				iterator: values(e),
				resultName: r,
				nextLoc: n
			}, "next" === this.method && (this.arg = t), y;
		}
	}, e;
}
function ownKeys(e, r) {
	var t = Object.keys(e);
	if (Object.getOwnPropertySymbols) {
		var o = Object.getOwnPropertySymbols(e);
		r && (o = o.filter(function (r) {
			return Object.getOwnPropertyDescriptor(e, r).enumerable;
		})), t.push.apply(t, o);
	}
	return t;
}
function _objectSpread(e) {
	for (var r = 1; r < arguments.length; r++) {
		var t = null != arguments[r] ? arguments[r] : {};
		r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
			_defineProperty(e, r, t[r]);
		}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
			Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
		});
	}
	return e;
}
function _defineProperty(e, r, t) {
	return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
		value: t,
		enumerable: !0,
		configurable: !0,
		writable: !0
	}) : e[r] = t, e;
}
function _toPropertyKey(t) {
	var i = _toPrimitive(t, "string");
	return "symbol" == _typeof(i) ? i : i + "";
}
function _toPrimitive(t, r) {
	if ("object" != _typeof(t) || !t) {
		return t;
	}
	var e = t[Symbol.toPrimitive];
	if (void 0 !== e) {
		var i = e.call(t, r || "default");
		if ("object" != _typeof(i)) {
			return i;
		}
		throw new TypeError("@@toPrimitive must return a primitive value.");
	}
	return ("string" === r ? String : Number)(t);
}
function asyncGeneratorStep(n, t, e, r, o, a, c) {
	try {
		var i = n[a](c),
			u = i.value;
	} catch (n) {
		return void e(n);
	}
	i.done ? t(u) : Promise.resolve(u).then(r, o);
}
function _asyncToGenerator(n) {
	return function () {
		var t = this,
			e = arguments;
		return new Promise(function (r, o) {
			var a = n.apply(t, e);
			function _next(n) {
				asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
			}
			function _throw(n) {
				asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
			}
			_next(void 0);
		});
	};
}
var sparkleCount = 500;
var cats = [];
var branches = [];
var notifications = [];
var room = null;
var localParticipant = null;
var sparkleInterval = null;
// Helper functions
var isoX = function isoX(x, y) {
	return (x - y) * 0.866;
};
var isoY = function isoY(x, y, z) {
	return (x + y) * 0.5 - z;
};
// DOM elements
var sparkleCountEl = document.createElement('div');
sparkleCountEl.className = 'sparkle-count';
sparkleCountEl.textContent = "Sparkles: ".concat(sparkleCount);
sparkleCountEl.style.position = 'fixed';
sparkleCountEl.style.top = '10px';
sparkleCountEl.style.left = '10px';
sparkleCountEl.style.padding = '10px';
sparkleCountEl.style.background = 'rgba(0,0,0,0.7)';
sparkleCountEl.style.color = 'gold';
sparkleCountEl.style.fontFamily = 'Arial, sans-serif';
sparkleCountEl.style.fontSize = '20px';
sparkleCountEl.style.borderRadius = '5px';
document.body.appendChild(sparkleCountEl);
// Connect to LiveKit room
function connectToRoom() {
	return _connectToRoom.apply(this, arguments);
} // Initialize game
function _connectToRoom() {
	_connectToRoom = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
		return _regeneratorRuntime().wrap(function _callee$(_context) {
			while (1) {
				switch (_context.prev = _context.next) {
					case 0:
						_context.prev = 1;
						room = new Room();
						_context.next = 7;
						return room.connect('wss://your-livekit-server.com', 'cosmic-cat-room');
					case 7:
						localParticipant = room.localParticipant;
						// Initialize game after connection
						initializeGame();
						// Setup room event listeners
						room.on('dataReceived', handleData);
						_context.next = 19;
						break;
					case 15:
						_context.prev = 15;
						_context.t0 = _context["catch"](1);
						console.error('connection failed:', _context.t0);
					case 19:
					case "end":
						return _context.stop();
				}
			}
		}, _callee, null, [[1, 15]]);
	}));
	return _connectToRoom.apply(this, arguments);
}
function initializeGame() {
	// Initialize branches
	branches = [{
		id: 0,
		level: 1,
		catCapacity: 1,
		upgradeCost: 100,
		position: {
			x: 0,
			y: -50,
			z: 80
		}
	}, {
		id: 1,
		level: 1,
		catCapacity: 1,
		upgradeCost: 100,
		position: {
			x: 50,
			y: 0,
			z: 80
		}
	}, {
		id: 2,
		level: 1,
		catCapacity: 1,
		upgradeCost: 100,
		position: {
			x: 0,
			y: 50,
			z: 80
		}
	}, {
		id: 3,
		level: 1,
		catCapacity: 1,
		upgradeCost: 100,
		position: {
			x: -50,
			y: 0,
			z: 80
		}
	}];
	// Initialize starter cat
	if (localParticipant) {
		cats = [{
			id: 'cat-1',
			level: 1,
			sparkleRate: 1,
			upgradeCost: 50,
			position: {
				x: 0,
				y: -70,
				z: 20
			},
			owner: localParticipant.identity
		}];
	}
	// Create UI buttons
	createButtons();
	// Start game loop
	requestAnimationFrame(gameLoop);
}
// Create game buttons
function createButtons() {
	var buyCatBtn = document.createElement('button');
	buyCatBtn.textContent = 'Buy Cat (50)';
	buyCatBtn.addEventListener('click', buyCat);
	document.body.appendChild(buyCatBtn);
	branches.forEach(function (branch) {
		var btn = document.createElement('button');
		btn.textContent = "Upgrade Branch ".concat(branch.id, " (").concat(branch.upgradeCost, ")");
		btn.addEventListener('click', function () {
			return upgradeBranch(branch.id);
		});
		document.body.appendChild(btn);
	});
}
// Game mechanics
function generateSparkles() {
	if (!localParticipant) {
		return;
	}
	var newSparkles = cats.map(function (cat) {
		if (cat.owner === localParticipant.identity) {
			return {
				id: "sparkle-".concat(Date.now(), "-").concat(Math.random().toString(36).substr(2, 9)),
				position: {
					x: cat.position.x + (Math.random() * 20 - 10),
					y: cat.position.y + (Math.random() * 20 - 10),
					z: cat.position.z
				},
				value: cat.level * cat.sparkleRate,
				owner: localParticipant.identity
			};
		}
		return null;
	}).filter(Boolean);
	sparkleCount += newSparkles.reduce(function (sum, s) {
		return sum + s.value;
	}, 0);
	updateUI();
	// Broadcast sparkle generation
	if (room) {
		room.sendData(JSON.stringify({
			type: 'sparkle_generated',
			data: newSparkles
		}));
	}
}
function buyCat() {
	if (sparkleCount < 50) {
		addNotification('Not enough sparkles! Need 50');
		return;
	}
	sparkleCount -= 50;
	var newCat = {
		id: "cat-".concat(Date.now()),
		level: 1,
		sparkleRate: 1,
		upgradeCost: 50,
		position: {
			x: 0,
			y: 0,
			z: 0
		},
		owner: localParticipant.identity
	};
	cats.push(newCat);
	updateUI();
	// Broadcast new cat
	if (room) {
		room.sendData(JSON.stringify({
			type: 'cat_purchased',
			data: newCat
		}));
	}
}
function upgradeBranch(branchId) {
	var branch = branches.find(function (b) {
		return b.id === branchId;
	});
	if (!branch) {
		return;
	}
	if (sparkleCount < branch.upgradeCost) {
		addNotification("Not enough sparkles! Need ".concat(branch.upgradeCost));
		return;
	}
	sparkleCount -= branch.upgradeCost;
	branches = branches.map(function (b) {
		if (b.id === branchId) {
			return _objectSpread(_objectSpread({}, b), {}, {
				level: b.level + 1,
				catCapacity: b.catCapacity + 1,
				upgradeCost: Math.floor(b.upgradeCost * 1.5)
			});
		}
		return b;
	});
	updateUI();
	// Broadcast branch upgrade
	if (room) {
		room.sendData(JSON.stringify({
			type: 'branch_upgraded',
			data: {
				branchId: branchId
			}
		}));
	}
}
function addNotification(message) {
	var newNotification = {
		id: Date.now(),
		message: message
	};
	notifications.push(newNotification);
	showNotification(message);
	// Auto-remove notification
	setTimeout(function () {
		notifications = notifications.filter(function (n) {
			return n.id !== newNotification.id;
		});
	}, 3000);
}
function showNotification(message) {
	var notificationEl = document.createElement('div');
	notificationEl.className = 'notification';
	notificationEl.textContent = message;
	notificationEl.style.position = 'fixed';
	notificationEl.style.bottom = '20px';
	notificationEl.style.left = '50%';
	notificationEl.style.transform = 'translateX(-50%)';
	notificationEl.style.padding = '10px 20px';
	notificationEl.style.background = 'rgba(255,0,0,0.7)';
	notificationEl.style.color = 'white';
	notificationEl.style.fontFamily = 'Arial, sans-serif';
	notificationEl.style.borderRadius = '5px';
	notificationEl.style.zIndex = '1000';
	notificationEl.style.opacity = '0';
	notificationEl.style.transition = 'opacity 0.3s';
	document.body.appendChild(notificationEl);
	// Fade in animation
	setTimeout(function () {
		notificationEl.style.opacity = '1';
	}, 10);
	// Fade out and remove after delay
	setTimeout(function () {
		notificationEl.style.opacity = '0';
		setTimeout(function () {
			notificationEl.remove();
		}, 300);
	}, 2700);
}
function updateUI() {
	sparkleCountEl.textContent = "Sparkles: ".concat(sparkleCount);
}
function handleData(data, participant) {
	try {
		if (!data || typeof data !== 'string') {
			console.warn('Invalid message format');
			return;
		}
		var message = JSON.parse(data);
		if (!message || !message.type || !message.data) {
			console.warn('Invalid message structure');
			return;
		}
		switch (message.type) {
			case 'sparkle_generated':
				if (Array.isArray(message.data)) {
					sparkleCount += message.data.reduce(function (sum, s) {
						return sum + (s && s.value ? s.value : 0);
					}, 0);
				}
				break;
			case 'cat_purchased':
				if (message.data && message.data.id && message.data.owner) {
					cats.push(message.data);
				}
				break;
			case 'branch_upgraded':
				if (message.data && typeof message.data.branchId === 'number') {
					branches = branches.map(function (b) {
						if (b.id === message.data.branchId) {
							return _objectSpread(_objectSpread({}, b), {}, {
								level: b.level + 1,
								catCapacity: b.catCapacity + 1,
								upgradeCost: Math.floor(b.upgradeCost * 1.5)
							});
						}
						return b;
					});
				}
				break;
			default:
				console.warn('Unknown message type:', message.type);
		}
		updateUI();
	} catch (e) {
		console.error('Error handling message:', e);
	}
}
// Game loop
var lastTime = 0;
function gameLoop(timestamp) {
	var deltaTime = timestamp - lastTime;
	lastTime = timestamp;
	// Generate sparkles every 3 seconds
	if (deltaTime >= 3000) {
		generateSparkles();
		lastTime = timestamp;
	}
	requestAnimationFrame(gameLoop);
}
// Cleanup
function cleanup() {
	if (room) {
		room.disconnect();
	}
}
// Start the game
connectToRoom();
// Cleanup on page unload
window.addEventListener('beforeunload', cleanup);

===================================================================
--- original.js
+++ change.js
@@ -1,10 +1,5 @@
 /**** 
-* Plugins
-****/ 
-var tween = LK.import("@upit/tween.v1");
-
-/**** 
 * Initialize Game
 ****/ 
 var game = new LK.Game({
 	backgroundColor: 0x000000
@@ -465,20 +460,21 @@
 var isoY = function isoY(x, y, z) {
 	return (x + y) * 0.5 - z;
 };
 // DOM elements
-if (typeof document !== 'undefined') {
-	var sparkleCountEl = document.createElement('div');
-}
-if (sparkleCountEl) {
-	sparkleCountEl.className = 'sparkle-count';
-}
-if (sparkleCountEl) {
-	sparkleCountEl.textContent = "Sparkles: ".concat(sparkleCount);
-}
-if (typeof document !== 'undefined' && document.body) {
-	document.body.appendChild(sparkleCountEl);
-}
+var sparkleCountEl = document.createElement('div');
+sparkleCountEl.className = 'sparkle-count';
+sparkleCountEl.textContent = "Sparkles: ".concat(sparkleCount);
+sparkleCountEl.style.position = 'fixed';
+sparkleCountEl.style.top = '10px';
+sparkleCountEl.style.left = '10px';
+sparkleCountEl.style.padding = '10px';
+sparkleCountEl.style.background = 'rgba(0,0,0,0.7)';
+sparkleCountEl.style.color = 'gold';
+sparkleCountEl.style.fontFamily = 'Arial, sans-serif';
+sparkleCountEl.style.fontSize = '20px';
+sparkleCountEl.style.borderRadius = '5px';
+document.body.appendChild(sparkleCountEl);
 // Connect to LiveKit room
 function connectToRoom() {
 	return _connectToRoom.apply(this, arguments);
 } // Initialize game
@@ -570,12 +566,12 @@
 			},
 			owner: localParticipant.identity
 		}];
 	}
-	// Start sparkle generation
-	sparkleInterval = setInterval(generateSparkles, 3000);
 	// Create UI buttons
 	createButtons();
+	// Start game loop
+	requestAnimationFrame(gameLoop);
 }
 // Create game buttons
 function createButtons() {
 	var buyCatBtn = document.createElement('button');
@@ -701,51 +697,96 @@
 function showNotification(message) {
 	var notificationEl = document.createElement('div');
 	notificationEl.className = 'notification';
 	notificationEl.textContent = message;
+	notificationEl.style.position = 'fixed';
+	notificationEl.style.bottom = '20px';
+	notificationEl.style.left = '50%';
+	notificationEl.style.transform = 'translateX(-50%)';
+	notificationEl.style.padding = '10px 20px';
+	notificationEl.style.background = 'rgba(255,0,0,0.7)';
+	notificationEl.style.color = 'white';
+	notificationEl.style.fontFamily = 'Arial, sans-serif';
+	notificationEl.style.borderRadius = '5px';
+	notificationEl.style.zIndex = '1000';
+	notificationEl.style.opacity = '0';
+	notificationEl.style.transition = 'opacity 0.3s';
 	document.body.appendChild(notificationEl);
+	// Fade in animation
 	setTimeout(function () {
-		notificationEl.remove();
-	}, 3000);
+		notificationEl.style.opacity = '1';
+	}, 10);
+	// Fade out and remove after delay
+	setTimeout(function () {
+		notificationEl.style.opacity = '0';
+		setTimeout(function () {
+			notificationEl.remove();
+		}, 300);
+	}, 2700);
 }
 function updateUI() {
 	sparkleCountEl.textContent = "Sparkles: ".concat(sparkleCount);
 }
 function handleData(data, participant) {
 	try {
+		if (!data || typeof data !== 'string') {
+			console.warn('Invalid message format');
+			return;
+		}
 		var message = JSON.parse(data);
+		if (!message || !message.type || !message.data) {
+			console.warn('Invalid message structure');
+			return;
+		}
 		switch (message.type) {
 			case 'sparkle_generated':
-				sparkleCount += message.data.reduce(function (sum, s) {
-					return sum + s.value;
-				}, 0);
+				if (Array.isArray(message.data)) {
+					sparkleCount += message.data.reduce(function (sum, s) {
+						return sum + (s && s.value ? s.value : 0);
+					}, 0);
+				}
 				break;
 			case 'cat_purchased':
-				cats.push(message.data);
+				if (message.data && message.data.id && message.data.owner) {
+					cats.push(message.data);
+				}
 				break;
 			case 'branch_upgraded':
-				branches = branches.map(function (b) {
-					if (b.id === message.data.branchId) {
-						return _objectSpread(_objectSpread({}, b), {}, {
-							level: b.level + 1,
-							catCapacity: b.catCapacity + 1,
-							upgradeCost: Math.floor(b.upgradeCost * 1.5)
-						});
-					}
-					return b;
-				});
+				if (message.data && typeof message.data.branchId === 'number') {
+					branches = branches.map(function (b) {
+						if (b.id === message.data.branchId) {
+							return _objectSpread(_objectSpread({}, b), {}, {
+								level: b.level + 1,
+								catCapacity: b.catCapacity + 1,
+								upgradeCost: Math.floor(b.upgradeCost * 1.5)
+							});
+						}
+						return b;
+					});
+				}
 				break;
+			default:
+				console.warn('Unknown message type:', message.type);
 		}
 		updateUI();
 	} catch (e) {
-		console.error('Error parsing message:', e);
+		console.error('Error handling message:', e);
 	}
 }
+// Game loop
+var lastTime = 0;
+function gameLoop(timestamp) {
+	var deltaTime = timestamp - lastTime;
+	lastTime = timestamp;
+	// Generate sparkles every 3 seconds
+	if (deltaTime >= 3000) {
+		generateSparkles();
+		lastTime = timestamp;
+	}
+	requestAnimationFrame(gameLoop);
+}
 // Cleanup
 function cleanup() {
-	if (sparkleInterval) {
-		clearInterval(sparkleInterval);
-	}
 	if (room) {
 		room.disconnect();
 	}
 }