/**** 
* 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.element_imbalance = illness.element_imbalance;
			self.goldReward = illness.gold_reward;
			self.illnessName = illness.name;
			self.description = illness.description;
		}
	};
	// reactToPotion method removed - cure logic now handled in craftPotion function
	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 = {
	"drift_limb": {
		id: "drift_limb",
		name: "Drift Limb",
		description: "A heavy feeling that weighs down the limbs, causing sluggishness and fatigue.",
		symptoms: ["I've been working so hard lately, my arms feel so heavy...", "Everything feels like it's weighing me down.", "I can barely lift my hands anymore."],
		element_imbalance: "wind",
		hint: "I've been working so hard lately, my arms feel so heavy…",
		symptom_color: 0xFFFF44,
		gold_reward: 130
	},
	"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",
		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",
		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",
		symptom_color: 0x44FF44,
		gold_reward: 150
	}
};
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 brewTea(baseName, herb1Name, herb2Name) {
	// Check if first item is a valid tea base
	if (!teaBases[baseName]) return null;
	var base = teaBases[baseName];
	var herb1 = HERB_DATA[herb1Name];
	var herb2 = HERB_DATA[herb2Name];
	// Check if both herbs exist and have matching elements to the base, and are different herbs
	if (herb1 && herb2 && herb1Name !== herb2Name && herb1.element === base.element && herb2.element === base.element) {
		return {
			name: base.name + ' + ' + herb1Name + ' + ' + herb2Name,
			element: base.element
		};
	}
	return null; // invalid tea
}
function craftPotion() {
	if (!currentPatient || isProcessingTreatment || cauldron.ingredients.length !== 3) return;
	isProcessingTreatment = true;
	var baseName = cauldron.ingredients[0];
	var herb1Name = cauldron.ingredients[1];
	var herb2Name = cauldron.ingredients[2];
	// Try to brew tea with new system
	var brewedTea = brewTea(baseName, herb1Name, herb2Name);
	var goldEarned = 0;
	if (brewedTea) {
		// New tea brewing system - check if element matches illness
		var illness = ILLNESS_DATA[currentPatient];
		if (illness && brewedTea.element === illness.element_imbalance) {
			goldEarned = illness.gold_reward;
			tween(patient, {
				tint: 0x90EE90
			}, {
				duration: 1000
			});
			LK.getSound('success').play();
		} else {
			goldEarned = -20;
			tween(patient, {
				tint: 0xFF6666
			}, {
				duration: 1000
			});
			LK.getSound('failure').play();
		}
	} else {
		// Invalid tea combination
		goldEarned = -20;
		tween(patient, {
			tint: 0xFF6666
		}, {
			duration: 1000
		});
		LK.getSound('failure').play();
	}
	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 = [];
// Tea Bases - each has an element alignment
var teaBases = {
	"Uplifting Tea Base": {
		name: "Uplifting Tea Base",
		element: "wind"
	},
	"Earthy Tea Base": {
		name: "Earthy Tea Base",
		element: "earth"
	},
	"Cooling Tea Base": {
		name: "Cooling Tea Base",
		element: "water"
	},
	"Spicy Tea Base": {
		name: "Spicy Tea Base",
		element: "fire"
	}
};
var baseItems = Object.keys(teaBases);
/**** 
* Herb Data & Helpers
****/ 
var HERB_DATA = {
	"Sheep Bane": {
		type: "Plant",
		alignment: "Earth",
		element: "earth",
		description: "A nourishing plant with small white flowers found in lush meadows with plenty of sunshine."
	},
	"Fuzzy Peeper": {
		type: "Plant",
		alignment: "Wind",
		element: "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",
		element: "fire",
		description: "A spiny red blossom that thrives in sun-scorched fields; its petals crackle faintly when crushed."
	},
	"Common Snupe": {
		type: "Plant",
		alignment: "Earth",
		element: "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",
		element: "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",
		element: "fire",
		description: "A twisted root that glows faintly from within—often brewed to stoke warmth into cold limbs."
	},
	"Frogwick": {
		type: "Plant",
		alignment: "Water",
		element: "water",
		description: "Rubbery, semi-aquatic herb found near marshes—tastes awful but soothes the throat like magic."
	},
	"Demeter's Arrow": {
		type: "Plant",
		alignment: "Wind",
		element: "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",
		element: "water",
		description: "A long, fragrant stalk that grows in riverside soil; its boiled leaves soothe fevers and dampen restlessness."
	},
	"Pipeweed": {
		type: "Plant",
		alignment: "Wind",
		element: "wind",
		description: "Fragrant and slightly numbing, this herb is often smoked by hill witches and daydreaming farmhands."
	},
	"Kitty Mitten": {
		type: "Plant",
		alignment: "Fire",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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",
		element: "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].element,
			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 teaBasesButton = game.attachAsset('craftButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: startX + buttonWidth + buttonSpacing,
	y: 1900,
	width: buttonWidth,
	height: buttonHeight,
	tint: 0x20B2AA
});
var teaBasesButtonText = new Text2('TEA BASES', {
	size: 48,
	fill: 0xFFFFFF
});
teaBasesButtonText.anchor.set(0.5, 0.5);
teaBasesButtonText.x = startX + buttonWidth + buttonSpacing;
teaBasesButtonText.y = 1900;
game.addChild(teaBasesButtonText);
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);
};
teaBasesButton.down = function (x, y, obj) {
	var teaBaseColors = [];
	for (var i = 0; i < baseItems.length; i++) {
		teaBaseColors.push(0x20B2AA);
	}
	popupMenu.showMenu('TEA BASES - 50 Gold Each', baseItems, teaBaseColors);
};
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(herbItems);
	var allColors = [];
	// Tea Base colors
	for (var i = 0; i < baseItems.length; i++) {
		allColors.push(0x20B2AA);
	}
	// Herb colors
	for (var i = 0; i < herbItems.length; i++) {
		allColors.push(0xADFF2F);
	}
	popupMenu.showMenu('INGREDIENT GUIDE - Recipe: Tea Base + 2 Matching Herbs', 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
@@ -275,58 +275,15 @@
 		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.element_imbalance = illness.element_imbalance;
 			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;
-		}
-	};
+	// reactToPotion method removed - cure logic now handled in craftPotion function
 	return self;
 });
 var PopupMenu = Container.expand(function () {
 	var self = Container.call(this);
@@ -622,19 +579,24 @@
 game.addChild(craftButtonText);
 // Wheel labels and selection display removed
 // Illness definitions with element imbalances and cure rules
 var ILLNESS_DATA = {
+	"drift_limb": {
+		id: "drift_limb",
+		name: "Drift Limb",
+		description: "A heavy feeling that weighs down the limbs, causing sluggishness and fatigue.",
+		symptoms: ["I've been working so hard lately, my arms feel so heavy...", "Everything feels like it's weighing me down.", "I can barely lift my hands anymore."],
+		element_imbalance: "wind",
+		hint: "I've been working so hard lately, my arms feel so heavy…",
+		symptom_color: 0xFFFF44,
+		gold_reward: 130
+	},
 	"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": {
@@ -642,13 +604,8 @@
 		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": {
@@ -656,29 +613,10 @@
 		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;
@@ -710,15 +648,62 @@
 		}
 	});
 }
 // updateSelectionDisplay function removed
+function brewTea(baseName, herb1Name, herb2Name) {
+	// Check if first item is a valid tea base
+	if (!teaBases[baseName]) return null;
+	var base = teaBases[baseName];
+	var herb1 = HERB_DATA[herb1Name];
+	var herb2 = HERB_DATA[herb2Name];
+	// Check if both herbs exist and have matching elements to the base, and are different herbs
+	if (herb1 && herb2 && herb1Name !== herb2Name && herb1.element === base.element && herb2.element === base.element) {
+		return {
+			name: base.name + ' + ' + herb1Name + ' + ' + herb2Name,
+			element: base.element
+		};
+	}
+	return null; // invalid tea
+}
 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);
+	var baseName = cauldron.ingredients[0];
+	var herb1Name = cauldron.ingredients[1];
+	var herb2Name = cauldron.ingredients[2];
+	// Try to brew tea with new system
+	var brewedTea = brewTea(baseName, herb1Name, herb2Name);
+	var goldEarned = 0;
+	if (brewedTea) {
+		// New tea brewing system - check if element matches illness
+		var illness = ILLNESS_DATA[currentPatient];
+		if (illness && brewedTea.element === illness.element_imbalance) {
+			goldEarned = illness.gold_reward;
+			tween(patient, {
+				tint: 0x90EE90
+			}, {
+				duration: 1000
+			});
+			LK.getSound('success').play();
+		} else {
+			goldEarned = -20;
+			tween(patient, {
+				tint: 0xFF6666
+			}, {
+				duration: 1000
+			});
+			LK.getSound('failure').play();
+		}
+	} else {
+		// Invalid tea combination
+		goldEarned = -20;
+		tween(patient, {
+			tint: 0xFF6666
+		}, {
+			duration: 1000
+		});
+		LK.getSound('failure').play();
+	}
 	goldAmount += goldEarned;
 	currentScore += Math.max(0, goldEarned);
 	// Update UI and reset cauldron
 	goldText.setText('Gold: ' + goldAmount);
@@ -984,117 +969,156 @@
 	return container;
 }
 // Inventory labels removed - ingredients now accessed through category buttons
 var inventoryItems = [];
-var baseItems = ['infusion', 'broth', 'tonic'];
-var elementItems = ['fire', 'water', 'earth', 'wind'];
+// Tea Bases - each has an element alignment
+var teaBases = {
+	"Uplifting Tea Base": {
+		name: "Uplifting Tea Base",
+		element: "wind"
+	},
+	"Earthy Tea Base": {
+		name: "Earthy Tea Base",
+		element: "earth"
+	},
+	"Cooling Tea Base": {
+		name: "Cooling Tea Base",
+		element: "water"
+	},
+	"Spicy Tea Base": {
+		name: "Spicy Tea Base",
+		element: "fire"
+	}
+};
+var baseItems = Object.keys(teaBases);
 /**** 
 * Herb Data & Helpers
 ****/ 
 var HERB_DATA = {
 	"Sheep Bane": {
 		type: "Plant",
 		alignment: "Earth",
+		element: "earth",
 		description: "A nourishing plant with small white flowers found in lush meadows with plenty of sunshine."
 	},
 	"Fuzzy Peeper": {
 		type: "Plant",
 		alignment: "Wind",
+		element: "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",
+		element: "fire",
 		description: "A spiny red blossom that thrives in sun-scorched fields; its petals crackle faintly when crushed."
 	},
 	"Common Snupe": {
 		type: "Plant",
 		alignment: "Earth",
+		element: "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",
+		element: "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",
+		element: "fire",
 		description: "A twisted root that glows faintly from within—often brewed to stoke warmth into cold limbs."
 	},
 	"Frogwick": {
 		type: "Plant",
 		alignment: "Water",
+		element: "water",
 		description: "Rubbery, semi-aquatic herb found near marshes—tastes awful but soothes the throat like magic."
 	},
 	"Demeter's Arrow": {
 		type: "Plant",
 		alignment: "Wind",
+		element: "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",
+		element: "water",
 		description: "A long, fragrant stalk that grows in riverside soil; its boiled leaves soothe fevers and dampen restlessness."
 	},
 	"Pipeweed": {
 		type: "Plant",
 		alignment: "Wind",
+		element: "wind",
 		description: "Fragrant and slightly numbing, this herb is often smoked by hill witches and daydreaming farmhands."
 	},
 	"Kitty Mitten": {
 		type: "Plant",
 		alignment: "Fire",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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",
+		element: "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
@@ -1126,9 +1150,9 @@
 var herbs = {};
 for (var herbName in HERB_DATA) {
 	if (HERB_DATA.hasOwnProperty(herbName)) {
 		herbs[herbName] = {
-			element: HERB_DATA[herbName].alignment,
+			element: HERB_DATA[herbName].element,
 			type: HERB_DATA[herbName].type,
 			description: HERB_DATA[herbName].description
 		};
 	}
@@ -1212,25 +1236,25 @@
 basesButtonText.anchor.set(0.5, 0.5);
 basesButtonText.x = startX;
 basesButtonText.y = 1900;
 game.addChild(basesButtonText);
-var elementsButton = game.attachAsset('craftButton', {
+var teaBasesButton = 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', {
+var teaBasesButtonText = new Text2('TEA BASES', {
 	size: 48,
 	fill: 0xFFFFFF
 });
-elementsButtonText.anchor.set(0.5, 0.5);
-elementsButtonText.x = startX + buttonWidth + buttonSpacing;
-elementsButtonText.y = 1900;
-game.addChild(elementsButtonText);
+teaBasesButtonText.anchor.set(0.5, 0.5);
+teaBasesButtonText.x = startX + buttonWidth + buttonSpacing;
+teaBasesButtonText.y = 1900;
+game.addChild(teaBasesButtonText);
 var herbsButton = game.attachAsset('craftButton', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: startX + (buttonWidth + buttonSpacing) * 2,
@@ -1294,14 +1318,14 @@
 		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);
+teaBasesButton.down = function (x, y, obj) {
+	var teaBaseColors = [];
+	for (var i = 0; i < baseItems.length; i++) {
+		teaBaseColors.push(0x20B2AA);
 	}
-	popupMenu.showMenu('ELEMENTS - 50 Gold Each', elementItems, elementColors);
+	popupMenu.showMenu('TEA BASES - 50 Gold Each', baseItems, teaBaseColors);
 };
 herbsButton.down = function (x, y, obj) {
 	var herbColors = [];
 	for (var i = 0; i < herbItems.length; i++) {
@@ -1310,23 +1334,19 @@
 	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 allItems = baseItems.concat(herbItems);
 	var allColors = [];
-	// Base colors
+	// Tea 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);
+	popupMenu.showMenu('INGREDIENT GUIDE - Recipe: Tea Base + 2 Matching Herbs', allItems, allColors);
 };
 resetButton.down = function (x, y, obj) {
 	goldAmount = 500;
 	currentScore = 0;