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

/**** 
* Classes
****/ 
var HerbPopup = Container.expand(function () {
	var self = Container.call(this);
	// Semi-transparent background overlay
	var overlay = self.attachAsset('background', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732,
		alpha: 0.8,
		tint: 0x000000
	});
	// Main popup window - larger and centered
	var popupWindow = self.attachAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		width: 1600,
		height: 1000,
		tint: 0x8B4513
	});
	// Close button (X) - larger
	var closeButton = self.attachAsset('craftButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1700,
		y: 950,
		width: 120,
		height: 120,
		tint: 0xFF0000
	});
	var closeButtonText = new Text2('X', {
		size: 80,
		fill: 0xFFFFFF
	});
	closeButtonText.anchor.set(0.5, 0.5);
	closeButtonText.x = 1700;
	closeButtonText.y = 950;
	self.addChild(closeButtonText);
	// Herb name title - much larger
	var nameText = new Text2('', {
		size: 72,
		fill: 0xFFFFFF
	});
	nameText.anchor.set(0.5, 0.5);
	nameText.x = 1024;
	nameText.y = 1050;
	self.addChild(nameText);
	// Type text (Plant/Fungus)
	var typeText = new Text2('', {
		size: 48,
		fill: 0xFFD700
	});
	typeText.anchor.set(0.5, 0.5);
	typeText.x = 1024;
	typeText.y = 1150;
	self.addChild(typeText);
	// Element text - larger
	var elementText = new Text2('', {
		size: 52,
		fill: 0xFFFFFF
	});
	elementText.anchor.set(0.5, 0.5);
	elementText.x = 1024;
	elementText.y = 1250;
	self.addChild(elementText);
	// Description text - much larger and wrapped
	var descriptionText = new Text2('', {
		size: 40,
		fill: 0xFFFFFF
	});
	descriptionText.anchor.set(0.5, 0.5);
	descriptionText.x = 1024;
	descriptionText.y = 1500;
	self.addChild(descriptionText);
	self.isVisible = false;
	self.showPopup = function (herbName, x, y) {
		var herbData = HERB_DATA[herbName];
		if (!herbData) return;
		nameText.setText(herbName);
		typeText.setText(herbData.type);
		elementText.setText('Element: ' + herbData.alignment);
		// Wrap long descriptions
		var wrappedDesc = wrapTextByWords(herbData.description, 50);
		descriptionText.setText(wrappedDesc);
		// Color the element text based on alignment
		var color = colorForAlignment(herbData.alignment);
		elementText.tint = color;
		self.visible = true;
		self.isVisible = true;
	};
	self.hidePopup = function () {
		self.visible = false;
		self.isVisible = false;
	};
	// Close button handler
	closeButton.down = function (x, y, obj) {
		self.hidePopup();
	};
	// Overlay click to close
	overlay.down = function (x, y, obj) {
		self.hidePopup();
	};
	// Start hidden
	self.visible = false;
	return self;
});
// Shop button event handler removed per requirements
// === Herbalist's Journal ===
var JournalPopup = Container.expand(function () {
	var self = Container.call(this);
	// Semi-transparent background overlay
	var overlay = self.attachAsset('background', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732,
		alpha: 0.8,
		tint: 0x000000
	});
	// Main journal window - large scrollable area
	var journalWindow = self.attachAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		width: 1600,
		height: 1200,
		tint: 0x2d2a26
	});
	// Close button (X)
	var closeButton = self.attachAsset('craftButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1700,
		y: 850,
		width: 120,
		height: 120,
		tint: 0xFF0000
	});
	var closeButtonText = new Text2('X', {
		size: 80,
		fill: 0xFFFFFF
	});
	closeButtonText.anchor.set(0.5, 0.5);
	closeButtonText.x = 1700;
	closeButtonText.y = 850;
	self.addChild(closeButtonText);
	// Journal title
	var titleText = new Text2('Herbalist\'s Journal', {
		size: 60,
		fill: 0xf0d98c
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 900;
	self.addChild(titleText);
	// Herbs section title
	var herbsTitle = new Text2('Herbs', {
		size: 48,
		fill: 0xf0d98c
	});
	herbsTitle.anchor.set(0.5, 0.5);
	herbsTitle.x = 1024;
	herbsTitle.y = 1000;
	self.addChild(herbsTitle);
	// Sample herb entries
	var herbEntries = ['Sommeral (Fire) – Bright red flower said to hold the warmth of the summer sun.', 'River Leek (Water) – Pale bulb that thrives in wetlands, known for its cooling properties.', 'Common Snupe (Earth) – Sturdy herb with a stony texture, grounding and steadying.', 'Fuzzy Peeper (Wind) – Delicate petals that scatter on the breeze, light and fleeting.', 'Brindleroot (Fire) – Gnarled root that smolders faintly when cut.', 'Frogwick (Water) – Slimy stalk found near ponds, known for easing fevers.', 'Devil\'s Lantern (Fire) – A glowing fungus that burns hot when brewed.'];
	var herbsText = new Text2(herbEntries.join('\n'), {
		size: 32,
		fill: 0xFFFFFF
	});
	herbsText.anchor.set(0.5, 0.5);
	herbsText.x = 1024;
	herbsText.y = 1200;
	self.addChild(herbsText);
	// Illnesses section title
	var illnessTitle = new Text2('Illnesses', {
		size: 48,
		fill: 0xf0d98c
	});
	illnessTitle.anchor.set(0.5, 0.5);
	illnessTitle.x = 1024;
	illnessTitle.y = 1400;
	self.addChild(illnessTitle);
	// Feverish Glow illness entry
	var feverishGlowTitle = new Text2('Feverish Glow', {
		size: 40,
		fill: 0xFFFFFF
	});
	feverishGlowTitle.anchor.set(0.5, 0.5);
	feverishGlowTitle.x = 1024;
	feverishGlowTitle.y = 1480;
	self.addChild(feverishGlowTitle);
	var feverishGlowDesc = new Text2('"A heat that rises from the soles like creeping ivy, leaving the brow slick and the mind hazy."', {
		size: 30,
		fill: 0xCCCCCC
	});
	feverishGlowDesc.anchor.set(0.5, 0.5);
	feverishGlowDesc.x = 1024;
	feverishGlowDesc.y = 1530;
	self.addChild(feverishGlowDesc);
	var feverishGlowCauses = new Text2('Causes: Overexertion, getting caught in the rain, too many fire herbs.', {
		size: 28,
		fill: 0xFFFFFF
	});
	feverishGlowCauses.anchor.set(0.5, 0.5);
	feverishGlowCauses.x = 1024;
	feverishGlowCauses.y = 1580;
	self.addChild(feverishGlowCauses);
	var feverishGlowSymptoms = new Text2('Symptoms: "I\'ve been working late into the night, and now I can\'t stop sweating."\n"Is it hot in here?" "Have you ever had a Devil\'s Lantern? They\'re delicious!"', {
		size: 26,
		fill: 0xFFFFFF
	});
	feverishGlowSymptoms.anchor.set(0.5, 0.5);
	feverishGlowSymptoms.x = 1024;
	feverishGlowSymptoms.y = 1650;
	self.addChild(feverishGlowSymptoms);
	var feverishGlowCure = new Text2('Cure: Brew Water-aligned tea with River Leek or Frogwick.', {
		size: 28,
		fill: 0x7ecfff
	});
	feverishGlowCure.anchor.set(0.5, 0.5);
	feverishGlowCure.x = 1024;
	feverishGlowCure.y = 1720;
	self.addChild(feverishGlowCure);
	self.isVisible = false;
	self.showJournal = function () {
		self.visible = true;
		self.isVisible = true;
	};
	self.hideJournal = function () {
		self.visible = false;
		self.isVisible = false;
	};
	// Close button handler
	closeButton.down = function (x, y, obj) {
		self.hideJournal();
	};
	// Overlay click to close
	overlay.down = function (x, y, obj) {
		self.hideJournal();
	};
	// Start hidden
	self.visible = false;
	return self;
});
// Create journal popup
var Patient = Container.expand(function () {
	var self = Container.call(this);
	var patientBody = self.attachAsset('patient', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// symptomGlow moved to main game - reference will be set externally
	self.symptomGlow = null;
	self.symptomType = '';
	self.requiredBase = '';
	self.requiredElement = '';
	self.requiredHerb = '';
	self.goldReward = 0;
	self.setSymptom = function (type) {
		self.symptomType = type;
		var illness = ILLNESS_DATA[type];
		if (illness) {
			if (self.symptomGlow) self.symptomGlow.tint = illness.symptom_color;
			self.requiredBase = illness.cure.preferred_base;
			self.requiredElement = illness.cure.required_element;
			self.requiredHerbs = illness.cure.preferred_herbs;
			self.goldReward = illness.gold_reward;
			self.illnessName = illness.name;
			self.description = illness.description;
		}
	};
	self.reactToPotion = function (base, element, herb) {
		var correctCount = 0;
		var herbElement = '';
		// Get herb element from HERB_DATA
		if (HERB_DATA[herb]) {
			herbElement = HERB_DATA[herb].alignment.toLowerCase();
		}
		// Check if base matches
		if (base === self.requiredBase) correctCount++;
		// Check if element matches (either direct element or herb element)
		if (element === self.requiredElement || herbElement === self.requiredElement) {
			correctCount++;
		}
		// Check if herb is one of the preferred herbs
		if (self.requiredHerbs && self.requiredHerbs.indexOf(herb) !== -1) {
			correctCount++;
		}
		if (correctCount === 3) {
			tween(patientBody, {
				tint: 0x90EE90
			}, {
				duration: 1000
			});
			LK.getSound('success').play();
			return self.goldReward;
		} else if (correctCount >= 1) {
			tween(patientBody, {
				tint: 0xFFFF99
			}, {
				duration: 1000
			});
			return Math.floor(self.goldReward * 0.5);
		} else {
			tween(patientBody, {
				tint: 0xFF6666
			}, {
				duration: 1000
			});
			LK.getSound('failure').play();
			return -20;
		}
	};
	return self;
});
var PopupMenu = Container.expand(function () {
	var self = Container.call(this);
	// Semi-transparent background overlay
	var overlay = self.attachAsset('background', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0,
		width: 2048,
		height: 2732,
		alpha: 0.7,
		tint: 0x000000
	});
	// Main popup window
	var popupWindow = self.attachAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		width: 1400,
		height: 1000,
		tint: 0x8B4513
	});
	// Close button (X)
	var closeButton = self.attachAsset('craftButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1600,
		y: 600,
		width: 80,
		height: 80,
		tint: 0xFF0000
	});
	var closeButtonText = new Text2('X', {
		size: 40,
		fill: 0xFFFFFF
	});
	closeButtonText.anchor.set(0.5, 0.5);
	closeButtonText.x = 1600;
	closeButtonText.y = 600;
	self.addChild(closeButtonText);
	// Title text
	var titleText = new Text2('', {
		size: 50,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.x = 1024;
	titleText.y = 700;
	self.addChild(titleText);
	self.menuItems = [];
	self.isVisible = false;
	self.showMenu = function (title, items, itemColors) {
		titleText.setText(title);
		self.visible = true;
		self.isVisible = true;
		// Clear existing menu items
		for (var i = 0; i < self.menuItems.length; i++) {
			game.removeChild(self.menuItems[i]);
		}
		self.menuItems = [];
		// Create proper button-style menu items - centered layout
		var itemsPerRow = 3;
		var buttonWidth = 300;
		var buttonHeight = 100;
		var buttonSpacing = 50;
		var totalRowWidth = itemsPerRow * buttonWidth + (itemsPerRow - 1) * buttonSpacing;
		var startX = 1024 - totalRowWidth / 2 + buttonWidth / 2; // Center within screen
		var startY = 950;
		var rowSpacing = 130;
		for (var i = 0; i < items.length; i++) {
			var row = Math.floor(i / itemsPerRow);
			var col = i % itemsPerRow;
			var x = startX + col * (buttonWidth + buttonSpacing);
			var y = startY + row * rowSpacing;
			// Create button-style container
			var menuItem = new Container();
			menuItem.x = x;
			menuItem.y = y;
			game.addChild(menuItem);
			// Create button background
			var buttonBg = menuItem.attachAsset('craftButton', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 0,
				y: 0,
				width: buttonWidth,
				height: buttonHeight,
				tint: itemColors[i] || 0x8B4513
			});
			// Create centered button text
			var buttonText = new Text2(items[i], {
				size: 28,
				fill: 0xFFFFFF
			});
			buttonText.anchor.set(0.5, 0.5);
			buttonText.x = 0;
			buttonText.y = 0;
			menuItem.addChild(buttonText);
			menuItem.name = items[i];
			menuItem.draggable = true;
			menuItem.type = 'ingredient';
			menuItem.isDragging = false;
			menuItem.originalX = x;
			menuItem.originalY = y;
			menuItem.isMenuPurchase = true;
			menuItem.cost = 50; // Cost to purchase from menu
			self.menuItems.push(menuItem);
		}
	};
	self.hideMenu = function () {
		self.visible = false;
		self.isVisible = false;
		// Remove menu items
		for (var i = 0; i < self.menuItems.length; i++) {
			game.removeChild(self.menuItems[i]);
		}
		self.menuItems = [];
	};
	self.showDetails = function (itemName) {
		if (HERB_DATA[itemName]) {
			herbPopup.showPopup(itemName, 0, 0);
		}
	};
	// Close button handler
	closeButton.down = function (x, y, obj) {
		self.hideMenu();
	};
	// Overlay click to close
	overlay.down = function (x, y, obj) {
		self.hideMenu();
	};
	// Start hidden
	self.visible = false;
	return self;
});
var PotionBottle = Container.expand(function () {
	var self = Container.call(this);
	var bottle = self.attachAsset('potionBottle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setColor = function (base, element, herb) {
		var color = 0x87CEEB;
		if (element === 'fire') color = 0xFF6B6B;else if (element === 'water') color = 0x6BB6FF;else if (element === 'earth') color = 0x8B4513;else if (element === 'wind') color = 0xE6E6FA;
		bottle.tint = color;
		tween(bottle, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 200,
			onFinish: function onFinish() {
				tween(bottle, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 200
				});
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
var gameBackground = game.attachAsset('background', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
});
// === Tap vs Drag state ===
var downItemCandidate = null;
var downStartX = 0,
	downStartY = 0;
var DRAG_THRESHOLD = 22; // px movement to start dragging
// helper: rectangular hit test
function hitRect(x, y, cx, cy, halfW, halfH) {
	return Math.abs(x - cx) <= halfW && Math.abs(y - cy) <= halfH;
}
function createDragGhostFromMenu(name, color, cost, startX, startY) {
	var ghost = new Container();
	ghost.x = startX;
	ghost.y = startY;
	game.addChild(ghost);
	var bg = ghost.attachAsset('craftButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0,
		tint: color,
		width: 220,
		height: 100
	});
	var txt = new Text2(name, {
		size: 44,
		fill: 0xFFFFFF
	});
	txt.anchor.set(0.5, 0.5);
	txt.x = 0;
	txt.y = 0;
	ghost.addChild(txt);
	ghost.name = name;
	ghost.isDragging = true;
	ghost.isMenuPurchase = true;
	ghost.cost = cost;
	ghost.dragOffsetX = 0;
	ghost.dragOffsetY = 0;
	// subtle pop so it feels grabbed
	tween(ghost, {
		scaleX: 1.08,
		scaleY: 1.08
	}, {
		duration: 120
	});
	return ghost;
}
var goldAmount = 500;
var currentScore = 0;
var currentPatient = null;
var isProcessingTreatment = false;
// Menu buttons are already implemented at the top of the screen:
// - Instructions button (blue) at x=400, y=100
// - New Game button (red) at x=1024, y=100  
// - Shop button (green) at x=1648, y=100
// All buttons have proper styling, text labels, and event handlers
// HUD / TOP BAR LAYER
var goldText = new Text2('Gold: ' + goldAmount, {
	size: 60,
	fill: 0xFFD700
});
goldText.anchor.set(0, 0);
goldText.x = 120;
goldText.y = 50;
LK.gui.topLeft.addChild(goldText);
var scoreText = new Text2('Score: ' + currentScore, {
	size: 60,
	fill: 0xFFFFFF
});
scoreText.anchor.set(1, 0);
LK.gui.topRight.addChild(scoreText);
var patientStatusText = new Text2('Welcome! A patient awaits...', {
	size: 50,
	fill: 0xFFFFFF
});
patientStatusText.anchor.set(0.5, 1);
LK.gui.bottom.addChild(patientStatusText);
// CENTER LAYER - Patient + Cauldron + Dialogue
var patient = game.addChild(new Patient());
patient.x = 1024;
patient.y = 500;
// Create symptom indicator positioned near patient
var symptomIndicator = game.attachAsset('symptomIndicator', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 200,
	y: 500
});
// Link symptom indicator to patient
patient.symptomGlow = symptomIndicator;
// Potion Bottle positioned near cauldron
var potionBottle = game.addChild(new PotionBottle());
potionBottle.x = 1024;
potionBottle.y = 950;
potionBottle.visible = false; // Start hidden
// BOTTOM LAYER - Ingredient Buttons + Craft Button
// Craft Button positioned at the bottom of the screen
var craftButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 2500,
	width: 300,
	height: 80
});
var craftButtonText = new Text2('CRAFT POTION', {
	size: 32,
	fill: 0xFFFFFF
});
craftButtonText.anchor.set(0.5, 0.5);
craftButtonText.x = 1024;
craftButtonText.y = 2500;
game.addChild(craftButtonText);
// Wheel labels and selection display removed
// Illness definitions with element imbalances and cure rules
var ILLNESS_DATA = {
	"feverish_glow": {
		id: "feverish_glow",
		name: "Feverish Glow",
		description: "A heat that rises from the soles of the feet, causing restlessness and sweating.",
		symptoms: ["I've been working late into the night, and now I can't stop sweating.", "Is it hot in here? I feel like I'm burning up from the inside.", "My feet feel like they're on fire, especially at night."],
		element_imbalance: "fire",
		cure: {
			required_element: "water",
			preferred_base: "infusion",
			preferred_herbs: ["Geneva's Dewdrop", "Frogwick", "River Leek"]
		},
		symptom_color: 0xFF4444,
		gold_reward: 100
	},
	"chilling_mist": {
		id: "chilling_mist",
		name: "Chilling Mist",
		description: "A cold dampness that settles in the bones, causing lethargy and pale complexion.",
		symptoms: ["I can't seem to get warm, no matter how many blankets I use.", "My hands are always cold and I feel so tired.", "There's this damp feeling in my chest that won't go away."],
		element_imbalance: "water",
		cure: {
			required_element: "fire",
			preferred_base: "broth",
			preferred_herbs: ["Sommeral", "Brindleroot", "Kitty Mitten"]
		},
		symptom_color: 0x4444FF,
		gold_reward: 120
	},
	"stone_sickness": {
		id: "stone_sickness",
		name: "Stone Sickness",
		description: "A heavy feeling that weighs down the spirit, causing sluggishness and dark moods.",
		symptoms: ["Everything feels so heavy, even getting out of bed is difficult.", "I feel like there's a stone in my stomach.", "My thoughts are cloudy and I can't concentrate."],
		element_imbalance: "earth",
		cure: {
			required_element: "wind",
			preferred_base: "tonic",
			preferred_herbs: ["Demeter's Arrow", "Pipeweed", "Fuzzy Peeper"]
		},
		symptom_color: 0x44FF44,
		gold_reward: 150
	},
	"scattered_winds": {
		id: "scattered_winds",
		name: "Scattered Winds",
		description: "A restless energy that prevents focus, causing anxiety and racing thoughts.",
		symptoms: ["My mind won't stop racing, I can't focus on anything.", "I feel like I'm being pulled in all directions at once.", "Even sitting still makes me feel anxious and fidgety."],
		element_imbalance: "wind",
		cure: {
			required_element: "earth",
			preferred_base: "broth",
			preferred_herbs: ["Common Snupe", "Sheep Bane", "Agarium"]
		},
		symptom_color: 0xFFFF44,
		gold_reward: 130
	}
};
var symptoms = Object.keys(ILLNESS_DATA);
var patientTimer = 0;
var treatmentTimer = 0;
function spawnNewPatient() {
	if (currentPatient) return;
	var randomSymptom = symptoms[Math.floor(Math.random() * symptoms.length)];
	patient.setSymptom(randomSymptom);
	currentPatient = randomSymptom;
	var illness = ILLNESS_DATA[randomSymptom];
	if (illness) {
		var randomSymptomText = illness.symptoms[Math.floor(Math.random() * illness.symptoms.length)];
		patientStatusText.setText(illness.name + ': "' + randomSymptomText + '"');
	} else {
		patientStatusText.setText('A new patient has arrived!');
	}
	tween(patient, {
		scaleX: 1.1,
		scaleY: 1.1
	}, {
		duration: 500,
		onFinish: function onFinish() {
			tween(patient, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 500
			});
		}
	});
}
// updateSelectionDisplay function removed
function craftPotion() {
	if (!currentPatient || isProcessingTreatment || cauldron.ingredients.length !== 3) return;
	isProcessingTreatment = true;
	var base = cauldron.ingredients[0];
	var element = cauldron.ingredients[1];
	var herb = cauldron.ingredients[2];
	var goldEarned = patient.reactToPotion(base, element, herb);
	goldAmount += goldEarned;
	currentScore += Math.max(0, goldEarned);
	// Update UI and reset cauldron
	goldText.setText('Gold: ' + goldAmount);
	scoreText.setText('Score: ' + currentScore);
	cauldron.ingredients = [];
	updateCauldronDisplay();
	if (goldEarned > 0) {
		if (goldEarned >= 100) {
			patientStatusText.setText('Perfect cure! +' + goldEarned + ' gold');
		} else {
			patientStatusText.setText('Partial success! +' + goldEarned + ' gold');
		}
	} else {
		patientStatusText.setText('Treatment failed! ' + goldEarned + ' gold');
	}
	treatmentTimer = LK.ticks + 120; // 2 seconds
}
craftButton.down = function (x, y, obj) {
	craftPotion();
};
var heldItem = null;
var dragGhost = null;
game.down = function (x, y, obj) {
	// If popup visible, prefer its items
	if (popupMenu.isVisible) {
		downItemCandidate = null;
		for (var i = popupMenu.menuItems.length - 1; i >= 0; i--) {
			var it = popupMenu.menuItems[i];
			// rectangular hit for reliability
			var hw = (it.hitW || 120) / 2;
			var hh = (it.hitH || 120) / 2;
			if (hitRect(x, y, it.x, it.y, hw, hh)) {
				downItemCandidate = it;
				break;
			}
		}
		downStartX = x;
		downStartY = y;
		return; // wait to see if this becomes a tap or a drag
	}
	// Regular inventory items (unchanged)
	for (var i = inventoryItems.length - 1; i >= 0; i--) {
		var item = inventoryItems[i];
		var dx = x - item.x,
			dy = y - item.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		if (distance < 50) {
			heldItem = item;
			item.isDragging = true;
			item.dragOffsetX = x - item.x;
			item.dragOffsetY = y - item.y;
			break;
		}
	}
};
game.move = function (x, y, obj) {
	// If we have a candidate from popup and movement crosses threshold, start drag with a visible ghost
	if (downItemCandidate && !heldItem) {
		var moved = Math.sqrt((x - downStartX) * (x - downStartX) + (y - downStartY) * (y - downStartY));
		if (moved > DRAG_THRESHOLD) {
			// check funds before allowing drag
			if (goldAmount >= downItemCandidate.cost) {
				var tint = downItemCandidate.children[0] ? downItemCandidate.children[0].tint : 0x1565C0;
				heldItem = dragGhost = createDragGhostFromMenu(downItemCandidate.name, tint, downItemCandidate.cost, x, y);
				heldItem.dragOffsetX = 0;
				heldItem.dragOffsetY = 0;
			} else {
				patientStatusText.setText('Not enough gold! Need ' + downItemCandidate.cost + ' gold.');
				downItemCandidate = null;
			}
		}
	}
	// Move the active drag item (ghost or regular)
	if (heldItem && heldItem.isDragging) {
		heldItem.x = x - (heldItem.dragOffsetX || 0);
		heldItem.y = y - (heldItem.dragOffsetY || 0);
	}
};
function createDragGhost(item) {
	if (dragGhost) {
		game.removeChild(dragGhost);
	}
	dragGhost = new Container();
	dragGhost.x = item.x;
	dragGhost.y = item.y;
	game.addChild(dragGhost);
	// Ghost background with transparency
	var ghostBg = dragGhost.attachAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0,
		width: 150,
		height: 150,
		alpha: 0.7,
		tint: 0x444444
	});
	// Ghost text
	var ghostText = new Text2(item.name, {
		size: 28,
		fill: 0xFFFFFF
	});
	ghostText.anchor.set(0.5, 0.5);
	ghostText.x = 0;
	ghostText.y = 0;
	dragGhost.addChild(ghostText);
}
function removeDragGhost() {
	if (dragGhost) {
		game.removeChild(dragGhost);
		dragGhost = null;
	}
}
game.up = function (x, y, obj) {
	// TAP on popup item -> show details (no drag started)
	if (downItemCandidate && !heldItem) {
		if (HERB_DATA[downItemCandidate.name]) {
			herbPopup.showPopup(downItemCandidate.name, x, y);
		}
		downItemCandidate = null;
		return;
	}
	downItemCandidate = null;
	// DROP logic (ghost from menu or regular inventory)
	if (heldItem) {
		heldItem.isDragging = false;
		// Calculate distance to cauldron
		var dx = heldItem.x - cauldron.x;
		var dy = heldItem.y - cauldron.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		// Menu purchase ghost dropped on cauldron
		if (heldItem.isMenuPurchase) {
			if (distance < 200 && cauldron.ingredients.length < 3) {
				goldAmount -= heldItem.cost;
				goldText.setText('Gold: ' + goldAmount);
				cauldron.ingredients.push(heldItem.name);
				updateCauldronDisplay();
				tween(cauldron, {
					tint: 0x44FF44
				}, {
					duration: 200,
					onFinish: function onFinish() {
						tween(cauldron, {
							tint: 0xFFFFFF
						}, {
							duration: 200
						});
					}
				});
				// remove ghost, keep popup open for multiple adds
				game.removeChild(heldItem);
			} else {
				// Not dropped in valid area -> cancel purchase, remove ghost
				game.removeChild(heldItem);
			}
			heldItem = null;
			dragGhost = null;
			return;
		}
		// Regular inventory item drop (unchanged)
		if (distance < 200 && cauldron.ingredients.length < 3) {
			cauldron.ingredients.push(heldItem.name);
			updateCauldronDisplay();
			tween(cauldron, {
				tint: 0x44FF44
			}, {
				duration: 200,
				onFinish: function onFinish() {
					tween(cauldron, {
						tint: 0xFFFFFF
					}, {
						duration: 200
					});
				}
			});
			var itemIndex = inventoryItems.indexOf(heldItem);
			if (itemIndex > -1) {
				game.removeChild(heldItem);
				inventoryItems.splice(itemIndex, 1);
			}
		} else {
			tween(cauldron, {
				tint: 0xFF4444
			}, {
				duration: 200,
				onFinish: function onFinish() {
					tween(cauldron, {
						tint: 0xFFFFFF
					}, {
						duration: 200
					});
				}
			});
			resetItem(heldItem);
		}
		heldItem = null;
	}
};
game.update = function () {
	patientTimer++;
	// Spawn new patient every 8 seconds if none exists
	if (!currentPatient && patientTimer % 480 === 0) {
		spawnNewPatient();
	}
	// Clear patient after treatment
	if (isProcessingTreatment && LK.ticks >= treatmentTimer) {
		isProcessingTreatment = false;
		currentPatient = null;
		patientStatusText.setText('Next patient incoming...');
		patientTimer = 0;
	}
	// Selection display update removed
	// Check for game over condition (bankruptcy)
	if (goldAmount < -100) {
		LK.showGameOver();
	}
	// Check for win condition (high score)
	if (currentScore >= 2000) {
		LK.showYouWin();
	}
};
// Create draggable inventory items
function createInventoryItem(name, x, y, color, isMenuItem) {
	var container = new Container();
	container.x = x;
	container.y = y;
	game.addChild(container);
	// Use big rounded rectangles for menu items; bottles for inventory
	var assetType = isMenuItem ? 'craftButton' : 'potionBottle';
	var item = container.attachAsset(assetType, {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: 0,
		tint: color
	});
	if (isMenuItem) {
		item.width = 220;
		item.height = 100;
	} else {
		// inventory representation can stay as-is
	}
	var label = new Text2(name, {
		size: isMenuItem ? 44 : 24,
		// bigger menu text
		fill: 0xFFFFFF
	});
	label.anchor.set(0.5, 0.5);
	label.x = 0;
	label.y = 0;
	container.addChild(label);
	// attach metadata (if this is a herb, we have more info)
	container.name = name;
	container.meta = HERB_DATA[name] || null;
	container.draggable = true;
	container.type = 'ingredient';
	container.isDragging = false;
	container.originalX = x;
	container.originalY = y;
	// for rectangular hit test
	container.hitW = isMenuItem ? item.width : 120;
	container.hitH = isMenuItem ? item.height : 120;
	return container;
}
// Inventory labels removed - ingredients now accessed through category buttons
var inventoryItems = [];
var baseItems = ['infusion', 'broth', 'tonic'];
var elementItems = ['fire', 'water', 'earth', 'wind'];
/**** 
* Herb Data & Helpers
****/ 
var HERB_DATA = {
	"Sheep Bane": {
		type: "Plant",
		alignment: "Earth",
		description: "A nourishing plant with small white flowers found in lush meadows with plenty of sunshine."
	},
	"Fuzzy Peeper": {
		type: "Plant",
		alignment: "Wind",
		description: "A pale puffball perched on a long stem; it turns gently to face any breeze, no matter how faint."
	},
	"Sommeral": {
		type: "Plant",
		alignment: "Fire",
		description: "A spiny red blossom that thrives in sun-scorched fields; its petals crackle faintly when crushed."
	},
	"Common Snupe": {
		type: "Plant",
		alignment: "Earth",
		description: "A squat, stubby herb with ridged leaves and a sharp nutty scent—grows best near compost heaps and pig pens."
	},
	"Geneva's Dewdrop": {
		type: "Plant",
		alignment: "Water",
		description: "Delicate blue bulbs that drip a perpetual cool dew; said to be first planted by a weeping maiden."
	},
	"Brindleroot": {
		type: "Plant",
		alignment: "Fire",
		description: "A twisted root that glows faintly from within—often brewed to stoke warmth into cold limbs."
	},
	"Frogwick": {
		type: "Plant",
		alignment: "Water",
		description: "Rubbery, semi-aquatic herb found near marshes—tastes awful but soothes the throat like magic."
	},
	"Demeter's Arrow": {
		type: "Plant",
		alignment: "Wind",
		description: "Thin silvery leaves that grow in spirals. When burned, they produce a vapor that clears the lungs and bowels."
	},
	"River Leek": {
		type: "Plant",
		alignment: "Water",
		description: "A long, fragrant stalk that grows in riverside soil; its boiled leaves soothe fevers and dampen restlessness."
	},
	"Pipeweed": {
		type: "Plant",
		alignment: "Wind",
		description: "Fragrant and slightly numbing, this herb is often smoked by hill witches and daydreaming farmhands."
	},
	"Kitty Mitten": {
		type: "Plant",
		alignment: "Fire",
		description: "Soft red-orange fuzz covers these leaves, which are pleasantly warm to the touch. Cats love to nap on them."
	},
	"Malicious Bule": {
		type: "Fungus",
		alignment: "Wind",
		description: "A pale fungus with twisting gills and a sweet, spoiled smell. It's said to whisper when the wind passes through a grove."
	},
	"False Dunny Cap": {
		type: "Fungus",
		alignment: "Earth",
		description: "Often mistaken for its edible cousin, this fungus has a thick gray stalk and a damp cellar scent. Caution advised."
	},
	"Callum's Perch": {
		type: "Fungus",
		alignment: "Earth",
		description: "Named for the druid who first brewed it into a sleep tonic, this squat, mossy mushroom grows on dead stumps in shadow."
	},
	"Pinwort": {
		type: "Fungus",
		alignment: "Water",
		description: "Soft and glossy with lilac-speckled caps, these fungi flourish in damp caves and give off a faint minty aroma."
	},
	"Devil's Lantern": {
		type: "Fungus",
		alignment: "Fire",
		description: "This bioluminescent red fungus pulses with warmth. It grows in deep caverns and is rumored to attract fire spirits."
	},
	"Lady's Teacup": {
		type: "Fungus",
		alignment: "Water",
		description: "Shaped like a delicate bowl, often found filled with morning dew. Some fae insist it must only be harvested under moonlight."
	},
	"Dead Man's Toe": {
		type: "Fungus",
		alignment: "Earth",
		description: "Black and bulbous, it pushes up from graveyard soil and smells of rust. Disturbing in appearance, yet grounding when dried."
	},
	"Agarium": {
		type: "Fungus",
		alignment: "Earth",
		description: "Smooth and tan, with a satisfying snap when broken. This dependable fungus is a staple in many earthy decoctions."
	},
	"Thimbliss": {
		type: "Fungus",
		alignment: "Wind",
		description: "Tiny, translucent caps that grow in clusters beneath bird nests. Harmless alone, but intensify the effects of other herbs."
	},
	"Lesser Bluecap": {
		type: "Fungus",
		alignment: "Water",
		description: "Short and stubby with a dusty blue top, this unassuming mushroom has mild cooling properties and is common in boggy woods."
	}
};
// ordered list for the Herbs popup
var herbItems = Object.keys(HERB_DATA);
function colorForAlignment(align) {
	if (align === "Fire") return 0xFF6B6B;
	if (align === "Water") return 0x6BB6FF;
	if (align === "Earth") return 0x8B8F6B;
	if (align === "Wind") return 0xBEE3F8;
	return 0xADFF2F;
}
function wrapTextByWords(str, maxLen) {
	var words = str.split(' ');
	var lines = [];
	var current = '';
	for (var i = 0; i < words.length; i++) {
		var tryLine = current.length ? current + ' ' + words[i] : words[i];
		if (tryLine.length > maxLen) {
			if (current.length) lines.push(current);
			current = words[i];
		} else {
			current = tryLine;
		}
	}
	if (current.length) lines.push(current);
	return lines.join('\n');
}
// Keep backward compatibility with old herbs object
var herbs = {};
for (var herbName in HERB_DATA) {
	if (HERB_DATA.hasOwnProperty(herbName)) {
		herbs[herbName] = {
			element: HERB_DATA[herbName].alignment,
			type: HERB_DATA[herbName].type,
			description: HERB_DATA[herbName].description
		};
	}
}
// Behind counter graphic in bottom layer (depth 1)
var behindCounter = game.attachAsset('behind_Counter', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1700,
	width: 2048,
	height: 600
});
// Wooden counter in bottom layer (depth 2, above behind counter)
var counter = game.attachAsset('counterTop', {
	anchorX: 0.5,
	anchorY: 1,
	x: 1024,
	y: 1750
});
// Cauldron in center layer (depth 3, positioned lower on counter)
var cauldron = game.attachAsset('cauldronZone', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1520
});
cauldron.ingredients = [];
// Cauldron ingredients display
var cauldronLabel = new Text2('Cauldron: Empty', {
	size: 35,
	fill: 0xFFFFFF
});
cauldronLabel.anchor.set(0.5, 0.5);
cauldronLabel.x = 1024;
cauldronLabel.y = 750;
game.addChild(cauldronLabel);
function updateCauldronDisplay() {
	if (cauldron.ingredients.length === 0) {
		cauldronLabel.setText('Cauldron: Empty');
	} else {
		cauldronLabel.setText('Added: ' + cauldron.ingredients.join(', '));
	}
	// Show/hide potion bottle based on ingredient count
	if (cauldron.ingredients.length === 3) {
		potionBottle.visible = true;
	} else {
		potionBottle.visible = false;
	}
}
function resetItem(item) {
	tween(item, {
		x: item.originalX,
		y: item.originalY
	}, {
		duration: 300
	});
}
// Inventory items are now only created through menu purchases
// No default items in main play area
// Ingredient category buttons in bottom layer - positioned below counter
// Larger buttons with better spacing, centered horizontally
var buttonWidth = 350;
var buttonHeight = 120;
var buttonSpacing = 80;
var totalWidth = buttonWidth * 3 + buttonSpacing * 2;
var startX = (2048 - totalWidth) / 2 + buttonWidth / 2;
var basesButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: startX,
	y: 1900,
	width: buttonWidth,
	height: buttonHeight,
	tint: 0xDAA520
});
var basesButtonText = new Text2('BASES', {
	size: 48,
	fill: 0xFFFFFF
});
basesButtonText.anchor.set(0.5, 0.5);
basesButtonText.x = startX;
basesButtonText.y = 1900;
game.addChild(basesButtonText);
var elementsButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: startX + buttonWidth + buttonSpacing,
	y: 1900,
	width: buttonWidth,
	height: buttonHeight,
	tint: 0x20B2AA
});
var elementsButtonText = new Text2('ELEMENTS', {
	size: 48,
	fill: 0xFFFFFF
});
elementsButtonText.anchor.set(0.5, 0.5);
elementsButtonText.x = startX + buttonWidth + buttonSpacing;
elementsButtonText.y = 1900;
game.addChild(elementsButtonText);
var herbsButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: startX + (buttonWidth + buttonSpacing) * 2,
	y: 1900,
	width: buttonWidth,
	height: buttonHeight,
	tint: 0xADFF2F
});
var herbsButtonText = new Text2('HERBS', {
	size: 48,
	fill: 0xFFFFFF
});
herbsButtonText.anchor.set(0.5, 0.5);
herbsButtonText.x = startX + (buttonWidth + buttonSpacing) * 2;
herbsButtonText.y = 1900;
game.addChild(herbsButtonText);
// Menu buttons in HUD layer (repositioned to avoid top-left 100x100 area)
var instructionsButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 450,
	y: 80,
	width: 180,
	height: 60,
	tint: 0x4169E1
});
var instructionsButtonText = new Text2('GUIDE', {
	size: 24,
	fill: 0xFFFFFF
});
instructionsButtonText.anchor.set(0.5, 0.5);
instructionsButtonText.x = 450;
instructionsButtonText.y = 80;
game.addChild(instructionsButtonText);
var resetButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 80,
	width: 180,
	height: 60,
	tint: 0xFF6347
});
var resetButtonText = new Text2('RESET', {
	size: 24,
	fill: 0xFFFFFF
});
resetButtonText.anchor.set(0.5, 0.5);
resetButtonText.x = 1024;
resetButtonText.y = 80;
game.addChild(resetButtonText);
// Shop button removed per requirements
// Create popup menu
var popupMenu = game.addChild(new PopupMenu());
// Create herb details popup
var herbPopup = game.addChild(new HerbPopup());
// Category button event handlers
basesButton.down = function (x, y, obj) {
	var baseColors = [];
	for (var i = 0; i < baseItems.length; i++) {
		baseColors.push(0xDAA520);
	}
	popupMenu.showMenu('BASES - 50 Gold Each', baseItems, baseColors);
};
elementsButton.down = function (x, y, obj) {
	var elementColors = [];
	for (var i = 0; i < elementItems.length; i++) {
		elementColors.push(0x20B2AA);
	}
	popupMenu.showMenu('ELEMENTS - 50 Gold Each', elementItems, elementColors);
};
herbsButton.down = function (x, y, obj) {
	var herbColors = [];
	for (var i = 0; i < herbItems.length; i++) {
		herbColors.push(0xADFF2F);
	}
	popupMenu.showMenu('HERBS - 50 Gold Each', herbItems, herbColors);
};
// Button event handlers
instructionsButton.down = function (x, y, obj) {
	var allItems = baseItems.concat(elementItems).concat(herbItems);
	var allColors = [];
	// Base colors
	for (var i = 0; i < baseItems.length; i++) {
		allColors.push(0xDAA520);
	}
	// Element colors
	for (var i = 0; i < elementItems.length; i++) {
		allColors.push(0x20B2AA);
	}
	// Herb colors
	for (var i = 0; i < herbItems.length; i++) {
		allColors.push(0xADFF2F);
	}
	popupMenu.showMenu('INGREDIENT GUIDE', allItems, allColors);
};
resetButton.down = function (x, y, obj) {
	goldAmount = 500;
	currentScore = 0;
	goldText.setText('Gold: ' + goldAmount);
	scoreText.setText('Score: ' + currentScore);
	patientStatusText.setText('Game Reset! Welcome to the Alchemy Shop!');
};
// Create journal popup
var journalPopup = game.addChild(new JournalPopup());
// Journal button in HUD layer
var journalButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1598,
	y: 80,
	width: 180,
	height: 60,
	tint: 0x6550d0
});
var journalButtonText = new Text2('JOURNAL', {
	size: 22,
	fill: 0xFFFFFF
});
journalButtonText.anchor.set(0.5, 0.5);
journalButtonText.x = 1598;
journalButtonText.y = 80;
game.addChild(journalButtonText);
// Journal button event handler
journalButton.down = function (x, y, obj) {
	journalPopup.showJournal();
};
// Initialize first patient
spawnNewPatient();

===================================================================
--- original.js
+++ change.js
@@ -114,8 +114,151 @@
 	// Start hidden
 	self.visible = false;
 	return self;
 });
+// Shop button event handler removed per requirements
+// === Herbalist's Journal ===
+var JournalPopup = Container.expand(function () {
+	var self = Container.call(this);
+	// Semi-transparent background overlay
+	var overlay = self.attachAsset('background', {
+		anchorX: 0,
+		anchorY: 0,
+		x: 0,
+		y: 0,
+		width: 2048,
+		height: 2732,
+		alpha: 0.8,
+		tint: 0x000000
+	});
+	// Main journal window - large scrollable area
+	var journalWindow = self.attachAsset('background', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 1024,
+		y: 1366,
+		width: 1600,
+		height: 1200,
+		tint: 0x2d2a26
+	});
+	// Close button (X)
+	var closeButton = self.attachAsset('craftButton', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 1700,
+		y: 850,
+		width: 120,
+		height: 120,
+		tint: 0xFF0000
+	});
+	var closeButtonText = new Text2('X', {
+		size: 80,
+		fill: 0xFFFFFF
+	});
+	closeButtonText.anchor.set(0.5, 0.5);
+	closeButtonText.x = 1700;
+	closeButtonText.y = 850;
+	self.addChild(closeButtonText);
+	// Journal title
+	var titleText = new Text2('Herbalist\'s Journal', {
+		size: 60,
+		fill: 0xf0d98c
+	});
+	titleText.anchor.set(0.5, 0.5);
+	titleText.x = 1024;
+	titleText.y = 900;
+	self.addChild(titleText);
+	// Herbs section title
+	var herbsTitle = new Text2('Herbs', {
+		size: 48,
+		fill: 0xf0d98c
+	});
+	herbsTitle.anchor.set(0.5, 0.5);
+	herbsTitle.x = 1024;
+	herbsTitle.y = 1000;
+	self.addChild(herbsTitle);
+	// Sample herb entries
+	var herbEntries = ['Sommeral (Fire) – Bright red flower said to hold the warmth of the summer sun.', 'River Leek (Water) – Pale bulb that thrives in wetlands, known for its cooling properties.', 'Common Snupe (Earth) – Sturdy herb with a stony texture, grounding and steadying.', 'Fuzzy Peeper (Wind) – Delicate petals that scatter on the breeze, light and fleeting.', 'Brindleroot (Fire) – Gnarled root that smolders faintly when cut.', 'Frogwick (Water) – Slimy stalk found near ponds, known for easing fevers.', 'Devil\'s Lantern (Fire) – A glowing fungus that burns hot when brewed.'];
+	var herbsText = new Text2(herbEntries.join('\n'), {
+		size: 32,
+		fill: 0xFFFFFF
+	});
+	herbsText.anchor.set(0.5, 0.5);
+	herbsText.x = 1024;
+	herbsText.y = 1200;
+	self.addChild(herbsText);
+	// Illnesses section title
+	var illnessTitle = new Text2('Illnesses', {
+		size: 48,
+		fill: 0xf0d98c
+	});
+	illnessTitle.anchor.set(0.5, 0.5);
+	illnessTitle.x = 1024;
+	illnessTitle.y = 1400;
+	self.addChild(illnessTitle);
+	// Feverish Glow illness entry
+	var feverishGlowTitle = new Text2('Feverish Glow', {
+		size: 40,
+		fill: 0xFFFFFF
+	});
+	feverishGlowTitle.anchor.set(0.5, 0.5);
+	feverishGlowTitle.x = 1024;
+	feverishGlowTitle.y = 1480;
+	self.addChild(feverishGlowTitle);
+	var feverishGlowDesc = new Text2('"A heat that rises from the soles like creeping ivy, leaving the brow slick and the mind hazy."', {
+		size: 30,
+		fill: 0xCCCCCC
+	});
+	feverishGlowDesc.anchor.set(0.5, 0.5);
+	feverishGlowDesc.x = 1024;
+	feverishGlowDesc.y = 1530;
+	self.addChild(feverishGlowDesc);
+	var feverishGlowCauses = new Text2('Causes: Overexertion, getting caught in the rain, too many fire herbs.', {
+		size: 28,
+		fill: 0xFFFFFF
+	});
+	feverishGlowCauses.anchor.set(0.5, 0.5);
+	feverishGlowCauses.x = 1024;
+	feverishGlowCauses.y = 1580;
+	self.addChild(feverishGlowCauses);
+	var feverishGlowSymptoms = new Text2('Symptoms: "I\'ve been working late into the night, and now I can\'t stop sweating."\n"Is it hot in here?" "Have you ever had a Devil\'s Lantern? They\'re delicious!"', {
+		size: 26,
+		fill: 0xFFFFFF
+	});
+	feverishGlowSymptoms.anchor.set(0.5, 0.5);
+	feverishGlowSymptoms.x = 1024;
+	feverishGlowSymptoms.y = 1650;
+	self.addChild(feverishGlowSymptoms);
+	var feverishGlowCure = new Text2('Cure: Brew Water-aligned tea with River Leek or Frogwick.', {
+		size: 28,
+		fill: 0x7ecfff
+	});
+	feverishGlowCure.anchor.set(0.5, 0.5);
+	feverishGlowCure.x = 1024;
+	feverishGlowCure.y = 1720;
+	self.addChild(feverishGlowCure);
+	self.isVisible = false;
+	self.showJournal = function () {
+		self.visible = true;
+		self.isVisible = true;
+	};
+	self.hideJournal = function () {
+		self.visible = false;
+		self.isVisible = false;
+	};
+	// Close button handler
+	closeButton.down = function (x, y, obj) {
+		self.hideJournal();
+	};
+	// Overlay click to close
+	overlay.down = function (x, y, obj) {
+		self.hideJournal();
+	};
+	// Start hidden
+	self.visible = false;
+	return self;
+});
+// Create journal popup
 var Patient = Container.expand(function () {
 	var self = Container.call(this);
 	var patientBody = self.attachAsset('patient', {
 		anchorX: 0.5,
@@ -1190,7 +1333,30 @@
 	goldText.setText('Gold: ' + goldAmount);
 	scoreText.setText('Score: ' + currentScore);
 	patientStatusText.setText('Game Reset! Welcome to the Alchemy Shop!');
 };
-// Shop button event handler removed per requirements
+// Create journal popup
+var journalPopup = game.addChild(new JournalPopup());
+// Journal button in HUD layer
+var journalButton = game.attachAsset('craftButton', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 1598,
+	y: 80,
+	width: 180,
+	height: 60,
+	tint: 0x6550d0
+});
+var journalButtonText = new Text2('JOURNAL', {
+	size: 22,
+	fill: 0xFFFFFF
+});
+journalButtonText.anchor.set(0.5, 0.5);
+journalButtonText.x = 1598;
+journalButtonText.y = 80;
+game.addChild(journalButtonText);
+// Journal button event handler
+journalButton.down = function (x, y, obj) {
+	journalPopup.showJournal();
+};
 // Initialize first patient
 spawnNewPatient();
\ No newline at end of file