game.js

document.addEventListener("DOMContentLoaded", () => {
  let data = [];
  let activeData = [];
  let currentAircraft;
  let difficulty;
  let mode;
  let score = 0;
  let total = 0;
  let highScore = 0;
  let usedAircraft = [];
  let aircraftQueue = [];
  let timerInterval;
  let timeLeft = 60;
  let gameOver = false;

  // Streak & multiplier
  let streak = 0;
  let sessionBestStreak = 0;
  let multiplier = 1;
  let correctCount = 0;

  // Daily challenge
  let isDaily = false;
  let dailyAnswers = [];

  // Recap of planes missed in the current session (used for end-of-game review)
  let sessionMissed = [];

  // Lifetime stats
  let lifeStats = JSON.parse(localStorage.getItem("planeguessrLifeStats")) || {
    gamesPlayed: 0,
    totalCorrect: 0,
    totalAnswered: 0,
    bestStreak: 0
  };

  // Widebody/narrowbody classification by family
  const widebodyFamilies = new Set([
    "A300", "A310", "A330", "A330neo", "A340", "A350", "A380",
    "747", "767", "777", "777X", "787",
    "C-17", "L-1011", "MD-11"
  ]);

  // Cargo/freighter aircraft by model
  const cargoModels = new Set([
    "A300-600F", "A321P2F", "747-8F", "MD-11F", "C-17"
  ]);

  const modeSelect = document.getElementById("mode-select");
  const timeWrapper = document.getElementById("time-wrapper");
  const difficultySelect = document.getElementById("difficulty-select");
  const filterWrapper = document.getElementById("filter-wrapper");
  const filterSelect = document.getElementById("filter-select");

  function updateSettingsGrid() {
    const grid = document.getElementById("settings-grid");
    if (!grid) return;
    const items = grid.children;
    for (const item of items) {
      item.style.gridColumn = "";
    }
    const visible = [...items].filter(i => i.style.display !== "none");
    if (visible.length % 2 === 1) {
      visible[visible.length - 1].style.gridColumn = "1 / -1";
    }
  }

  modeSelect.addEventListener("change", () => {
    timeWrapper.style.display = modeSelect.value === "timed" ? "" : "none";
    updateSettingsGrid();
  });

  difficultySelect.addEventListener("change", () => {
    if (difficultySelect.value === "easy") {
      filterWrapper.style.display = "none";
      if (filterSelect.value !== "all") {
        filterSelect.value = "all";
        filterSelect.dispatchEvent(new Event("change", { bubbles: true }));
      }
    } else {
      filterWrapper.style.display = "";
    }
    updateSettingsGrid();
  });

  if (modeSelect.value !== "timed") {
    timeWrapper.style.display = "none";
  }
  if (difficultySelect.value === "easy") {
    filterWrapper.style.display = "none";
  }
  updateSettingsGrid();

  // Initialize sound - corner toggle button
  if (window.SoundManager) {
    SoundManager.init();
    const soundBtn = document.getElementById("sound-toggle-btn");
    soundBtn.dataset.sound = SoundManager.isEnabled() ? "on" : "off";
    soundBtn.addEventListener("click", () => {
      const next = !SoundManager.isEnabled();
      SoundManager.setEnabled(next);
      soundBtn.dataset.sound = next ? "on" : "off";
    });
  }

  renderLifeStats();

  fetch("aircraft-data.json")
    .then(res => res.json())
    .then(json => {
      const required = ["manufacturer", "family", "model", "image"];
      data = json.filter(entry => {
        const ok = entry && required.every(k => typeof entry[k] === "string" && entry[k].length > 0);
        if (!ok) console.warn("Skipping invalid aircraft entry:", entry);
        return ok;
      });
      document.querySelector('button[onclick="startGame()"]')?.removeAttribute("disabled");
      document.getElementById("daily-card")?.removeAttribute("disabled");
      document.querySelectorAll(".preset-btn").forEach(b => b.removeAttribute("disabled"));
      updateDailyCard();
    })
    .catch(error => {
      console.error("Error loading JSON:", error);
      const statusEl = document.getElementById("daily-card-status");
      if (statusEl) statusEl.innerText = "Couldn't load aircraft data. Refresh to retry.";
    });

  // Preset configurations
  const presets = {
    quick:         { difficulty: "normal", mode: "timed",  time: "30", filter: "passenger" },
    hardcore:      { difficulty: "hard",   mode: "normal", time: "30", filter: "all" },
    manufacturers: { difficulty: "easy",   mode: "normal", time: "30", filter: "all" }
  };

  function applyPreset(name) {
    const p = presets[name];
    if (!p) return;
    const set = (id, val) => {
      const el = document.getElementById(id);
      if (!el) return;
      el.value = val;
      el.dispatchEvent(new Event("change", { bubbles: true }));
    };
    set("difficulty-select", p.difficulty);
    set("mode-select", p.mode);
    set("time-select", p.time);
    set("filter-select", p.filter);
  }

  document.querySelectorAll(".preset-btn").forEach(btn => {
    btn.addEventListener("click", () => {
      if (btn.disabled) return;
      applyPreset(btn.dataset.preset);
      startGame();
    });
  });

  // --- Multiplier tiers ---
  function getMultiplier(s) {
    if (s >= 10) return 4;
    if (s >= 6) return 3;
    if (s >= 3) return 2;
    return 1;
  }

  // --- Streak & multiplier UI ---
  function updateStreak() {
    const streakContainer = document.getElementById("streak-container");
    const streakEl = document.getElementById("streak");
    if (streak >= 2) {
      streakContainer.style.display = "";
      streakEl.innerText = "\u{1F525} " + streak;
    } else {
      streakContainer.style.display = "none";
    }

    multiplier = getMultiplier(streak);
    const multContainer = document.getElementById("multiplier-container");
    const multEl = document.getElementById("multiplier");
    if (multiplier > 1 && mode === "timed") {
      multContainer.style.display = "";
      multEl.innerText = "\u00D7" + multiplier;
    } else {
      multContainer.style.display = "none";
    }
  }

  // --- Lifetime stats ---
  function renderLifeStats() {
    document.getElementById("stat-games").innerText = lifeStats.gamesPlayed;
    document.getElementById("stat-streak").innerText = lifeStats.bestStreak;
    if (lifeStats.totalAnswered > 0) {
      const pct = Math.round((lifeStats.totalCorrect / lifeStats.totalAnswered) * 100);
      document.getElementById("stat-accuracy").innerText = pct + "%";
    } else {
      document.getElementById("stat-accuracy").innerText = "\u00b7";
    }
    const streakData = JSON.parse(localStorage.getItem("planeguessrDailyStreak") || '{"current":0}');
    document.getElementById("stat-daily-streak").innerText = streakData.current;
  }

  function saveLifeStats() {
    lifeStats.gamesPlayed++;
    lifeStats.totalCorrect += correctCount;
    lifeStats.totalAnswered += total;
    if (sessionBestStreak > lifeStats.bestStreak) {
      lifeStats.bestStreak = sessionBestStreak;
    }
    localStorage.setItem("planeguessrLifeStats", JSON.stringify(lifeStats));
    renderLifeStats();
  }

  // --- Game start ---
  window.startGame = function () {
    document.getElementById("start-screen").style.display = "none";
    const gameScreen = document.getElementById("game-screen");
    gameScreen.style.display = "block";
    gameScreen.classList.remove("screen-fade");
    void gameScreen.offsetWidth;
    gameScreen.classList.add("screen-fade");
    document.getElementById("score-row").style.display = "";

    difficulty = document.getElementById("difficulty-select").value;
    mode = document.getElementById("mode-select").value;

    // Apply filter
    const filter = document.getElementById("filter-select").value;
    if (filter === "all" || difficulty === "easy") {
      activeData = data;
    } else if (filter === "widebody") {
      activeData = data.filter(ac => widebodyFamilies.has(ac.family));
    } else if (filter === "narrowbody") {
      activeData = data.filter(ac => !widebodyFamilies.has(ac.family));
    } else if (filter === "cargo") {
      activeData = data.filter(ac => cargoModels.has(ac.model));
    } else if (filter === "passenger") {
      activeData = data.filter(ac => !cargoModels.has(ac.model));
    } else {
      activeData = data.filter(ac => ac.manufacturer === filter);
    }

    // Load mode-specific high score
    const hsKey = mode === "timed" ? "planeguessrHighScoreTimed" : "planeguessrHighScore";
    highScore = parseInt(localStorage.getItem(hsKey)) || 0;
    document.getElementById("high-score").innerText = highScore;

    score = 0;
    total = 0;
    correctCount = 0;
    streak = 0;
    sessionBestStreak = 0;
    multiplier = 1;
    usedAircraft = [];
    sessionMissed = [];
    aircraftQueue = buildShuffledDeck(activeData);
    gameOver = false;
    hideRecap();
    updateScore();
    updateStreak();

    if (mode === "timed") {
      const selectedTime = parseInt(document.getElementById("time-select")?.value || "60", 10);
      timeLeft = selectedTime;
      const totalTime = selectedTime;
      document.getElementById("timer").innerText = `${timeLeft}s`;
      document.getElementById("timer").style.color = "";
      document.getElementById("timer-container").style.display = "";
      document.getElementById("timer-bar-wrapper").style.display = "block";
      document.getElementById("timer-bar").style.width = "100%";
      document.getElementById("timer-bar").style.backgroundColor = "";
      timerInterval = setInterval(() => {
        timeLeft--;
        document.getElementById("timer").innerText = `${timeLeft}s`;
        const pct = (timeLeft / totalTime) * 100;
        document.getElementById("timer-bar").style.width = `${pct}%`;
        if (timeLeft <= 10) {
          document.getElementById("timer").style.color = "#e94560";
          document.getElementById("timer-bar").style.backgroundColor = "#e94560";
        }
        if (timeLeft <= 0) {
          clearInterval(timerInterval);
          endTimedGame();
        }
      }, 1000);
    } else {
      document.getElementById("timer-container").style.display = "none";
      document.getElementById("timer-bar-wrapper").style.display = "none";
    }

    nextRound();
  };

  function endTimedGame() {
    gameOver = true;
    hideNextControl();
    saveLifeStats();
    if (window.SoundManager) {
      SoundManager.play(total > 0 && correctCount / total >= 0.7 ? "gameEndGood" : "gameEndBad");
    }
    document.getElementById("timer-container").style.display = "none";
    document.getElementById("timer-bar-wrapper").style.display = "none";

    const accuracy = total > 0 ? Math.round((correctCount / total) * 100) : 0;
    const html = `
      <div class="recap-block">
        <div class="recap-title">Time's up!</div>
        <div class="recap-subtitle">${correctCount}/${total} correct &middot; ${score} pts &middot; ${accuracy}% accuracy</div>
        ${renderMissedHtml(sessionMissed)}
      </div>
    `;
    showRecap(html);
  }

  function escapeHtml(str) {
    return String(str).replace(/[&<>"']/g, ch => ({
      "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;"
    }[ch]));
  }

  function renderMissedHtml(missed) {
    if (!missed || missed.length === 0) return "";
    const rows = missed.map(m => `
      <div class="missed-row">
        <img src="${escapeHtml(m.image)}" alt="" class="missed-thumb" loading="lazy">
        <div class="missed-info">
          <div class="missed-correct">${escapeHtml(m.correctAnswer)}</div>
          <div class="missed-user">You said: <strong>${escapeHtml(m.userAnswer)}</strong></div>
        </div>
      </div>
    `).join("");
    return `<div class="missed-planes">
      <div class="missed-title">Planes you missed (${missed.length})</div>
      <div class="missed-list">${rows}</div>
    </div>`;
  }

  function showRecap(html) {
    const recap = document.getElementById("results-recap");
    const imgWrapper = document.getElementById("aircraft-img").parentElement;
    const choices = document.getElementById("choices");
    const feedback = document.getElementById("feedback");
    if (!recap) return;

    feedback.innerHTML = "";
    feedback.classList.remove("text-3xl");
    if (imgWrapper) imgWrapper.style.display = "none";
    if (choices) choices.innerHTML = "";
    hideNextControl();
    hideImageLoadingHint();

    recap.innerHTML = html;
    recap.style.display = "";
  }

  function hideRecap() {
    const recap = document.getElementById("results-recap");
    if (recap) { recap.style.display = "none"; recap.innerHTML = ""; }
    const imgWrapper = document.getElementById("aircraft-img")?.parentElement;
    if (imgWrapper) imgWrapper.style.display = "";
  }

  let imgLoadingTimer = null;
  function showImageLoadingHint() {
    const hint = document.getElementById("img-loading-text");
    if (hint) hint.style.display = "";
  }
  function hideImageLoadingHint() {
    if (imgLoadingTimer !== null) { clearTimeout(imgLoadingTimer); imgLoadingTimer = null; }
    const hint = document.getElementById("img-loading-text");
    if (hint) hint.style.display = "none";
  }

  let nextControlTimer = null;
  function showNextControl(autoDelay) {
    const controls = document.getElementById("next-controls");
    const btn = document.getElementById("next-btn");
    if (!controls || !btn) { setTimeout(nextRound, autoDelay); return; }
    controls.style.display = "";
    const advance = () => {
      if (nextControlTimer !== null) { clearTimeout(nextControlTimer); nextControlTimer = null; }
      btn.onclick = null;
      controls.style.display = "none";
      nextRound();
    };
    btn.onclick = advance;
    nextControlTimer = setTimeout(advance, autoDelay);
  }

  function hideNextControl() {
    if (nextControlTimer !== null) { clearTimeout(nextControlTimer); nextControlTimer = null; }
    const controls = document.getElementById("next-controls");
    if (controls) controls.style.display = "none";
    const btn = document.getElementById("next-btn");
    if (btn) btn.onclick = null;
  }

  function nextRound() {
    if (gameOver) return;

    hideNextControl();
    const feedback = document.getElementById("feedback");
    feedback.innerText = "";
    feedback.classList.remove("text-3xl");

    if (aircraftQueue.length === 0) {
      if (isDaily) {
        endDailyGame();
      } else {
        document.getElementById("feedback").innerText = "You've seen all aircraft! More will be added soon. GG";
        if (window.SoundManager) {
          SoundManager.play(total > 0 && correctCount / total >= 0.7 ? "gameEndGood" : "gameEndBad");
        }
      }
      return;
    }

    currentAircraft = aircraftQueue.shift();
    usedAircraft.push(currentAircraft.model);

    const img = document.getElementById("aircraft-img");
    img.classList.remove("loaded");
    hideImageLoadingHint();
    imgLoadingTimer = setTimeout(showImageLoadingHint, 1500);
    img.onload = () => {
      img.classList.add("loaded");
      hideImageLoadingHint();
    };
    img.onerror = () => {
      console.warn("Failed to load aircraft image:", currentAircraft.image);
      img.classList.add("loaded");
      hideImageLoadingHint();
    };
    img.alt = "Aircraft";
    img.src = currentAircraft.image;

    const correctAnswer = getCorrectAnswer();
    const answers = generateAnswers(correctAnswer);
    displayChoices(answers, correctAnswer);
  }

  function getCorrectAnswer() {
    if (difficulty === "easy") return currentAircraft.manufacturer;
    if (difficulty === "normal") return currentAircraft.family;
    return currentAircraft.model;
  }

  function generateAnswers(correctAnswer) {
    let answers = activeData.map(ac => {
      if (difficulty === "easy") return ac.manufacturer;
      if (difficulty === "normal") return ac.family;
      return ac.model;
    });
    answers = [...new Set(answers.filter(a => a !== correctAnswer))];

    if (difficulty === "easy") {
      const manufacturers = [...new Set(activeData.map(ac => ac.manufacturer))];
      if (manufacturers.length <= 4) {
        answers = [...manufacturers];
      } else {
        answers = manufacturers.filter(m => m !== correctAnswer);
        shuffleArray(answers);
        answers = answers.slice(0, 3);
        answers.push(correctAnswer);
      }
      shuffleArray(answers);
    } else {
      shuffleArray(answers);
      answers = answers.slice(0, 3);
      answers.push(correctAnswer);
      shuffleArray(answers);
    }
    return answers;
  }

  function displayChoices(answers, correctAnswer) {
    const choicesDiv = document.getElementById("choices");
    choicesDiv.innerHTML = "";
    answers.forEach((choice, i) => {
      const btn = document.createElement("button");
      btn.innerHTML = `<span style="opacity:0.4;margin-right:6px;font-size:0.8em;">${i + 1}</span>${choice}`;
      btn.className = "choice-btn";
      btn.dataset.answer = choice;
      btn.disabled = false;
      btn.onclick = () => {
        document.querySelectorAll(".choice-btn").forEach(b => b.disabled = true);
        checkAnswer(choice, correctAnswer, btn);
      };
      choicesDiv.appendChild(btn);
    });
  }

  function checkAnswer(choice, correctAnswer, clickedBtn) {
    total++;
    const feedback = document.getElementById("feedback");
    const buttons = document.querySelectorAll(".choice-btn");

    buttons.forEach(btn => {
      if (btn.dataset.answer === correctAnswer) {
        btn.classList.add("correct");
      }
      if (btn === clickedBtn && choice !== correctAnswer) {
        btn.classList.add("wrong");
      }
    });

    if (choice === correctAnswer) {
      correctCount++;
      streak++;
      if (streak > sessionBestStreak) sessionBestStreak = streak;
      updateStreak();
      if (isDaily) dailyAnswers.push(true);
      if (window.SoundManager) {
        if ([3, 6, 10].includes(streak)) SoundManager.play("milestone");
        else SoundManager.play("correct");
      }

      const points = (mode === "timed") ? multiplier : 1;
      score += points;

      if (points > 1) {
        feedback.innerHTML = `<span style="color:#4ade80;">&#10003; Correct!</span> <span style="color:#eab308;">+${points}</span>`;
      } else {
        feedback.innerHTML = '<span style="color:#4ade80;">&#10003; Correct!</span>';
      }

      const countEl = document.getElementById("correct-count");
      countEl.classList.remove("score-pop");
      void countEl.offsetWidth;
      countEl.classList.add("score-pop");
      if (mode === "timed") {
        const scoreEl = document.getElementById("score");
        scoreEl.classList.remove("score-pop");
        void scoreEl.offsetWidth;
        scoreEl.classList.add("score-pop");
      }
      updateScore();
      setTimeout(() => nextRound(), mode === "timed" ? 400 : 1000);
    } else {
      streak = 0;
      updateStreak();
      if (isDaily) dailyAnswers.push(false);
      sessionMissed.push({
        image: currentAircraft.image,
        correctAnswer: correctAnswer,
        userAnswer: choice,
        model: currentAircraft.model
      });
      if (window.SoundManager) SoundManager.play("wrong");
      feedback.innerHTML = `<span style="color:#f87171;">&#10007; Wrong!</span> <span style="color:#888;margin-left:4px;">The answer was</span> <span style="color:#eaeaea;font-weight:700;">${correctAnswer}</span>`;
      updateScore();
      if (mode === "timed") {
        setTimeout(() => nextRound(), 600);
      } else {
        showNextControl(4000);
      }
    }
  }

  function updateScore() {
    document.getElementById("correct-count").innerText = correctCount;
    document.getElementById("total").innerText = total;
    document.getElementById("score").innerText = score;

    // Show points separately in timed mode
    document.getElementById("points-container").style.display = (mode === "timed") ? "" : "none";

    if (score > highScore) {
      highScore = score;
      const hsKey = mode === "timed" ? "planeguessrHighScoreTimed" : "planeguessrHighScore";
      localStorage.setItem(hsKey, highScore);
      document.getElementById("high-score").innerText = highScore;
    }
  }

  function doReset() {
    if (isDaily && total > 0 && !gameOver) {
      while (dailyAnswers.length < 10) dailyAnswers.push(false);
      const today = getTodayString();
      localStorage.setItem("planeguessrDaily", JSON.stringify({
        date: today, answers: dailyAnswers, correctCount: correctCount, missed: sessionMissed, completed: true
      }));
      updateDailyStreak(today);
    }
    if (total > 0 && !gameOver) {
      saveLifeStats();
    }
    hideNextControl();
    hideImageLoadingHint();
    document.getElementById("game-screen").style.display = "none";
    const startScreen = document.getElementById("start-screen");
    startScreen.style.display = "block";
    startScreen.classList.remove("screen-fade");
    void startScreen.offsetWidth;
    startScreen.classList.add("screen-fade");
    clearInterval(timerInterval);
    gameOver = false;
    isDaily = false;
    dailyAnswers = [];
    updateSettingsGrid();
    updateDailyCard();
  }

  window.resetGame = function () {
    if (isDaily && total > 0 && !gameOver) {
      const remaining = 10 - total;
      showQuitConfirm(remaining, doReset);
      return;
    }
    doReset();
  };

  function showQuitConfirm(remaining, onConfirm) {
    const modal = document.getElementById("confirm-modal");
    const msg = document.getElementById("confirm-msg");
    const cancel = document.getElementById("confirm-cancel");
    const quit = document.getElementById("confirm-quit");
    if (!modal || !msg || !cancel || !quit) { onConfirm(); return; }

    msg.innerText = `${remaining} remaining plane${remaining === 1 ? " will" : "s will"} count as wrong, and this will be locked in as today's attempt.`;
    modal.style.display = "flex";

    const close = () => {
      modal.style.display = "none";
      cancel.onclick = null;
      quit.onclick = null;
      modal.onclick = null;
      document.removeEventListener("keydown", onKey);
    };
    const onKey = (e) => {
      if (e.key === "Escape") { e.preventDefault(); close(); }
    };

    cancel.onclick = close;
    quit.onclick = () => { close(); onConfirm(); };
    modal.onclick = (e) => { if (e.target === modal) close(); };
    document.addEventListener("keydown", onKey);
  }

  function shuffleArray(array) {
    for (let i = array.length - 1; i > 0; i--) {
      let j = Math.floor(Math.random() * (i + 1));
      [array[i], array[j]] = [array[j], array[i]];
    }
  }

  // Build a shuffled deck where the same manufacturer never appears back-to-back.
  // Groups aircraft by manufacturer, shuffles each group, then uses weighted
  // random selection - always picking from a different manufacturer than the last,
  // proportional to how many of that manufacturer remain (so share is preserved).
  function buildShuffledDeck(aircraft) {
    const groups = {};
    for (const ac of aircraft) {
      if (!groups[ac.manufacturer]) groups[ac.manufacturer] = [];
      groups[ac.manufacturer].push(ac);
    }
    for (const mfr in groups) shuffleArray(groups[mfr]);

    const result = [];
    let lastMfr = null;

    while (true) {
      const piles = Object.values(groups).filter(p => p.length > 0);
      if (piles.length === 0) break;

      // Prefer different manufacturer than last; fall back to same if no choice
      const available = piles.filter(p => p[0].manufacturer !== lastMfr);
      const pool = available.length > 0 ? available : piles;

      // Weighted random: larger piles are proportionally more likely
      const total = pool.reduce((s, p) => s + p.length, 0);
      let r = Math.random() * total;
      let chosen = pool[pool.length - 1];
      for (const pile of pool) {
        r -= pile.length;
        if (r <= 0) { chosen = pile; break; }
      }

      const ac = chosen.shift();
      result.push(ac);
      lastMfr = ac.manufacturer;
    }
    return result;
  }

  // --- Seeded PRNG (for daily challenge) ---
  function mulberry32(a) {
    return function () {
      a |= 0; a = a + 0x6D2B79F5 | 0;
      var t = Math.imul(a ^ a >>> 15, 1 | a);
      t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t;
      return ((t ^ t >>> 14) >>> 0) / 4294967296;
    };
  }

  function hashString(str) {
    let hash = 0;
    for (let i = 0; i < str.length; i++) {
      hash = ((hash << 5) - hash) + str.charCodeAt(i);
      hash |= 0;
    }
    return Math.abs(hash);
  }

  function getTodayString() {
    const d = new Date();
    return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
  }

  function getDailyNumber() {
    const epoch = new Date(2025, 0, 1);
    const today = new Date();
    today.setHours(0, 0, 0, 0);
    return Math.floor((today - epoch) / 86400000);
  }

  function getDailyAircraft(allData) {
    const seed = hashString(getTodayString());
    const rng = mulberry32(seed);
    const shuffled = allData.slice();
    for (let i = shuffled.length - 1; i > 0; i--) {
      const j = Math.floor(rng() * (i + 1));
      [shuffled[i], shuffled[j]] = [shuffled[j], shuffled[i]];
    }
    return shuffled.slice(0, 10);
  }

  // --- Daily challenge functions ---
  function updateDailyCard() {
    const dayEl = document.getElementById("daily-card-day");
    const statusEl = document.getElementById("daily-card-status");
    const streakEl = document.getElementById("daily-card-streak");
    if (!dayEl) return;

    dayEl.innerText = "#" + getDailyNumber();

    const saved = JSON.parse(localStorage.getItem("planeguessrDaily") || "null");
    if (saved && saved.date === getTodayString() && saved.completed) {
      statusEl.innerText = `Completed \u2713  ${saved.correctCount}/10  \u00b7 tap to view`;
    } else {
      statusEl.innerText = "10 planes, same for everyone today";
    }

    const sd = JSON.parse(localStorage.getItem("planeguessrDailyStreak") || '{"current":0}');
    streakEl.innerText = sd.current > 0 ? `\u{1F525} ${sd.current}-day streak` : "";
  }

  function updateDailyStreak(today) {
    const stored = JSON.parse(localStorage.getItem("planeguessrDailyStreak") || '{"current":0,"lastDate":""}');
    const yesterday = new Date();
    yesterday.setDate(yesterday.getDate() - 1);
    const yesterdayStr = `${yesterday.getFullYear()}-${String(yesterday.getMonth() + 1).padStart(2, "0")}-${String(yesterday.getDate()).padStart(2, "0")}`;

    if (stored.lastDate === yesterdayStr) {
      stored.current++;
    } else if (stored.lastDate !== today) {
      stored.current = 1;
    }
    stored.lastDate = today;
    localStorage.setItem("planeguessrDailyStreak", JSON.stringify(stored));
    renderLifeStats();
  }

  function showDailyResults(state) {
    document.getElementById("start-screen").style.display = "none";
    const gameScreen = document.getElementById("game-screen");
    gameScreen.style.display = "block";
    gameScreen.classList.remove("screen-fade");
    void gameScreen.offsetWidth;
    gameScreen.classList.add("screen-fade");

    const dayNum = getDailyNumber();
    const grid = state.answers.map(a => a ? "\u{1F7E9}" : "\u{1F7E5}").join("");
    const streakData = JSON.parse(localStorage.getItem("planeguessrDailyStreak") || '{"current":0}');

    document.getElementById("timer-container").style.display = "none";
    document.getElementById("timer-bar-wrapper").style.display = "none";
    document.getElementById("points-container").style.display = "none";
    document.getElementById("score-row").style.display = "none";

    document.getElementById("correct-count").innerText = state.correctCount;
    document.getElementById("total").innerText = "10";

    const html = `
      <div class="recap-block">
        <div class="recap-title">Daily #${dayNum}: ${state.correctCount}/10</div>
        <div class="recap-grid">${grid}</div>
        ${streakData.current > 0 ? `<div class="recap-streak">\u{1F525} ${streakData.current}-day streak</div>` : ""}
        <button onclick="shareDaily()" id="share-btn" class="recap-share">Share Result</button>
        ${renderMissedHtml(state.missed)}
      </div>
    `;
    showRecap(html);
  }

  function endDailyGame() {
    gameOver = true;
    hideNextControl();
    saveLifeStats();

    const today = getTodayString();
    const dailyState = {
      date: today,
      answers: dailyAnswers,
      correctCount: correctCount,
      missed: sessionMissed,
      completed: true
    };
    localStorage.setItem("planeguessrDaily", JSON.stringify(dailyState));
    updateDailyStreak(today);

    if (window.SoundManager) {
      SoundManager.play(correctCount / 10 >= 0.7 ? "gameEndGood" : "gameEndBad");
    }

    showDailyResults(dailyState);
  }

  window.startDaily = function () {
    // Check if already completed today
    const saved = JSON.parse(localStorage.getItem("planeguessrDaily") || "null");
    if (saved && saved.date === getTodayString() && saved.completed) {
      showDailyResults(saved);
      return;
    }

    isDaily = true;
    dailyAnswers = [];

    // Switch screens
    document.getElementById("start-screen").style.display = "none";
    const gameScreen = document.getElementById("game-screen");
    gameScreen.style.display = "block";
    gameScreen.classList.remove("screen-fade");
    void gameScreen.offsetWidth;
    gameScreen.classList.add("screen-fade");
    document.getElementById("score-row").style.display = "";

    // Force normal difficulty, normal mode
    difficulty = "normal";
    mode = "normal";

    // Generate seeded aircraft for today
    activeData = getDailyAircraft(data);

    // Standard game init
    highScore = 0;
    document.getElementById("high-score").innerText = "\u00b7";
    score = 0;
    total = 0;
    correctCount = 0;
    streak = 0;
    sessionBestStreak = 0;
    multiplier = 1;
    usedAircraft = [];
    sessionMissed = [];
    aircraftQueue = activeData.slice(); // daily uses seeded order as-is
    gameOver = false;
    hideRecap();
    updateScore();
    updateStreak();
    document.getElementById("timer-container").style.display = "none";
    document.getElementById("timer-bar-wrapper").style.display = "none";

    nextRound();
  };

  function getDailyQuip(correct) {
    if (correct === 10) return "Perfect score! Born to fly. \u{1F3C6}";
    if (correct >= 8)   return "Strong work! You know your planes. \u2708\uFE0F";
    if (correct >= 6)   return "Not bad for a passenger! \u{1F6E9}\uFE0F";
    if (correct >= 4)   return "Tricky skies today. \u{1F605}";
    return "Every pilot starts somewhere. \u{1F6EB}";
  }

  window.shareDaily = function () {
    const state = JSON.parse(localStorage.getItem("planeguessrDaily"));
    if (!state) return;
    const dayNum = getDailyNumber();
    const grid = state.answers.map(a => a ? "\u{1F7E9}" : "\u{1F7E5}").join("");
    const quip = getDailyQuip(state.correctCount);
    const text = `\u2708\uFE0F PlaneGuessr Daily #${dayNum}\n${grid} ${state.correctCount}/10\n${quip}\nplaneguessr.com`;
    const btn = document.getElementById("share-btn");
    const onSuccess = () => {
      if (btn) {
        btn.innerText = "Copied! \u2713";
        setTimeout(() => { btn.innerText = "Share Result"; }, 2000);
      }
    };
    const onFailure = () => {
      if (btn) btn.innerText = "Copy failed, long-press to copy";
      window.prompt("Copy your result:", text);
    };
    if (navigator.clipboard && navigator.clipboard.writeText) {
      navigator.clipboard.writeText(text).then(onSuccess).catch(onFailure);
    } else {
      onFailure();
    }
  };

  document.addEventListener("keydown", (e) => {
    const key = e.key;
    const buttons = Array.from(document.querySelectorAll(".choice-btn"));
    if (["1", "2", "3", "4"].includes(key)) {
      const index = parseInt(key) - 1;
      if (index < buttons.length && !buttons[index].disabled) {
        const btn = buttons[index];
        btn.classList.add("pressed");
        btn.click();
      }
    }
  });
});