script.js

const TRANSLATIONS = {
    terrains: {
        plains: "Plaines", forest: "Forêt", coast: "Côte", mountain: "Montagne",
        desert: "Désert", swamp: "Marais", ruins: "Ruines", cave: "Caverne"
    },
    pets: {
        1: "Chien", 2: "Caniche", 3: "Chat", 4: "Chat Noir", 5: "Souris", 6: "Hamster", 7: "Lapin", 8: "Vache", 9: "Cochon", 10: "Poulet",
        11: "Oiseau", 12: "Canard", 13: "Cheval", 14: "Tortue", 15: "Serpent", 16: "Lézard", 17: "Mouton", 18: "Chèvre", 19: "Dinde", 20: "Renard",
        21: "Ours", 22: "Koala", 23: "Grenouille", 24: "Singe", 25: "Manchot", 26: "Hibou", 27: "Chauve-souris", 28: "Loup", 29: "Sanglier", 30: "Phoque",
        31: "Hippopotame", 32: "Lama", 33: "Cygne", 34: "Flamant Rose", 35: "Raton Laveur", 36: "Moufette", 37: "Blaireau", 38: "Castor", 39: "Paresseux", 40: "Tamia",
        41: "Hérisson", 42: "Ours Polaire", 43: "Panda", 44: "Scorpion", 45: "Crocodile", 46: "Éléphant", 47: "Zèbre", 48: "Rhinocéros", 49: "Dromadaire", 50: "Chameau",
        51: "Girafe", 52: "Kangourou", 53: "Paon", 54: "Perroquet", 55: "Loutre", 56: "Tigre", 57: "Lion", 58: "Aigle", 59: "Dodo", 60: "Léopard",
        61: "Mammouth", 62: "Colombe", 63: "Licorne", 64: "Dragon", 65: "T-Rex", 66: "Stitch", 67: "Bonhomme de Neige", 68: "Canard Écarlate", 69: "Personne de Neige", 70: "Alien",
        71: "Poulpe", 72: "Manchot Empereur", 73: "Poisson", 74: "Poisson Tropical", 75: "Poisson Globe", 76: "Méduse", 77: "Requin", 78: "Baleine", 79: "Baleine Bleue", 80: "Crevette",
        81: "Homard", 82: "Dauphin", 83: "Phénix", 84: "Diplodocus", 85: "Escargot", 86: "Crabe", 87: "Cerf", 88: "Buffle d'eau", 89: "Bison", 90: "Oran-outan",
        91: "Gorille", 92: "Poussin", 93: "Rat", 94: "Merle", 95: "Corbeau", 96: "Âne", 97: "Oie", 98: "Élan", 99: "Citrouille", 100: "Fantôme", 101: "Vampire"
    }
};

const RARITY_LABELS = {
    1: "Commun 🔶", 2: "Peu commun 🔥", 3: "Exotique 🔱", 4: "Rare ☄️",
    5: "Spécial 💫", 6: "Épique ⭐", 7: "Légendaire 🌟", 8: "Mythique 💎"
};

const PET_DATA = {
    1: { liked: ["forest", "plains", "mountain"], disliked: ["swamp"] },
    2: { liked: ["plains", "ruins"], disliked: ["swamp", "cave"] },
    3: { liked: ["ruins", "forest", "plains"], disliked: ["swamp"] },
    4: { liked: ["ruins", "cave", "forest"], disliked: ["desert"] },
    5: { liked: ["plains", "cave", "ruins"], disliked: [] },
    6: { liked: ["plains", "desert", "cave"], disliked: ["swamp"] },
    7: { liked: ["plains", "forest"], disliked: ["desert", "swamp"] },
    8: { liked: ["plains", "forest"], disliked: ["mountain", "desert"] },
    9: { liked: ["plains", "forest", "swamp"], disliked: ["desert"] },
    10: { liked: ["plains", "forest"], disliked: ["mountain", "cave"] },
    11: { liked: ["forest", "plains", "mountain"], disliked: ["cave"] },
    12: { liked: ["coast", "swamp", "plains"], disliked: ["desert", "cave"] },
    13: { liked: ["plains", "mountain"], disliked: ["swamp", "cave"] },
    14: { liked: ["coast", "swamp", "plains"], disliked: ["desert", "mountain"] },
    15: { liked: ["desert", "swamp", "ruins"], disliked: ["mountain"] },
    16: { liked: ["desert", "ruins", "cave"], disliked: ["swamp"] },
    17: { liked: ["plains", "mountain"], disliked: ["swamp", "desert"] },
    18: { liked: ["mountain", "ruins", "plains"], disliked: ["swamp"] },
    19: { liked: ["forest", "plains"], disliked: ["desert", "coast"] },
    20: { liked: ["forest", "plains"], disliked: ["desert"] },
    21: { liked: ["forest", "mountain", "cave"], disliked: ["desert"] },
    22: { liked: ["forest"], disliked: ["desert", "cave"] },
    23: { liked: ["swamp", "coast", "forest"], disliked: ["desert", "mountain"] },
    24: { liked: ["forest", "ruins"], disliked: ["desert", "coast"] },
    25: { liked: ["coast", "mountain"], disliked: ["desert", "swamp"] },
    26: { liked: ["forest", "ruins", "cave"], disliked: ["desert"] },
    27: { liked: ["cave", "ruins", "forest"], disliked: ["desert", "plains"] },
    28: { liked: ["forest", "mountain", "plains"], disliked: ["desert"] },
    29: { liked: ["forest", "swamp", "plains"], disliked: ["desert"] },
    30: { liked: ["coast", "cave"], disliked: ["desert", "forest"] },
    31: { liked: ["swamp", "coast"], disliked: ["desert", "mountain"] },
    32: { liked: ["mountain", "desert", "plains"], disliked: ["swamp"] },
    33: { liked: ["coast", "swamp", "plains"], disliked: ["desert", "cave"] },
    34: { liked: ["coast", "swamp"], disliked: ["cave", "desert"] },
    35: { liked: ["forest", "ruins"], disliked: ["desert"] },
    36: { liked: ["forest", "plains"], disliked: ["desert"] },
    37: { liked: ["forest", "plains", "cave"], disliked: ["desert"] },
    38: { liked: ["forest", "coast", "swamp"], disliked: ["desert", "mountain"] },
    39: { liked: ["forest", "swamp"], disliked: ["desert", "mountain"] },
    40: { liked: ["forest", "mountain"], disliked: ["desert", "coast"] },
    41: { liked: ["forest", "plains"], disliked: ["desert"] },
    42: { liked: ["coast", "mountain"], disliked: ["desert", "swamp"] },
    43: { liked: ["forest", "mountain"], disliked: ["desert", "coast"] },
    44: { liked: ["desert", "cave", "ruins"], disliked: ["coast", "swamp"] },
    45: { liked: ["swamp", "coast"], disliked: ["desert", "mountain"] },
    46: { liked: ["plains", "forest"], disliked: ["cave", "mountain"] },
    47: { liked: ["plains", "desert"], disliked: ["swamp", "forest"] },
    48: { liked: ["plains", "swamp"], disliked: ["cave", "mountain"] },
    49: { liked: ["desert", "plains"], disliked: ["coast", "swamp"] },
    50: { liked: ["desert", "plains"], disliked: ["coast", "swamp"] },
    51: { liked: ["plains", "forest"], disliked: ["cave", "swamp"] },
    52: { liked: ["plains", "desert"], disliked: ["cave", "swamp"] },
    53: { liked: ["forest", "ruins", "plains"], disliked: ["desert"] },
    54: { liked: ["forest", "coast", "ruins"], disliked: ["mountain", "desert"] },
    55: { liked: ["coast", "swamp", "forest"], disliked: ["desert"] },
    56: { liked: ["forest", "swamp"], disliked: ["desert", "coast"] },
    57: { liked: ["plains", "desert"], disliked: ["swamp", "forest"] },
    58: { liked: ["mountain", "plains"], disliked: ["cave", "swamp"] },
    59: { liked: ["forest", "coast", "plains"], disliked: ["mountain", "cave"] },
    60: { liked: ["forest", "mountain"], disliked: ["coast"] },
    61: { liked: ["mountain", "plains"], disliked: ["desert", "swamp"] },
    62: { liked: ["plains", "forest", "ruins"], disliked: ["cave"] },
    63: { liked: ["forest", "plains"], disliked: ["cave", "swamp"] },
    64: { liked: ["mountain", "cave", "ruins"], disliked: ["swamp"] },
    65: { liked: ["plains", "forest", "swamp"], disliked: ["coast", "cave"] },
    66: { liked: ["ruins", "coast", "cave"], disliked: [] },
    67: { liked: ["mountain"], disliked: ["desert", "swamp"] },
    68: { liked: ["coast", "swamp", "plains"], disliked: ["desert"] },
    69: { liked: ["mountain"], disliked: ["desert", "swamp"] },
    70: { liked: ["ruins", "desert", "cave"], disliked: [] },
    71: { liked: ["coast", "cave"], disliked: ["desert", "mountain"] },
    72: { liked: ["coast", "mountain"], disliked: ["desert", "swamp"] },
    73: { liked: ["coast", "swamp"], disliked: ["desert", "mountain"] },
    74: { liked: ["coast", "swamp"], disliked: ["desert", "mountain"] },
    75: { liked: ["coast", "swamp"], disliked: ["desert", "mountain"] },
    76: { liked: ["coast", "swamp"], disliked: ["desert", "mountain"] },
    77: { liked: ["coast"], disliked: ["desert", "mountain"] },
    78: { liked: ["coast"], disliked: ["desert", "mountain"] },
    79: { liked: ["coast"], disliked: ["desert", "mountain"] },
    80: { liked: ["coast", "swamp", "cave"], disliked: ["desert", "mountain"] },
    81: { liked: ["coast", "cave"], disliked: ["desert", "mountain"] },
    82: { liked: ["coast"], disliked: ["desert", "mountain"] },
    83: { liked: ["mountain", "desert", "ruins"], disliked: ["coast", "swamp"] },
    84: { liked: ["plains", "forest", "swamp"], disliked: ["cave", "mountain"] },
    85: { liked: ["forest", "swamp", "ruins"], disliked: ["desert"] },
    86: { liked: ["coast", "swamp", "cave"], disliked: ["desert"] },
    87: { liked: ["forest", "plains"], disliked: ["desert", "swamp"] },
    88: { liked: ["plains", "swamp", "forest"], disliked: ["desert"] },
    89: { liked: ["plains", "mountain"], disliked: ["swamp", "cave"] },
    90: { liked: ["forest", "swamp"], disliked: ["desert", "mountain"] },
    91: { liked: ["forest", "mountain"], disliked: ["desert", "coast"] },
    92: { liked: ["plains", "forest"], disliked: ["mountain", "swamp"] },
    93: { liked: ["ruins", "cave", "swamp"], disliked: [] },
    94: { liked: ["forest", "plains", "ruins"], disliked: ["desert"] },
    95: { liked: ["ruins", "forest", "plains"], disliked: [] },
    96: { liked: ["plains", "mountain", "desert"], disliked: ["swamp"] },
    97: { liked: ["plains", "coast", "swamp"], disliked: ["desert", "cave"] },
    98: { liked: ["forest", "mountain"], disliked: ["desert", "coast"] },
    99: { liked: ["ruins", "cave", "swamp"], disliked: ["coast", "desert"] },
    100: { liked: ["ruins", "cave"], disliked: ["plains"] },
    101: { liked: ["cave", "ruins", "forest"], disliked: ["plains", "desert"] }
};

const PET_STATS = {
    1: { rarity: 1, diet: "🥩 Carnivore", force: 8, speed: 18 },
    2: { rarity: 1, diet: "🥩 Carnivore", force: 4, speed: 12 },
    3: { rarity: 1, diet: "🥩 Carnivore", force: 4, speed: 15 },
    4: { rarity: 1, diet: "🥩 Carnivore", force: 4, speed: 15 },
    5: { rarity: 1, diet: "🍴 Omnivore", force: 1, speed: 8 },
    6: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 6 },
    7: { rarity: 1, diet: "🌿 Herbivore", force: 2, speed: 14 },
    8: { rarity: 1, diet: "🌿 Herbivore", force: 20, speed: 5 },
    9: { rarity: 1, diet: "🌿 Herbivore", force: 10, speed: 6 },
    10: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 7 },
    11: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 20 },
    12: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 8 },
    13: { rarity: 2, diet: "🌿 Herbivore", force: 15, speed: 28 },
    14: { rarity: 3, diet: "🌿 Herbivore", force: 2, speed: 2 },
    15: { rarity: 3, diet: "🥩 Carnivore", force: 12, speed: 10 },
    16: { rarity: 3, diet: "🥩 Carnivore", force: 1, speed: 12 },
    17: { rarity: 2, diet: "🌿 Herbivore", force: 11, speed: 10 },
    18: { rarity: 2, diet: "🌿 Herbivore", force: 11, speed: 11 },
    19: { rarity: 2, diet: "🌿 Herbivore", force: 2, speed: 5 },
    20: { rarity: 2, diet: "🥩 Carnivore", force: 13, speed: 22 },
    21: { rarity: 4, diet: "🥩 Carnivore", force: 26, speed: 14 },
    22: { rarity: 3, diet: "🌿 Herbivore", force: 2, speed: 3 },
    23: { rarity: 2, diet: "🌿 Herbivore", force: 1, speed: 6 },
    24: { rarity: 5, diet: "🌿 Herbivore", force: 13, speed: 16 },
    25: { rarity: 3, diet: "🥩 Carnivore", force: 6, speed: 8 },
    26: { rarity: 2, diet: "🥩 Carnivore", force: 4, speed: 18 },
    27: { rarity: 2, diet: "🥩 Carnivore", force: 3, speed: 22 },
    28: { rarity: 4, diet: "🥩 Carnivore", force: 19, speed: 25 },
    29: { rarity: 2, diet: "🍴 Omnivore", force: 14, speed: 18 },
    30: { rarity: 2, diet: "🥩 Carnivore", force: 8, speed: 12 },
    31: { rarity: 3, diet: "🌿 Herbivore", force: 29, speed: 8 },
    32: { rarity: 3, diet: "🌿 Herbivore", force: 8, speed: 15 },
    33: { rarity: 3, diet: "🌿 Herbivore", force: 5, speed: 14 },
    34: { rarity: 3, diet: "🍴 Omnivore", force: 2, speed: 10 },
    35: { rarity: 3, diet: "🍴 Omnivore", force: 7, speed: 13 },
    36: { rarity: 3, diet: "🥩 Carnivore", force: 3, speed: 9 },
    37: { rarity: 3, diet: "🍴 Omnivore", force: 6, speed: 11 },
    38: { rarity: 3, diet: "🌿 Herbivore", force: 4, speed: 7 },
    39: { rarity: 4, diet: "🌿 Herbivore", force: 1, speed: 1 },
    40: { rarity: 4, diet: "🌿 Herbivore", force: 1, speed: 17 },
    41: { rarity: 4, diet: "🍴 Omnivore", force: 1, speed: 6 },
    42: { rarity: 4, diet: "🥩 Carnivore", force: 30, speed: 12 },
    43: { rarity: 4, diet: "🌿 Herbivore", force: 16, speed: 8 },
    44: { rarity: 4, diet: "🥩 Carnivore", force: 5, speed: 9 },
    45: { rarity: 4, diet: "🥩 Carnivore", force: 28, speed: 12 },
    46: { rarity: 4, diet: "🌿 Herbivore", force: 30, speed: 10 },
    47: { rarity: 4, diet: "🌿 Herbivore", force: 15, speed: 27 },
    48: { rarity: 5, diet: "🌿 Herbivore", force: 30, speed: 16 },
    49: { rarity: 5, diet: "🌿 Herbivore", force: 21, speed: 20 },
    50: { rarity: 5, diet: "🌿 Herbivore", force: 21, speed: 18 },
    51: { rarity: 5, diet: "🌿 Herbivore", force: 12, speed: 19 },
    52: { rarity: 5, diet: "🌿 Herbivore", force: 17, speed: 23 },
    53: { rarity: 5, diet: "🌿 Herbivore", force: 2, speed: 9 },
    54: { rarity: 5, diet: "🍴 Omnivore", force: 3, speed: 16 },
    55: { rarity: 5, diet: "🥩 Carnivore", force: 4, speed: 14 },
    56: { rarity: 5, diet: "🥩 Carnivore", force: 28, speed: 24 },
    57: { rarity: 6, diet: "🥩 Carnivore", force: 28, speed: 26 },
    58: { rarity: 6, diet: "🥩 Carnivore", force: 8, speed: 28 },
    59: { rarity: 6, diet: "🌿 Herbivore", force: 1, speed: 3 },
    60: { rarity: 6, diet: "🥩 Carnivore", force: 24, speed: 30 },
    61: { rarity: 6, diet: "🌿 Herbivore", force: 26, speed: 7 },
    62: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 15 },
    63: { rarity: 7, diet: "🍴 Omnivore", force: 20, speed: 30 },
    64: { rarity: 7, diet: "🥩 Carnivore", force: 30, speed: 25 },
    65: { rarity: 7, diet: "🥩 Carnivore", force: 30, speed: 16 },
    66: { rarity: 7, diet: "🍴 Omnivore", force: 18, speed: 20 },
    67: { rarity: 6, diet: "🌿 Herbivore", force: 5, speed: 4 },
    68: { rarity: 7, diet: "🌿 Herbivore", force: 30, speed: 8 },
    69: { rarity: 7, diet: "🌿 Herbivore", force: 6, speed: 4 },
    70: { rarity: 7, diet: "🍴 Omnivore", force: 20, speed: 22 },
    71: { rarity: 5, diet: "🍴 Omnivore", force: 7, speed: 10 },
    72: { rarity: 6, diet: "🍴 Omnivore", force: 6, speed: 6 },
    73: { rarity: 1, diet: "🥩 Carnivore", force: 4, speed: 15 },
    74: { rarity: 7, diet: "🥩 Carnivore", force: 4, speed: 14 },
    75: { rarity: 6, diet: "🥩 Carnivore", force: 3, speed: 5 },
    76: { rarity: 4, diet: "🥩 Carnivore", force: 6, speed: 3 },
    77: { rarity: 6, diet: "🥩 Carnivore", force: 26, speed: 28 },
    78: { rarity: 5, diet: "🥩 Carnivore", force: 30, speed: 18 },
    79: { rarity: 7, diet: "🥩 Carnivore", force: 30, speed: 17 },
    80: { rarity: 4, diet: "🥩 Carnivore", force: 1, speed: 8 },
    81: { rarity: 6, diet: "🥩 Carnivore", force: 5, speed: 5 },
    82: { rarity: 6, diet: "🥩 Carnivore", force: 12, speed: 29 },
    83: { rarity: 7, diet: "🍴 Omnivore", force: 30, speed: 30 },
    84: { rarity: 7, diet: "🌿 Herbivore", force: 22, speed: 6 },
    85: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 1 },
    86: { rarity: 4, diet: "🍴 Omnivore", force: 3, speed: 7 },
    87: { rarity: 5, diet: "🍴 Omnivore", force: 16, speed: 24 },
    88: { rarity: 6, diet: "🍴 Omnivore", force: 22, speed: 14 },
    89: { rarity: 5, diet: "🍴 Omnivore", force: 24, speed: 17 },
    90: { rarity: 6, diet: "🍴 Omnivore", force: 18, speed: 9 },
    91: { rarity: 6, diet: "🌿 Herbivore", force: 27, speed: 11 },
    92: { rarity: 1, diet: "🌿 Herbivore", force: 1, speed: 5 },
    93: { rarity: 2, diet: "🍴 Omnivore", force: 3, speed: 12 },
    94: { rarity: 7, diet: "🌿 Herbivore", force: 1, speed: 18 },
    95: { rarity: 7, diet: "🍴 Omnivore", force: 3, speed: 17 },
    96: { rarity: 3, diet: "🌿 Herbivore", force: 9, speed: 12 },
    97: { rarity: 2, diet: "🌿 Herbivore", force: 3, speed: 10 },
    98: { rarity: 5, diet: "🌿 Herbivore", force: 18, speed: 21 },
    99: { rarity: 7, diet: "🍴 Omnivore", force: 19, speed: 8 },
    100: { rarity: 7, diet: "🍴 Omnivore", force: 15, speed: 25 },
    101: { rarity: 8, diet: "🥩 Carnivore", force: 25, speed: 28 }
};

// --- LOGIQUE DE L'INTERFACE ---
const petDatalist = document.getElementById('pet-list');
Object.entries(TRANSLATIONS.pets).forEach(([id, name]) => {
    const opt = document.createElement('option');
    opt.value = name;
    petDatalist.appendChild(opt);
});

function genererContenuFiche(id, name, prefs) {
    const stats = PET_STATS[id] || { diet: "🍴 Omnivore", force: "?", speed: "?", rarity: 1 };
    const rarityText = RARITY_LABELS[stats.rarity] || "Inconnu";

    return `
        <h2 style="margin:0">${name} <small>(#${id})</small></h2>
        <div style="color: #64748b; font-weight: bold; margin-bottom: 5px;">${rarityText}</div>
        <div class="stats-bar">
            <span>${stats.diet}</span> | 
            <span>💪 Force: ${stats.force}</span> | 
            <span>⚡ Vit: ${stats.speed}</span>
        </div>
        <hr style="margin:10px 0; border:0; border-top:1px solid #eee">
        <p><strong>🌟 Aimé (x1.0) :</strong><br>
            ${prefs.liked.map(t => `<span class="tag tag-liked">${TRANSLATIONS.terrains[t]}</span>`).join('') || 'Aucun'}
        </p>
        <p><strong>🚫 Détesté (x0.25) :</strong><br>
            ${prefs.disliked.map(t => `<span class="tag tag-disliked">${TRANSLATIONS.terrains[t]}</span>`).join('') || 'Aucun'}
        </p>
    `;
}

function chercherParNom() {
    const query = document.getElementById('petSearch').value.trim().toLowerCase();
    const resultsGrid = document.getElementById('resultsGrid');
    resultsGrid.innerHTML = "";
    const petEntry = Object.entries(TRANSLATIONS.pets).find(([id, name]) => name.toLowerCase() === query);
    if (petEntry) {
        const id = petEntry[0];
        const card = document.createElement('div');
        card.className = "pet-card";
        card.style.gridColumn = "1 / -1";
        card.style.maxWidth = "500px";
        card.style.margin = "auto";
        card.innerHTML = genererContenuFiche(id, petEntry[1], PET_DATA[id]);
        resultsGrid.appendChild(card);
    }
}

let currentTerrain = "all";
document.querySelectorAll('.terrain').forEach(btn => {
    btn.addEventListener('click', () => {
        document.querySelector('.terrain.active').classList.remove('active');
        btn.classList.add('active');
        currentTerrain = btn.getAttribute('data-terrain');
        filtrerParTerrain();
    });
});

function filtrerParTerrain() {
    const prefType = document.getElementById('prefType').value;
    const resultsGrid = document.getElementById('resultsGrid');
    resultsGrid.innerHTML = "";
    Object.entries(PET_DATA).forEach(([id, prefs]) => {
        const match = (currentTerrain === "all" || prefs[prefType].includes(currentTerrain));
        if (match) {
            const card = document.createElement('div');
            card.className = "pet-card";
            card.innerHTML = genererContenuFiche(id, TRANSLATIONS.pets[id] || `Pet ${id}`, prefs);
            resultsGrid.appendChild(card);
        }
    });
}

document.getElementById('petSearch').addEventListener('keypress', (e) => { if (e.key === 'Enter') chercherParNom(); });
filtrerParTerrain();