Add VIP+ mode to PIN screen and Play Again options

js/game.js

@@ -8,11 +8,13 @@ const leaderboardEl = document.getElementById('leaderboard');
 const saveScoreFormEl = document.getElementById('saveScoreForm');
 const playerNameEl = document.getElementById('playerName');
 const restartBtnEl = document.getElementById('restartBtn');
+const restartVipBtnEl = document.getElementById('restartVipBtn');
+const restartVipPlusBtnEl = document.getElementById('restartVipPlusBtn');
 
 const startScreenEl = document.getElementById('startScreen');
 const startFormEl = document.getElementById('startForm');
 const passwordEl = document.getElementById('startPassword');
-const vipModeEl = document.getElementById('vipMode');
+const accessModeEl = document.getElementById('accessMode');
 const difficultyEl = document.getElementById('difficulty');
 const startErrorEl = document.getElementById('startError');
 
@@ -60,7 +62,7 @@ const BIOMES = [
 ];
 
 let audioCtx = null;
-let gameConfig = { vipMode: false, difficulty: 'medium' };
+let gameConfig = { accessMode: 'standard', difficulty: 'medium' };
 
 function ensureAudioCtx() {
   if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
@@ -142,8 +144,14 @@ function getBiomeAt(x) {
   return BIOMES.find((b) => x >= b.start && x < b.end) || BIOMES[BIOMES.length - 1];
 }
 
+function getMaxHearts(accessMode) {
+  if (accessMode === 'vipPlus') return 9;
+  if (accessMode === 'vip') return 6;
+  return 3;
+}
+
 function createInitialState(config = gameConfig) {
-  const maxHearts = config.vipMode ? 6 : 3;
+  const maxHearts = getMaxHearts(config.accessMode);
   return {
     running: false,
     dead: false,
@@ -218,7 +226,7 @@ startFormEl.addEventListener('submit', (e) => {
   }
 
   gameConfig = {
-    vipMode: vipModeEl.checked,
+    accessMode: accessModeEl.value,
     difficulty: difficultyEl.value
   };
 
@@ -233,7 +241,8 @@ startFormEl.addEventListener('submit', (e) => {
   startErrorEl.textContent = '';
 });
 
-restartBtnEl.addEventListener('click', () => {
+function restartRun(accessModeOverride = null) {
+  if (accessModeOverride) gameConfig.accessMode = accessModeOverride;
   state = createInitialState(gameConfig);
   keys.clear();
   deathScreenEl.classList.add('hidden');
@@ -242,7 +251,11 @@ restartBtnEl.addEventListener('click', () => {
   scoreSavedThisRun = false;
   setSaveFormBusy(false);
   state.running = true;
-});
+}
+
+restartBtnEl.addEventListener('click', () => restartRun());
+restartVipBtnEl.addEventListener('click', () => restartRun('vip'));
+restartVipPlusBtnEl.addEventListener('click', () => restartRun('vipPlus'));
 
 saveScoreFormEl.addEventListener('submit', async (e) => {
   e.preventDefault();
@@ -307,7 +320,8 @@ function drawBackground() {
   ctx.font = 'bold 20px Arial';
   ctx.fillText(`Biome: ${biome.name}`, 18, 70);
   ctx.fillText(`Difficulty: ${gameConfig.difficulty.toUpperCase()}`, 18, 96);
-  ctx.fillText(gameConfig.vipMode ? 'VIP MODE' : 'STANDARD', 18, 122);
+  const modeLabel = gameConfig.accessMode === 'vipPlus' ? 'VIP+ MODE' : gameConfig.accessMode === 'vip' ? 'VIP MODE' : 'STANDARD';
+  ctx.fillText(modeLabel, 18, 122);
 }
 
 function drawTRex(p) {