// === TITLE SCREEN ===
function showTitleScreen() {
  gameState = 'startScreen';
  ctx.clearRect(0, 0, canvas.width, canvas.height);
  ctx.fillStyle = '#111';
  ctx.fillRect(0, 0, canvas.width, canvas.height);

  ctx.fillStyle = '#eee';
  ctx.font = 'bold 48px Courier New';
  ctx.textAlign = 'center';
  ctx.fillText('Whiskers Below', canvas.width/2, 150);

  ctx.font = '24px Courier New';
  ctx.fillText('A Roguelike Catventure', canvas.width/2, 200);

  storyText.innerText = '';
  choiceButtons.innerHTML = '';

  const newGameBtn = document.createElement('button');
  newGameBtn.classList.add('choice-btn');
  newGameBtn.innerText = "New Game";
  newGameBtn.onclick = () => startGame();
  choiceButtons.appendChild(newGameBtn);

  if (deathCount > 0) {
    const continueBtn = document.createElement('button');
    continueBtn.classList.add('choice-btn');
    continueBtn.innerText = "Continue (Upgrades)";
    continueBtn.onclick = () => showUpgradeShop();
    choiceButtons.appendChild(continueBtn);
  }

  const creditsBtn = document.createElement('button');
  creditsBtn.classList.add('choice-btn');
  creditsBtn.innerText = "Credits";
  creditsBtn.onclick = () => showCredits();
  choiceButtons.appendChild(creditsBtn);
}

function showCredits() {
  alert("Whiskers Below\nIdea: You!\nCode: Code GPT\nPixel RPG Inspiration: Classic Roguelikes");
}