<!--
  index.html — version splittee de MonarqueXD_v95L_GUILDORIGINS.html
  Genere automatiquement le 2026-04-27 22:22 (Phase 1 — split du monolithe)
  Original: 79 832 lignes / 5,03 Mo  -->
<!-- +==============================================================+
     |  DONJONS MONARQUE - Jeu RPG Fitness                        |
     |  Fichier principal unique (HTML + CSS + JS)                 |
     |  Structure :                                                |
     |    1. HEAD : Meta + Google Fonts                            |
     |    2. STYLE : CSS complet (animations, layout, thème)       |
     |    3. HTML : Tous les écrans du jeu (screens)               |
     |    4. SCRIPT : Logique du jeu (état, combat, boutique...)   |
     |                                                             |
     |  ========== CHANGELOG SESSION CLAUDE ==========             |
     |                                                             |
     |  [PARRAINAGE] Système premium refait (v14.29) :             |
     |    - 50💎 parrain + 50💎 filleul + 150💰                    |
     |    - Filleul "en attente" → "validé" au niveau 5            |
     |    - Rapport filleuls (validés/en attente)                  |
     |    - 5 paliers : 1/3/5/10/20 filleuls avec CLAIM           |
     |    - checkReferralValidation() dans levelUp()               |
     |                                                             |
     |  [PARAMÈTRES] 3 nouveaux boutons :                          |
     |    - 🎁 Récompenses quotidiennes (calendrier 30j)           |
     |    - 🤝 Parrainage                                          |
     |    - 🎓 Revoir le tutoriel                                  |
     |                                                             |
     |  [DESIGN] Tutoriel, parrainage, daily rewards améliorés     |
     |    - Couleurs par étape, dots nav, glow dynamique           |
     |    - Barres de progression, badges semaine                  |
     |    - Bouton partager (Web Share API)                        |
     |                                                             |
     |  [PRIX] Réduction globale ~35% :                            |
     |    - Sorts : 1.2k → 320k (avant 2k → 500k)                |
     |    - Armes spéciales : 5k → 300k (avant 8k → 500k)         |
     |    - Marchand élite : -30%                                  |
     |    - Marché généré : multiplicateur ×8 → ×5                 |
     |                                                             |
     |  [VIDÉOS] +3💎 + 10💰 par vidéo (avant : 3💎 seul)          |
     |    - 5 vidéos/jour = 15💎 + 50💰                            |
     |                                                             |
     |  [LANGUES] 5 langues : FR, EN, ES, JA, AR                  |
     |    - GAME_I18N : traductions in-game (carte, nav, tips)     |
     |    - applyGameLanguage() : traduit l\'UI après login         |
     |    - Langue sauvée dans gameState._language                 |
     |    - Restaurée automatiquement à la reconnexion             |
     |                                                             |
     |  [FAMILIERS] 18 familiers avec images PNG :                 |
     |    - E: Chien, Chat, Corbeau                                |
     |    - D: Sanglier, Loup, Hibou                               |
     |    - C: Ours, Serpent, Aigle                                |
     |    - B: Lion, Tigre                                         |
     |    - A: Bébé Dragon, Phénix, Dragon des Cimes (NEW)        |
     |    - S: Loup-Garou, Hydre                                   |
     |    - Monarque: Cerbère, Monarque Montagnes (NEW),           |
     |               Minotaure du Monarque (NEW)                   |
     |                                                             |
     |  [POTIONS] 7 potions avec images PNG :                      |
     |    - Feu, Poison, Glace, Soin, Rage, Énergie, Élixir       |
     |    - Dossier : comestible/                                  |
     |                                                             |
     |  [ÉQUIPEMENTS DONJON] Nouveaux drops :                      |
     |    - Donjon Gobelin : Botte, Dague, Chapeau, Arc            |
     |    - Donjon Drago Cochon : Botte, Armure                    |
     |    - 🥚 Œuf Draconique : 1% drop boss, buff critique +5   |
     |    - Images dans equipements/                               |
     |                                                             |
     |  [BESTIAIRE] Affichage drops amélioré :                     |
     |    - Images PNG des drops dans le détail monstre            |
     |    - Stats bonus visibles, description, % coloré            |
     |    - Monstre grisé "???" tant que pas tué                   |
     |                                                             |
     |  [LOTERIE] Bouton ℹ️ info sur chaque coffre :               |
     |    - showChestLootInfo() : popup table de loot              |
     |    - Raretés, %, types d\'items, jackpot 6.7%                |
     |    - Prêt pour ajout d\'items spécifiques plus tard          |
     |                                                             |
     |                                                             |
     |  ========== SESSION 4 — PROGRAMME FITNESS + MARKETPLACE === |
     |                                                             |
     |  [FITNESS] Système Programme Personnalisé :                 |
     |    - Popup calibration 1ère connexion (pompes/squats/abdos/ |
     |      tractions + choix des jours d\'entraînement)           |
     |    - Quêtes quotidiennes à 70% du max du joueur             |
     |    - Malus -50% XP si quête non faite (vidéo annule malus) |
     |    - Level up = +5% sur les objectifs                       |
     |    - Recalibration dans Paramètres                          |
     |    - Bouton flottant 🏋️ en bas à gauche                    |
     |    - Panel quêtes avec barres de progression                |
     |                                                             |
     |  [MARKETPLACE] 6 items rotatifs avec images :               |
     |    - Pool de 30+ équipements avec vraies images PNG         |
     |    - Refresh = 10 💎 ou gratuit le lendemain               |
     |    - Items adaptés au niveau du joueur                      |
     |    - Achat remplace l\'item par un nouveau                   |
     |    - Marchand élite conservé (niveau 20+)                   |
     |                                                             |
     |  [LOTERIE] Coffres payables uniquement en Or :              |
     |    - Patch openBouffonChest → force currency 'or'             |
     |    - Bannière informative sur l\'écran loterie               |
     |    - Coffre gratuit quotidien inchangé                      |
     |                                                             |
     |  Firebase : projet monarque-x                               |
     |  Admin : attigui.ay@gmail.com                               |
     |  Dossiers images : Monstre/, sorts/, coffre_lotterie/,      |
     |    Boutique/, equipements/, familier/, Avatar/, Buff/,       |
     |    comestible/                                              |
     |                                                             |
     |  ========== SESSION 2 — HÔTEL DE VENTE & ANTI-TRICHE ===   |
     |                                                             |
     |  [BUG FIX] Difficulté corrigée :                            |
     |    - getAccountDifficulty() check gameState.difficulty       |
     |      d\'abord (comptes Firebase), puis fallback localStorage |
     |    - Difficulté sauvée dans gameState pour register,        |
     |      register Firebase, et mode invité                      |
     |                                                             |
     |  [HÔTEL DE VENTE] Système complet d\'enchères :              |
     |    - Nouvel onglet "🏛️ Enchères" dans le Marketplace       |
     |    - 3 sous-onglets : Acheter / Vendre / Mes ventes        |
     |    - Taxe 10% sur chaque vente (gemmes détruites)           |
     |    - Filtres : recherche, rareté, tri par prix/date         |
     |    - Modal de mise en vente avec prix suggéré               |
     |    - Calcul temps réel du montant après taxe                |
     |    - Historique des transactions                             |
     |    - Bouton retirer item du marché                          |
     |    - Champ listing.difficulty prêt pour filtre multi-joueur |
     |                                                             |
     |  [ANTI-TRICHE] Système de strikes silencieux :              |
     |    - Chaque popup triche = 1 strike dans _cheatStrikes      |
     |    - 10 strikes en 48h = ban HDV 24h (silencieux)           |
     |    - Message neutre "Vente temporairement indisponible"     |
     |    - Vérifié dans confirmSellItem()                         |
     |                                                             |
     |  [CAPS JOURNALIERS] Limite XP/Or par jour :                 |
     |    - Niv 1-10 : 15k XP / 8k Or                             |
     |    - Niv 11-30 : 40k XP / 20k Or                           |
     |    - Niv 31-60 : 80k XP / 50k Or                           |
     |    - Niv 61+ : 150k XP / 100k Or                           |
     |    - addXpCapped() / addGoldCapped() dans 4 blocs combat   |
     |    - Reset automatique chaque jour                          |
     |    - Message "Cap atteint" affiché 1 seule fois/jour        |
     |                                                             |
     |  [DOUBLONS] Nettoyage fonctions dupliquées :                |
     |    - Ancien buyAuctionItem/cancelAuctionListing supprimés   |
     |    - Remplacés par nouveau système gemmes + taxe            |
     |                                                             |
     |  ========== SESSION 3 — GUILDES, BATTLE PASS, ETC ========  |
     |                                                             |
     |  [GUILDES] Système complet :                                |
     |    - Créer (500 or) / rejoindre une guilde                  |
     |    - Raids boss coopératifs (4 boss, PV partagés)           |
     |    - Contribution quotidienne (basée sur XP du jour)        |
     |    - Classement des guildes par raids terminés              |
     |    - Stats : raids vaincus, dégâts totaux, contribution     |
     |                                                             |
     |  [BATTLE PASS] Gratuit + Premium (500 💎) :                 |
     |    - 30 paliers avec XP de pass                             |
     |    - Track gratuit : or, XP, gemmes                         |
     |    - Track premium : gemmes, titres exclusifs               |
     |    - XP gagné via exercices + streak quotidienne            |
     |    - addBattlePassXp() branché sur completeExercise         |
     |                                                             |
     |  [DÉFI HEBDO] Boss de la semaine :                          |
     |    - Boss rotatif (4 boss, change chaque lundi)             |
     |    - Classement : le moins de reps = meilleur               |
     |    - Récompenses XP + Or + Gemmes                           |
     |    - Top 3 avec médailles                                   |
     |                                                             |
     |  [STREAKS] Connexion consécutive :                          |
     |    - +5% XP par tranche de 7 jours (max +30%)              |
     |    - checkStreak() dans completeLogin                       |
     |    - getStreakMultiplier() pour bonus XP                    |
     |    - Messages à 7, 14, 30 jours                             |
     |    - Donne du XP de battle pass en bonus                    |
     |                                                             |
     |  [PROGRAMME PERSO] Entraînement personnalisé :              |
     |    - 3 programmes : Force / Endurance / Guerrier Complet    |
     |    - 4 semaines progressives par programme                  |
     |    - Tracker d\'exercices automatique (via completeExercise) |
     |    - Récompenses XP + Or + Gemmes par semaine               |
     |    - Possibilité d\'abandonner + recommencer                 |
     |                                                             |
     |  [NAV] 3 nouveaux boutons écran principal :                 |
     |    - ⚔️ Guilde / 🏆 Pass / 🔥 Hebdo                       |
     |    - 🏋️ Programme (à côté de Bestiaire)                    |
     +==============================================================+ -->
<!DOCTYPE html>
<html lang="fr">
<head>
    <!-- === META & CONFIGURATION === -->
    <meta charset="UTF-8">
    <!-- [2026-08-12] MXp() : acces SUR au parent depuis un onerror d'image. Defini ICI, en tete,
         parce qu'une image peut echouer AVANT que le moindre script differe ne s'execute.
         Pile capturee en jeu : « TypeError: Cannot set properties of null (setting 'innerHTML')
         at HTMLImageElement.onerror ». Les 9 gestionnaires onerror ecrivent dans
         this.parentElement.innerHTML pour poser un emoji de repli ; si le joueur quitte l'ecran
         pendant que l'image charge, l'<img> est DETACHEE et parentElement vaut null -> TypeError
         non rattrapee. MXp renvoie le parent, ou un div jetable s'il n'y en a plus. -->
    <script>window.MXp=function(e){try{if(e&&e.parentElement)return e.parentElement;if(e&&e.parentNode&&e.parentNode.nodeType===1)return e.parentNode;}catch(x){}try{return document.createElement('div');}catch(x){}return{innerHTML:'',style:{},textContent:''};};</script>
    <!-- [2026-08-12] MODE SUR : ouvrir le jeu avec ?mxsafe=1 desactive TOUS les packs ajoutes
         le 12/08 (v111 a v114). Sert a trancher en un seul essai si un blocage vient de ces
         packs ou s il pre-existait, sans desinstaller quoi que ce soit. Doit s executer AVANT
         les <script defer>, d ou sa place ici. ?mxsafe=0 ou une URL sans parametre = normal. -->
    <!-- [2026-08-13] Trois evolutions, apres une journee de regressions :
         1. la liste couvre maintenant les 51 interrupteurs, plus seulement 15 ;
         2. le choix est RETENU (localStorage) : plus besoin de remettre le parametre
            a chaque ouverture, ?mxsafe=0 le leve ;
         3. ?mxsafecam=1 ne coupe QUE la camera/le detecteur, pour isoler sans
            perdre les corrections qui, elles, tiennent (degats, quetes, titres). -->
    <script>(function(){try{
    var TOUT=['__mxAliasCamOff','__mxSagaI18nOff','__mxEcranPropreOff','__mxMessagesOff','__mxOauthIndispoOff','__mxBossVideosOff','__mxVoixVarieeOff','__mxCombatExerciceOff','__mxProEnergieOff','__mxPoidsCategorieOff','__mxSeancePleinEcranOff','__mxNoResetOff','__mxQualiteVisibleOff','__mxTutoAutoOff','__mxExosDevBoutiqueOff','__mxVsSansBandeOff','__mxExosPleinCadreOff','__mxFamilierBulleOff','__mxEquilibrageOff','__mxVerrouOrigineOff','__mxFamilierCamOff','__mxVoixCoupureOff','__mxI18nComplementOff','__mxCamPlus1EffetsOff','__mxMicroMusiqueOff','__mxModeExpliciteOff','__mxBoutonTutoOff','__mxEpureOff','__mxCadrageOff','__mxPoidsPriveOff','__mxZonesSuresOff','__mxLegalOff','__mxSecuOff','__mxNotifPurgeOff','__mxPunition5Off','__mxBossReplOff','__mxTrainVerrouOff','__mxCamPortraitOff','__mxBandeauProgOff','__mxExosDevOff','__mxCamSuiteOff','__mxRecTactileOff','__mxTrainChoixOff','__mxOauthOff','__mxDiagTactileOff','__mxAntiWipeOff','__mxAutoOnlyOff','__mxBassinAutoOff','__mxBossRecompenseOff','__mxBudgetOff',
     '__mxCamAutoOff','__mxCamFlipOff','__mxCamFluiditeOff','__mxCamSessionOff','__mxClassementOff',
     '__mxCoactGesteOff','__mxComptesSecoursOff','__mxDegatsCamOff','__mxEchelleOff','__mxEcranGardeOff',
     '__mxFormeExoOff','__mxFsCoalesceOff','__mxFusionOff','__mxGuildAvatarsOff','__mxHdvInBuildOff',
     '__mxInBuildOff','__mxLibelleOff','__mxLoginDiagOff','__mxMobileOff','__mxNoEnduranceOff',
     '__mxOwnerStampOff','__mxParasiteOff','__mxPompesHanchesOff','__mxPrecisionOff','__mxProTicketsOff',
     '__mxProgImgOff','__mxPubCompteurOff','__mxQualiteOff','__mxQuetesFixOff','__mxRankMedalOff',
     '__mxRapportOff','__mxRebondOff','__mxRecOff','__mxRepCadenceOff','__mxRetourOff','__mxSessLayoutOff',
     '__mxSondesOff','__mxSpellI18nOff','__mxTapSecoursOff','__mxTitleImgOff','__mxTitresOrOff',
     '__mxTrainHubOff','__mxTutoGuardOff','__mxVersionGardeOff','__mxVoiceClipsOff','__mxVoiceCloseOff'];
    var CAM=['__mxAliasCamOff','__mxAutoOnlyOff','__mxBassinAutoOff','__mxBudgetOff','__mxCamAutoOff','__mxCamFlipOff',
     '__mxCamFluiditeOff','__mxCamSessionOff','__mxCoactGesteOff','__mxDegatsCamOff','__mxEchelleOff',
     '__mxFormeExoOff','__mxParasiteOff','__mxPompesHanchesOff','__mxPrecisionOff','__mxQualiteOff',
     '__mxRecOff','__mxRepCadenceOff'];
    function pose(l,n){l.forEach(function(k){window[k]=true;});try{console.warn('[MODE SUR] '+n+' — '+l.length+' packs desactives');}catch(e){}}
    var s=location.search, mem=null;
    try{mem=localStorage.getItem('mx_safe');}catch(e){}
    if(/[?&]mxsafe=0/.test(s)){try{localStorage.removeItem('mx_safe');}catch(e){}return;}
    if(/[?&]mxsafe=1/.test(s)){try{localStorage.setItem('mx_safe','tout');}catch(e){}return pose(TOUT,'tout');}
    if(/[?&]mxsafecam=1/.test(s)){try{localStorage.setItem('mx_safe','cam');}catch(e){}return pose(CAM,'camera seule');}
    if(mem==='tout')return pose(TOUT,'tout (retenu)');
    if(mem==='cam')return pose(CAM,'camera seule (retenue)');
    }catch(e){}})();</script>
    <title>MONARCH</title>
    <!-- [2026-09-11] ZOOM AU PINCEMENT BLOQUE — DEMANDE EXPLICITE DE L AUTEUR.
         « je peux aller a droite de l ecran, apres ca bloque a droite, je peux
           pas aller a gauche, c est relou, ca gene, ON NE DOIT PAS POUVOIR
           FAIRE CA »
         Un pincement accidentel enfermait le joueur dans un ecran zoome : dans
         une app empaquetee il n y a ni barre d adresse ni bouton « taille
         reelle », et le jeu pose touch-action:manipulation a plusieurs endroits
         (v117:144) ce qui desactive le double-tap de reinitialisation.
         ⚠️ v307:50-53 avait REFUSE ce blocage, et son argument reste vrai : un
         joueur malvoyant perd un recours, et c est un reproche possible en
         revue. L auteur a tranche dans l autre sens apres l avoir vecu deux
         fois. On applique sa decision, on garde la trace du cout.
         Le paquet v318 reste en place comme filet : si WebKit ignore
         user-scalable (ce qu il fait parfois hors WKWebView), un bouton
         « Retablir la taille » apparait quand l echelle depasse 1,05. -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    <!-- === PWA : installable "Ajouter à l'écran d'accueil" (iPhone/Android) sans store ni Mac === -->
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#06080d">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="MONARCH">
    <link rel="apple-touch-icon" href="icone/pwa/icon-180.png">
    <link rel="icon" type="image/png" href="icone/pwa/icon-192.png">
    <!-- === POLICES GOOGLE FONTS : Cinzel (titres médiévaux) + Rajdhani (UI moderne) === -->
    <!-- [PERF 2026-06-30] preconnect → supprime la latence DNS+TCP des fonts (~100-200ms gagnés sur 3G/4G) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Rajdhani:wght@400;500;700&display=swap" rel="stylesheet">


  <!-- ============== CSS modulaire (Phase 1 split) ============== -->
  <link rel="stylesheet" href="css/main.css?v=split-fix97-mobilefit">
  <link rel="stylesheet" href="css/packs/mx-fx.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/d.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/e.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/f.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/g.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/h.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/i.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/j2.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/j3.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/k.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/o.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/p.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/q.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/r.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/s.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/u.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/v.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/w.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/y.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/aa.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/dd.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/gg.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/kk.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/mm.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/pp.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/qrs.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/zz.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/aaa.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/packs/mxT-2v2.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/main-patches.css?v=split-fix16-20260429170000">
  <link rel="stylesheet" href="css/v98-polish.css?v=polish-4-nowillchange">
  <link rel="stylesheet" href="css/v99-fluidity.css?v=fluid-3-dailybackdrop">
  <link rel="stylesheet" href="css/v99-maps.css?v=claude-maps-11-login-portal-guild-rank">
  <!-- [2026-06-15] FLUIDITÉ : prefetch de la map d'attente PvP (3,1 Mo) RETIRÉ du boot
       — un nouveau joueur ne voit le PvP qu'après un long moment, et l'image est de toute
       façon chargée à l'ouverture de l'écran PvP (fond CSS de #pvp2-search dans v99-maps.css).
       Économie : 3,1 Mo en moins au démarrage. -->
  <link rel="stylesheet" href="css/v99-market-ui.css?v=claude-mktui-1"><!-- [MARKET-UI 2026-06-12] équip du jour pleine largeur + onglet buffs masqué -->
  <!-- [UI-POLISH 2026-06-12] titres réduits + quêtes/battlepass lisibles + maps landscape — chargé EN DERNIER -->
  <link rel="stylesheet" href="css/v99-ui-polish.css?v=claude-uipolish-1">
  <!-- [INV-PROFILE 2026-06-12] Refonte design écrans Inventaire + Profil (raretés, héro, tuiles stats) -->
  <link rel="stylesheet" href="css/v99-inventory-profile.css?v=claude-invprof-5-mobilegrid">
  <!-- [ARENA-UI 2026-06-12] Refonte écran d'arène PvP + grille coop + cartes de mode -->
  <link rel="stylesheet" href="css/v99-arena-ui.css?v=claude-arenaui-3-arenabg">
  <!-- [2026-06-13] Polish design chat (global/guilde/ami) + boutique — DERNIER des css -->
  <link rel="stylesheet" href="css/v99-chat-shop-ui.css?v=claude-chatshop-2-grids">
  <!-- [2026-06-14] Restyle premium de l'onglet Guilde -->
  <link rel="stylesheet" href="css/v99-guild-style.css?v=claude-guildstyle-7-logoclamp">
  <link rel="stylesheet" href="css/v99-social-pos.css?v=claude-socialpos-1">
  <link rel="stylesheet" href="css/v99-button-polish.css?v=claude-btnpolish-2-nowillchange">
  <link rel="stylesheet" href="css/v99-ui-premium.css?v=claude-uipremium-2-pages">
  <link rel="stylesheet" href="css/v99-polish-pass.css?v=claude-polishpass-1"><!-- [POLISH 2026-06-30] passe cohérence visuelle, chargé en dernier -->
  <link rel="stylesheet" href="css/v99-rarity-frames.css?v=claude-rarframes-3-crownfallback"><!-- [RARETÉ 2026-07-03] anneaux de bordure purs (texte lisible) -->
  <link rel="stylesheet" href="css/v100-nav-fluid.css?v=claude-navfluid-2-noscreenstack"><!-- [FLUIDITÉ NAV 2026-07-15] fondu rapide écrans + popups, chargé en dernier -->
  <link rel="stylesheet" href="css/v101-premium-graphics.css?v=claude-premium-2"><!-- [GRAPHISMES PREMIUM 2026-07-26] profondeur au repos + particules + passe #2 tous onglets -->
  <link rel="stylesheet" href="css/v102-dark-premium.css?v=claude-darkprem-1"><!-- [DARK+PREMIUM 2026-07-26] vignette + surfaces plus dark + titres épurés + SVG nets -->
  <link rel="stylesheet" href="css/v103-premium-consistency.css?v=claude-v103-1"><!-- [TOUS MENUS/BOUTONS 2026-07-26] fix régressions v102 + unification premium dark de tous les boutons/menus/popups -->
  <link rel="stylesheet" href="css/v104-detail.css?v=claude-v104-1"><!-- [DÉTAIL 2026-07-27] cadres ornés HUD + crochets de coins + frames riches (façon références) -->
  <link rel="stylesheet" href="css/v105-tech-borders.css?v=claude-v105-1"><!-- [BORDURES TECH 2026-07-27] crochets de coins + repères d'arête + cadre or net sur boutons/cartes/panneaux, chargé en DERNIER -->
  <link rel="stylesheet" href="css/v106-tech-borders-2.css?v=claude-v106-1"><!-- [BORDURES TECH 2 2026-07-27] etend crochets+cadre net a inventaire/boutiques/training, charge en DERNIER -->
  <link rel="stylesheet" href="css/v107-tech-borders-zones.css?v=claude-v107-2"><!-- [BORDURES ZONES 2026-07-27] couleur+forme par zone (citadelle/combat/guilde/saga/arene/coop/profil/carte/social), charge en DERNIER -->
  <link rel="stylesheet" href="css/v108-borders-more.css?v=claude-v108-1"><!-- [BORDURES+ 2026-07-27] fitness pass/soin + polish arene/coop -->

  <!-- [2026-06-12 demande user] plus de carré de surbrillance au clic (tap-highlight + focus) -->
  <style id="mx-no-tap-flash">
    *{-webkit-tap-highlight-color:transparent!important;}
    button:focus,[onclick]:focus,a:focus{outline:none!important;}
  </style>

</head>

<!-- +==============================================================+
     |  FIREBASE SDK 10.12.2 compat — EMBARQUÉ EN LOCAL (js/firebase-sdk/)  |
     |  [2026-07-07 FIX audit] avant : CDN gstatic → écran NOIR si 1er       |
     |  lancement HORS LIGNE (SDK absent). Local = dispo hors ligne.         |
     +==============================================================+ -->
<script src="js/firebase-sdk/firebase-app-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-auth-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-firestore-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-storage-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-performance-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-remote-config-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-functions-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-analytics-compat.js?v=10.12.2"></script>
<script src="js/firebase-sdk/firebase-app-check-compat.js?v=10.12.2"></script>
<div id="equip-tooltip" style="
    position:fixed;
    pointer-events:none;
    z-index:2000;
    background:rgba(10,10,30,0.95);
    border-radius:10px;
    padding:8px 12px;
    font-size:0.8em;
    border:1px solid rgba(255,255,255,0.2);
    display:none;
    max-width:220px;
"></div>

<body>
    <!-- [2026-06-25 FLUIDITÉ — audit] suppression des animations DÈS le 1er paint (avant que les scripts
         deferred n'appliquent body.mx-fluid) : sur mobile, ~1-2s d'animations infinies tournaient pendant
         le chargement. On pose html.mx-fluid-pending tôt (si mode fluidité ON = défaut) ; v99-fluidity.js
         la retire quand il prend le relais avec body.mx-fluid. -->
    <script>try{if(localStorage.getItem('mx_fluid_mode_v1')!=='0')document.documentElement.classList.add('mx-fluid-pending');}catch(e){}</script>
<!-- ============================================================
     [2026-08-09 FLUIDITÉ — voile de démarrage]
     PROBLÈME MESURÉ : le jeu charge ~2,4 Mo de JS compressé. Tant que les
     scripts `defer` n'ont pas fini, RIEN n'est initialisé — mais #welcome-screen
     est le seul écran sans `display:none` dans le HTML brut. Le joueur voyait
     donc la CARTE DU JEU, vide et non cliquable, pendant tout le chargement
     (25 s au pire, en première visite sur un lien lent) : ça donne l'impression
     que le jeu a planté.
     CE BLOC EST 100 % ADDITIF : aucun script du jeu n'est touché. Styles inline
     (aucune requête, aucun CSS à attendre → peint dès le 1er paint du HTML).
     Retiré à `DOMContentLoaded` + 600 ms (les scripts `defer` ont fini de
     s'exécuter = le jeu est interactif), avec un plafond de sécurité à 25 s
     au cas où un événement manquerait. Aucune animation coûteuse : une seule
     barre en `transform` (composité GPU), rien qui repeigne.
     ============================================================ -->
<div id="mx-boot-veil" style="position:fixed;inset:0;z-index:2147483647;background:#03050a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;font-family:Cinzel,Georgia,serif;color:#e8d9a8;text-align:center;padding:24px;">
  <div style="font-size:clamp(28px,9vw,54px);letter-spacing:.18em;font-weight:700;text-shadow:0 0 18px rgba(255,180,60,.35);">MONARCH</div>
  <!-- [2026-08-10] Plus de texte ici : ce voile peint AVANT que l'i18n existe, il ne peut
       donc etre affiche qu'en francais — un joueur anglophone/arabophone voyait du francais
       des la premiere seconde. On garde le logo + la barre, qui ne parlent aucune langue.
       Le pourcentage est repris DANS la barre (voir progress()). -->
  <div id="mx-boot-veil-txt" style="display:none;"></div>
  <div style="width:min(280px,70vw);height:4px;border-radius:2px;background:rgba(232,217,168,.14);overflow:hidden;">
    <div id="mx-boot-veil-bar" style="height:100%;width:100%;border-radius:2px;background:linear-gradient(90deg,#c8942f,#f0d78a);transform:scaleX(.04);transform-origin:left;transition:transform .25s linear;"></div>
  </div>
</div>
<script>
(function(){
  var veil = document.getElementById('mx-boot-veil');
  if(!veil) return;
  var bar = document.getElementById('mx-boot-veil-bar');
  var txt = document.getElementById('mx-boot-veil-txt');
  /* Nombre de sous-ressources attendues au boot. Sert UNIQUEMENT à afficher une
     progression honnête ; si le chiffre dérive, la barre est juste moins précise. */
  var EXPECTED = 390;
  var tick = null, done = false;

  function progress(){
    try {
      var n = performance.getEntriesByType('resource').length;
      var p = n / EXPECTED; if(p > 0.97) p = 0.97; if(p < 0.04) p = 0.04;
      if(bar) bar.style.transform = 'scaleX(' + p.toFixed(3) + ')';
      if(txt) txt.textContent = 'Chargement… ' + Math.round(p * 100) + '%';
    } catch(e){}
  }
  function finish(){
    if(done) return; done = true;
    if(tick){ clearInterval(tick); tick = null; }
    if(bar) bar.style.transform = 'scaleX(1)';
    veil.style.transition = 'opacity .32s ease';
    veil.style.opacity = '0';
    veil.style.pointerEvents = 'none';
    setTimeout(function(){ try { veil.remove(); } catch(e){ veil.style.display = 'none'; } }, 360);
  }

  tick = setInterval(progress, 200);
  progress();

  /* DOMContentLoaded = tous les scripts `defer` ont été exécutés → le jeu a fini
     son boot synchrone. +600 ms pour lui laisser afficher son premier écran. */
  function armed(){ setTimeout(finish, 600); }
  if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', armed);
  else armed();
  /* Filets : si un événement manque, on ne bloque JAMAIS le jeu derrière le voile. */
  window.addEventListener('load', function(){ setTimeout(finish, 400); });
  setTimeout(finish, 25000);
})();
</script>
<!-- ============================================================
     [2026-08-09 FLUIDITÉ — voile de TRANSITION login → jeu]
     MESURÉ en production, juste après « Jouer en invité » / « Se connecter » :
       • le clic bloque 189 ms (playAsGuest → startGuest → initGame → showScreen)
       • puis 3 tâches longues de 229 + 225 + 52 ms dans les 8 s qui suivent
         (dont ~76 ms de première passe i18n, qui est du travail obligatoire)
       • une fois posé, le jeu est fluide : dérive max 17 ms, 0 saut > 50 ms.
     Ce demi-second de gel arrive PENDANT que le joueur regarde l'écran : le bouton
     ne répond pas, l'écran saute. Le travail lui-même est incompressible sans
     réécrire le démarrage (= casser la chaîne de wrappers). On le COUVRE donc par
     une transition courte : le jeu apparaît posé au lieu d'apparaître en saccadant.
     100 % ADDITIF : styles inline, aucun script du jeu touché, aucune globale créée.
     Le voile se retire dès que le thread principal est calme (8 images consécutives
     sous 24 ms), avec un plancher de 350 ms et un plafond dur de 3 s — il ne peut
     donc jamais rester coincé, même si la connexion échoue.
     ============================================================ -->
<script>
(function () {
  var DECLENCHE = /playAsGuest|startGuest|loginWithFirebase|registerWithFirebase|completeLogin/i;
  var MIN_MS = 350, MAX_MS = 3000;
  var actif = false;
  /* [2026-08-10] Référence NATIVE de MutationObserver, capturée ICI, en tête de <body>,
     AVANT que le moindre pack ne se charge. Indispensable : `NO-TUTO` et consorts
     ré-enveloppent MutationObserver et DÉBOUNCENT ses callbacks de 200-500 ms (piège
     documenté dans l'audit). Un observer pris plus tard réagirait donc trop tard —
     exactement ce qu'on cherche à supprimer ici. */
  var MO_NATIF = window.MutationObserver || window.WebKitMutationObserver || null;

  function voile() {
    var d = document.createElement('div');
    d.id = 'mx-login-veil';
    /* ══════════════════════════════════════════════════════════════════════════
       [2026-08-13 — LA CAUSE DE TOUTE L'AFFAIRE : `pointer-events:none` OBLIGATOIRE]
       Ce voile apparaît au POINTERDOWN du bouton. Or sur un écran tactile, le
       navigateur fabrique le `click` AU POINT DU TOUCHER quand le doigt se lève —
       c'est-à-dire APRÈS l'apparition du voile : le clic atterrissait sur LE VOILE
       (journal des taps de l'iPhone : « clic sur div#mx-login-veil »), le bouton
       n'était JAMAIS activé, la connexion jamais tentée, et au plafond de 3 s le
       voile s'effaçait sur un formulaire inchangé. Vécu comme : « MONARQUE
       s'affiche puis je reviens au login », « guest ne fait rien », « pas de
       message mot de passe incorrect ». Une semaine de débogage pour ces 20
       caractères : un décor ne doit JAMAIS intercepter un toucher.
       (Les clics PAR SCRIPT visaient le bouton directement, sans test de visée —
       c'est pour ça que tous les bancs d'essai « marchaient ».)
       ══════════════════════════════════════════════════════════════════════════ */
    d.style.cssText = 'position:fixed;inset:0;z-index:2147483646;background:#03050a;display:flex;flex-direction:column;' +
      'align-items:center;justify-content:center;gap:16px;font-family:Cinzel,Georgia,serif;color:#e8d9a8;text-align:center;' +
      'padding:24px;opacity:0;transition:opacity .12s ease;pointer-events:none;';
    d.innerHTML =
      '<div style="font-size:clamp(24px,7vw,42px);letter-spacing:.18em;font-weight:700;text-shadow:0 0 18px rgba(255,180,60,.35);">MONARCH</div>' +
      /* [2026-08-10] Texte retiré : ce voile s'affiche sur le pointerdown du bouton de
         connexion, donc AVANT que la langue du joueur soit appliquée. Il ne pouvait
         s'afficher qu'en français. Logo + barre suffisent, et ne parlent aucune langue. */
      '<div style="width:min(240px,60vw);height:3px;border-radius:2px;background:rgba(232,217,168,.14);overflow:hidden;">' +
        '<div id="mx-login-veil-bar" style="height:100%;width:40%;border-radius:2px;background:linear-gradient(90deg,#c8942f,#f0d78a);' +
        'transform:translateX(-100%);animation:mxLoginSweep 1s linear infinite;"></div></div>' +
      '<style>@keyframes mxLoginSweep{from{transform:translateX(-100%)}to{transform:translateX(350%)}}</style>';
    return d;
  }

  function lancer() {
    if (actif) return;
    actif = true;
    var d = voile();
    document.body.appendChild(d);
    /* forcer un style avant la transition d'opacité (sinon elle est sautée) */
    void d.offsetWidth; d.style.opacity = '1';

    var t0 = (window.performance && performance.now) ? performance.now() : Date.now();
    var calmes = 0, last = t0, fini = false;

    var garde = null, obs = null;
    /* `instant` : on saute le fondu de 280 ms. Réservé au cas ERREUR DE CONNEXION —
       le joueur doit lire le message tout de suite, pas regarder un voile s'estomper. */
    function partir(instant) {
      if (fini) return; fini = true;
      if (garde) { clearInterval(garde); garde = null; }
      if (obs) { try { obs.disconnect(); } catch (e) {} obs = null; }
      if (instant) {
        try { d.remove(); } catch (e) { d.style.display = 'none'; }
        actif = false; return;
      }
      d.style.transition = 'opacity .28s ease';
      d.style.opacity = '0';
      setTimeout(function () { try { d.remove(); } catch (e) { d.style.display = 'none'; } actif = false; }, 300);
    }
    /* ══════════════════════════════════════════════════════════════════════════════════
       [FIX 2026-08-10] ERREUR DE CONNEXION → LE VOILE PART DANS LE MÊME TICK.
       Première version : une sonde à 100 ms + le fondu de 280 ms → le message
       « Mot de passe incorrect » n'était lisible qu'à ~600 ms (mesuré). Sur les ~600 ms,
       seuls ~300 ms venaient de Firebase : les 300 autres étaient de MA fabrication.
       On observe donc #login-error avec le MutationObserver NATIF (cf. MO_NATIF) et on
       retire le voile SANS FONDU dès que le texte apparaît. Le plancher MIN_MS ne
       s'applique pas ici : une erreur doit être vue immédiatement.
       La sonde à 100 ms reste en FILET (si l'observer manque un cas).
       ══════════════════════════════════════════════════════════════════════════════════ */
    function erreurVisible(er) {
      if (!er || !(er.textContent || '').trim()) return false;
      var st = getComputedStyle(er);
      return st.display !== 'none' && st.visibility !== 'hidden';
    }
    try {
      var cible = document.getElementById('login-error');
      if (cible && MO_NATIF) {
        obs = new MO_NATIF(function () { if (!fini && erreurVisible(cible)) partir(true); });
        obs.observe(cible, { childList: true, characterData: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });
        if (erreurVisible(cible)) partir(true);          // déjà affichée avant même le clic
      }
    } catch (e) {}
    /* SECOND SIGNAL, indépendant de requestAnimationFrame : l'écran de connexion a
       disparu = le jeu a pris la main. Indispensable car rAF est gelé dans un onglet
       masqué (mesuré : le voile restait alors jusqu'au plafond de 3 s au lieu de
       partir en ~400 ms). Sonde très légère, arrêtée avec le voile. */
    garde = setInterval(function () {
      if (fini) return;
      /* ══════════════════════════════════════════════════════════════════════════════
         [FIX 2026-08-10] « quand je rate mon mot de passe, il ne m'affiche pas
         password incorrect ».
         MESURÉ : le message EST produit et correct dès 300 ms
         (`❌ Email ou mot de passe incorrect`, login-error visible) — mais
         `elementFromPoint` sur ce message renvoyait `mx-login-veil` à 300, 900 ET
         1800 ms. Le voile le RECOUVRAIT jusqu'à son plafond de 3 s. Le joueur voyait
         donc un écran de chargement, puis un formulaire d'apparence inchangée : il
         retapait son mot de passe alors qu'il était déjà prévenu, sous le voile.
         TROISIÈME SIGNAL DE SORTIE : une erreur de connexion est affichée → le voile
         n'a plus rien à couvrir, il part IMMÉDIATEMENT (pas de plancher MIN_MS ici :
         une erreur doit être vue tout de suite).
         ══════════════════════════════════════════════════════════════════════════════ */
      try { if (erreurVisible(document.getElementById('login-error'))) return partir(true); } catch (e) {}   /* filet de l'observer */
      var n = (window.performance && performance.now) ? performance.now() : Date.now();
      if (n - t0 < MIN_MS) return;
      try {
        var ls = document.getElementById('login-screen');
        if (ls && getComputedStyle(ls).display === 'none') partir();
      } catch (e) {}
    }, 100);
    /* « posé » = 8 images d'affilée sous 24 ms : le thread principal ne bloque plus. */
    function tick() {
      if (fini) return;
      var n = (window.performance && performance.now) ? performance.now() : Date.now();
      var dt = n - last; last = n;
      if (dt < 24) calmes++; else calmes = 0;
      if (n - t0 >= MAX_MS) return partir();                       // plafond dur
      if (calmes >= 8 && (n - t0) >= MIN_MS) return partir();      // le jeu est posé
      requestAnimationFrame(tick);
    }
    requestAnimationFrame(tick);
    setTimeout(partir, MAX_MS + 200);   // filet si rAF est gelé (onglet caché)
  }

  /* pointerdown = AVANT le gel de 189 ms du gestionnaire de clic → le voile est
     déjà là quand le thread se bloque. Écouteur en capture, passif. */
  document.addEventListener('pointerdown', function (ev) {
    try {
      var el = ev && ev.target; if (!el || !el.closest) return;
      var hit = el.closest('[onclick],button,a'); if (!hit) return;
      var oc = (hit.getAttribute && hit.getAttribute('onclick')) || '';
      if (!DECLENCHE.test(oc)) return;
      lancer();
    } catch (e) {}
  }, true);
})();
</script>


    <!-- ╔══════════════════════════════════════════════════════════════╗ -->
    <!-- ║  [v14.65] SVG CURRENCY ICONS — Animés, inline, zero deps     ║ -->
    <!-- ║  Remplace automatiquement les emojis 💰 💎 ⚡ ⭐ ✨           ║ -->
    <!-- ║  par de beaux SVG anim\u00e9s en CSS dans tout le DOM.           ║ -->
    <!-- ╚══════════════════════════════════════════════════════════════╝ -->
    <svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position:absolute;width:0;height:0;overflow:hidden;" aria-hidden="true">
      <defs>
        <!-- ═══ OR : pièce dorée qui tourne + reflet ═══ -->
        <symbol id="cur-gold" viewBox="0 0 24 24">
          <defs>
            <radialGradient id="goldGrad" cx="35%" cy="35%">
              <stop offset="0%" stop-color="#fff7c2"/>
              <stop offset="40%" stop-color="#ffd700"/>
              <stop offset="100%" stop-color="#8b6914"/>
            </radialGradient>
            <linearGradient id="goldHighlight" x1="0" y1="0" x2="1" y2="1">
              <stop offset="0%" stop-color="#fffbe6" stop-opacity="0.9"/>
              <stop offset="50%" stop-color="#fffbe6" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <circle cx="12" cy="12" r="10" fill="url(#goldGrad)" stroke="#b8860b" stroke-width="0.8"/>
          <circle cx="12" cy="12" r="7.5" fill="none" stroke="#ffd700" stroke-width="0.5" opacity="0.6"/>
          <!-- Reflet qui balaye -->
          <ellipse cx="9" cy="9" rx="3.5" ry="2.2" fill="url(#goldHighlight)" transform="rotate(-30 9 9)"/>
          <!-- Symbole monétaire central -->
          <text x="12" y="16" font-family="Cinzel, serif" font-size="11" font-weight="700" fill="#6b4a09" text-anchor="middle">M</text>
        </symbol>

        <!-- ═══ GEMME : cristal violet scintillant ═══ -->
        <symbol id="cur-gem" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="gemGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#e0b8ff"/>
              <stop offset="50%" stop-color="#9a5bdb"/>
              <stop offset="100%" stop-color="#4a1a8a"/>
            </linearGradient>
            <linearGradient id="gemFacet" x1="0" y1="0" x2="1" y2="0">
              <stop offset="0%" stop-color="#ffffff" stop-opacity="0.7"/>
              <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
            </linearGradient>
          </defs>
          <!-- Corps du diamant -->
          <polygon points="12,2 20,9 12,22 4,9" fill="url(#gemGrad)" stroke="#7a3fb8" stroke-width="0.6"/>
          <!-- Bandeau horizontal -->
          <polygon points="4,9 20,9 17,12 7,12" fill="#b57ee0" opacity="0.5"/>
          <!-- Facettes -->
          <polygon points="12,2 20,9 16,9" fill="url(#gemFacet)" opacity="0.8"/>
          <polygon points="12,2 4,9 8,9" fill="#fff" opacity="0.3"/>
          <!-- Scintillements (animés) -->
          <circle class="gem-sparkle gem-sparkle-1" cx="9" cy="6" r="0.6" fill="#fff"/>
          <circle class="gem-sparkle gem-sparkle-2" cx="15" cy="11" r="0.5" fill="#fff"/>
          <circle class="gem-sparkle gem-sparkle-3" cx="11" cy="15" r="0.4" fill="#fff"/>
        </symbol>

        <!-- ═══ XP : étoile dorée qui pulse ═══ -->
        <symbol id="cur-xp" viewBox="0 0 24 24">
          <defs>
            <radialGradient id="xpGrad" cx="50%" cy="50%">
              <stop offset="0%" stop-color="#fffbe6"/>
              <stop offset="60%" stop-color="#ffd700"/>
              <stop offset="100%" stop-color="#c9a354"/>
            </radialGradient>
          </defs>
          <!-- Glow -->
          <circle cx="12" cy="12" r="11" fill="#ffd700" opacity="0.15"/>
          <!-- Étoile 5 branches -->
          <polygon points="12,2 14.9,8.8 22,9.3 16.5,14 18.2,21 12,17.3 5.8,21 7.5,14 2,9.3 9.1,8.8" fill="url(#xpGrad)" stroke="#b8860b" stroke-width="0.5"/>
          <!-- Point brillant central -->
          <circle cx="12" cy="11" r="1.5" fill="#fff" opacity="0.8"/>
        </symbol>

        <!-- ═══ ÉNERGIE : éclair cyan électrique ═══ -->
        <symbol id="cur-energy" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="energyGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#b6faff"/>
              <stop offset="50%" stop-color="#00d4ff"/>
              <stop offset="100%" stop-color="#0066aa"/>
            </linearGradient>
          </defs>
          <!-- Glow de fond -->
          <circle cx="12" cy="12" r="10" fill="#00d4ff" opacity="0.12"/>
          <!-- Éclair -->
          <polygon points="13,2 5,13 11,13 9,22 19,10 13,10" fill="url(#energyGrad)" stroke="#0099cc" stroke-width="0.5"/>
          <!-- Highlight blanc -->
          <polygon points="13,2 10,10 12,10" fill="#fff" opacity="0.5"/>
        </symbol>

        <!-- ═══ COEUR / PV : dégradé rouge vermillon ═══ -->
        <symbol id="cur-heart" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="heartGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#ff8fa0"/>
              <stop offset="50%" stop-color="#e83050"/>
              <stop offset="100%" stop-color="#8a0a1c"/>
            </linearGradient>
          </defs>
          <path d="M 12 21 C 12 21 4 14.5 4 9 C 4 6 6 4 8.5 4 C 10.5 4 12 5.5 12 5.5 C 12 5.5 13.5 4 15.5 4 C 18 4 20 6 20 9 C 20 14.5 12 21 12 21 Z" fill="url(#heartGrad)" stroke="#5a0510" stroke-width="0.6"/>
          <ellipse cx="9" cy="8" rx="1.8" ry="2.5" fill="#ffffff" opacity="0.4"/>
        </symbol>

        <!-- ═══ BOUCLIER : gradient acier bleuté + croix ═══ -->
        <symbol id="cur-shield" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="shieldGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#aaccff"/>
              <stop offset="50%" stop-color="#4488dd"/>
              <stop offset="100%" stop-color="#002a6a"/>
            </linearGradient>
          </defs>
          <path d="M 12 2 L 4 5 L 4 12 Q 4 19 12 22 Q 20 19 20 12 L 20 5 Z" fill="url(#shieldGrad)" stroke="#001a3a" stroke-width="0.7"/>
          <path d="M 12 7 L 12 16 M 8 11 L 16 11" stroke="#fff5d6" stroke-width="1.5" stroke-linecap="round" opacity="0.85"/>
        </symbol>

        <!-- ═══ ÉPÉES CROISÉES : attaque / dégâts ═══ -->
        <symbol id="cur-sword" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="swordGrad" x1="0" y1="0" x2="1" y2="1">
              <stop offset="0%" stop-color="#e8e8ff"/>
              <stop offset="100%" stop-color="#6a6a8a"/>
            </linearGradient>
          </defs>
          <!-- Épée 1 (haut-gauche → bas-droite) -->
          <path d="M 3 3 L 6 3 L 6 6 L 17 17 L 21 21 L 17 21 L 17 17 L 6 6 L 3 6 Z" fill="url(#swordGrad)" stroke="#1a1a2a" stroke-width="0.5"/>
          <!-- Épée 2 (haut-droite → bas-gauche) -->
          <path d="M 21 3 L 18 3 L 18 6 L 7 17 L 3 21 L 7 21 L 7 17 L 18 6 L 21 6 Z" fill="url(#swordGrad)" stroke="#1a1a2a" stroke-width="0.5"/>
        </symbol>

        <!-- ═══ CRÂNE : ennemi / danger ═══ -->
        <symbol id="cur-skull" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="skullGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#ffb0a0"/>
              <stop offset="100%" stop-color="#8a3030"/>
            </linearGradient>
          </defs>
          <path d="M 12 2 C 7 2 3 5.5 3 10.5 C 3 13 4 14.5 5 15.5 L 5 18 L 7 18 L 7 20 L 9 20 L 9 18 L 11 18 L 11 20 L 13 20 L 13 18 L 15 18 L 15 20 L 17 20 L 17 18 L 19 18 L 19 15.5 C 20 14.5 21 13 21 10.5 C 21 5.5 17 2 12 2 Z" fill="url(#skullGrad)" stroke="#3a0000" stroke-width="0.6"/>
          <circle cx="8.5" cy="11" r="1.8" fill="#0a0000"/>
          <circle cx="15.5" cy="11" r="1.8" fill="#0a0000"/>
          <path d="M 10 14.5 L 10 16 M 12 14.5 L 12 16 M 14 14.5 L 14 16" stroke="#0a0000" stroke-width="1" stroke-linecap="round"/>
        </symbol>

        <!-- ═══ TROPHÉE : victoire / classement ═══ -->
        <symbol id="cur-trophy" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="trophyGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#fff5d6"/>
              <stop offset="50%" stop-color="#ffd700"/>
              <stop offset="100%" stop-color="#8a6810"/>
            </linearGradient>
          </defs>
          <path d="M 7 4 L 17 4 L 17 10 Q 17 14 12 14 Q 7 14 7 10 Z" fill="url(#trophyGrad)" stroke="#5a3f12" stroke-width="0.6"/>
          <path d="M 4 5 L 7 5 L 7 9 L 4 9 Z M 17 5 L 20 5 L 20 9 L 17 9 Z" fill="none" stroke="#8a6810" stroke-width="1.2"/>
          <rect x="10.5" y="14" width="3" height="4" fill="url(#trophyGrad)" stroke="#5a3f12" stroke-width="0.5"/>
          <rect x="7" y="18" width="10" height="2.5" rx="0.5" fill="url(#trophyGrad)" stroke="#5a3f12" stroke-width="0.5"/>
        </symbol>

        <!-- ═══ FLAMME : feu / buff dégâts ═══ -->
        <symbol id="cur-fire" viewBox="0 0 24 24">
          <defs>
            <linearGradient id="fireGrad" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#ffdd00"/>
              <stop offset="50%" stop-color="#ff5500"/>
              <stop offset="100%" stop-color="#8a0010"/>
            </linearGradient>
          </defs>
          <path d="M 12 2 Q 8 8 10 12 Q 6 10 6 16 Q 6 22 12 22 Q 18 22 18 16 Q 18 10 14 12 Q 16 8 12 2 Z" fill="url(#fireGrad)" stroke="#3a0000" stroke-width="0.5"/>
          <path d="M 12 10 Q 10 13 11 16 Q 9 16 9 19 Q 9 21 12 21 Q 15 21 15 19 Q 15 16 13 16 Q 14 13 12 10 Z" fill="#ffff88" opacity="0.7"/>
        </symbol>

        <!-- ═══ GOUTTE DE SANG : vampirisme / saignement ═══ -->
        <symbol id="cur-blood" viewBox="0 0 24 24">
          <defs>
            <radialGradient id="bloodGrad" cx="50%" cy="40%" r="55%">
              <stop offset="0%" stop-color="#ff6688"/>
              <stop offset="50%" stop-color="#cc0022"/>
              <stop offset="100%" stop-color="#3a0008"/>
            </radialGradient>
          </defs>
          <path d="M 12 2 Q 6 11 6 16 Q 6 21 12 21 Q 18 21 18 16 Q 18 11 12 2 Z" fill="url(#bloodGrad)" stroke="#1a0004" stroke-width="0.5"/>
          <ellipse cx="9" cy="12" rx="1.5" ry="2.5" fill="#ff9ab0" opacity="0.5"/>
        </symbol>

        <!-- ═══ CIBLE : critique / précision ═══ -->
        <symbol id="cur-target" viewBox="0 0 24 24">
          <circle cx="12" cy="12" r="10" fill="none" stroke="#ffaa00" stroke-width="1.5"/>
          <circle cx="12" cy="12" r="6.5" fill="none" stroke="#ff6600" stroke-width="1.2"/>
          <circle cx="12" cy="12" r="3" fill="none" stroke="#cc3300" stroke-width="1"/>
          <circle cx="12" cy="12" r="1.3" fill="#ffd700"/>
        </symbol>
      </defs>
    </svg>


    <!-- ============================================================
         ÉCRAN D\'INTRO CINÉMATIQUE
         ============================================================ -->
    <!-- ========== INTRO : RETIRÉE (perte de temps avant login) ========== -->
    <div id="intro-screen" style="
        display:none;
        position:fixed; inset:0; z-index:99999;
        background:#0a0005;
        overflow:hidden;
    ">
        <!-- Image de fond / silhouette -->
        <div style="position:absolute;inset:0;background:radial-gradient(circle at center, rgba(255,86,37,0.08) 0%, rgba(10,0,5,0) 70%);"></div>
        <div style="position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:0;opacity:0.45;mix-blend-mode:lighten;
            mask-image:linear-gradient(to top, black 10%, transparent 90%);-webkit-mask-image:linear-gradient(to top, black 10%, transparent 90%);">
            <img src="https://lh3.googleusercontent.com/aida-public/AB6AXuD6b1IP56ITNtDd8UYncjQsPqBmg_aPRYjGStTv8aQXnLKtLezZogAAMtcS6bIVyVC4BCQPP3SYEawO-YLIXLi_SZKxtYb-OUaf-d8jiHF0lX_9yRGtIEK3ERdtjpEk-OsT67VIfDMNTadF1eAvlGtdGHKSssv4k6ujHGtV37MxsqwGdN-irG8jg7OKPHvCBh6QuhJmYEv090V_jk4CkEfspGEyP74n67FFS6xH3u2TEbFZOZfK8u-b5cyCkZI74rl5LG2bZqus2wW2"
                 alt="" style="height:100%;width:100%;object-fit:cover;object-position:center;filter:grayscale(0.3) brightness(0.6);"
                 onerror="this.style.display='none'">
        </div>
        <!-- Overlay haut/bas -->
        <div style="position:absolute;inset:0;background:linear-gradient(to bottom, #0a0005 0%, transparent 30%, transparent 70%, #0a0005 100%);z-index:1;"></div>
    </div>


    <!-- Particules flottantes -->
    <div class="particles" id="particles-container"></div>
    
    <!-- Accueil -->
    <!-- ========== ÉCRAN : ACCUEIL / CARTE DU MONDE ========== -->
    <!-- +==========================================================+
         |  ÉCRAN D\'ACCUEIL PRINCIPAL (HUB)                          |
         |  L\'écran principal après connexion.                        |
         |  Affiche : stats joueur, énergie, boutons de navigation.   |
         |  C\'est le "menu principal" du jeu d\'où on accède à tout.   |
         +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  ACCUEIL — Carte du monde                             ║
     ║  Menu gauche: Marché/Forge, Progression, Communauté   ║
     ║  Zones cliquables: Citadelle, Forteresse, Portail...  ║
     ║  Boutons mode: Normal, Donjon, Duel Épique, Horde     ║
     ╚═══════════════════════════════════════════════════════╝ -->
    <div class="screen" id="welcome-screen">
      <!-- [v14.96] BACKGROUND simplifie (video retiree car causait du lag + cri) -->
      <div id="welcome-bg-container" style="position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;">
          <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%, rgba(10,10,25,0.4) 0%, rgba(5,5,12,0.85) 70%, #03050a 100%);"></div>
          <div style="position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.6) 0%,transparent 25%,transparent 75%,rgba(0,0,0,0.7) 100%);"></div>
          <div style="position:absolute;inset:0;box-shadow:inset 0 0 200px rgba(255,0,40,0.15);pointer-events:none;"></div>
      </div>
      
      <div style="max-width:500px;margin:0 auto;position:relative;z-index:1;">
        <!-- HEADER avec icônes rapides -->
        <div style="display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;row-gap:10px;padding:0 5px;margin-bottom:15px;">
            <div style="display:flex;align-items:center;gap:10px;">
                <div>
                    <h1 style="font-family:'Space Grotesk',sans-serif;font-size:1.5em;font-weight:900;color:#f0f0fd;margin:0;letter-spacing:0.1em;background:linear-gradient(180deg,#f0f0fd 0%,#81ecff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">MONARCH</h1>
                </div>
                <!-- Avatar du joueur -->
                <div id="header-avatar" onclick="showScreen('profile')" style="width:42px;height:42px;border:2px solid #81ecff;overflow:hidden;cursor:pointer;background:#11131d;border-radius:4px;" title="Mon profil"></div>
            </div>
            <div style="display:flex;gap:6px;align-items:center;">
                <!-- [2026-06-14] Sélecteur de langue + énergie header RETIRÉS : la langue se change dans Réglages (8 langues + drapeaux), l'énergie est affichée dans le panneau de stats juste en dessous (psp-energy). -->
                <button onclick="showScreen('inventory')" title="Inventaire" style="width:34px;height:34px;background:rgba(28,31,43,0.8);border:1px solid rgba(255,180,0,0.15);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:3px;"><img loading="lazy" decoding="async" src="icone/coffre_inventaire.png" style="width:140%;height:140%;object-fit:cover;border-radius:5px;margin:-20%;"></button>
                <button onclick="showSettingsModal()" title="Paramètres" style="width:34px;height:34px;background:rgba(28,31,43,0.8);border:1px solid rgba(129,236,255,0.15);border-radius:8px;color:#aaaab7;cursor:pointer;font-size:1em;display:flex;align-items:center;justify-content:center;"><svg viewBox="0 0 24 24" width="17" height="17" style="display:block;"><path d="M 12 1.5 L 13.5 4.5 L 16.5 4 L 16 7 L 18.5 9 L 16 11 L 16.5 14 L 13.5 13.5 L 12 16.5 L 10.5 13.5 L 7.5 14 L 8 11 L 5.5 9 L 8 7 L 7.5 4 L 10.5 4.5 Z" fill="currentColor" opacity="0.15"/><circle cx="12" cy="9" r="2.5" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M 12 1.5 L 13.5 4.5 L 16.5 4 L 16 7 L 18.5 9 L 16 11 L 16.5 14 L 13.5 13.5 L 12 16.5 L 10.5 13.5 L 7.5 14 L 8 11 L 5.5 9 L 8 7 L 7.5 4 L 10.5 4.5 Z" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linejoin="round"/></svg></button>
            </div>
        </div>

        <!-- [v14.78] PANNEAU STATS JOUEUR MODERNE 2026 : glassmorphism + gradient holographique -->
        <div class="player-stats-panel">
            <div class="psp-orb-ring">
                <svg viewBox="0 0 140 140" width="110" height="110" class="psp-orb-svg" aria-hidden="true">
                    <defs>
                        <linearGradient id="pspOrbGrad" x1="0" y1="0" x2="1" y2="1">
                            <stop offset="0%" stop-color="#81ecff"/>
                            <stop offset="50%" stop-color="#c97cff"/>
                            <stop offset="100%" stop-color="#ff6b9d"/>
                        </linearGradient>
                        <linearGradient id="pspXpGrad" x1="0" y1="0" x2="1" y2="0">
                            <stop offset="0%" stop-color="#ffd700"/>
                            <stop offset="100%" stop-color="#ff8800"/>
                        </linearGradient>
                    </defs>
                    <!-- Ring décoratif de fond -->
                    <circle cx="70" cy="70" r="64" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="2"/>
                    <!-- Ring XP progressif (SVG stroke-dasharray — 0 par défaut, JS update) -->
                    <circle id="psp-xp-ring" cx="70" cy="70" r="64" fill="none" stroke="url(#pspXpGrad)" stroke-width="4" stroke-linecap="round" stroke-dasharray="0 402" transform="rotate(-90 70 70)" style="transition:stroke-dasharray 0.8s cubic-bezier(0.23,1,0.32,1);filter:drop-shadow(0 0 8px rgba(255,215,0,0.6));"/>
                    <!-- Centre avec rang/niveau -->
                    <circle cx="70" cy="70" r="48" fill="url(#pspOrbGrad)" opacity="0.15"/>
                    <circle cx="70" cy="70" r="48" fill="none" stroke="url(#pspOrbGrad)" stroke-width="1.5" opacity="0.6"/>
                </svg>
                <div class="psp-orb-center">
                    <div id="psp-rank-badge" class="psp-rank-badge">E</div>
                    <div class="psp-level-label">Niv.</div>
                    <div id="psp-level-num" class="psp-level-num">1</div>
                </div>
            </div>
            
            <div class="psp-stats-col">
                <!-- XP Bar avec chiffres -->
                <div class="psp-xp-info">
                    <div class="psp-xp-line">
                        <span class="psp-xp-label">Expérience</span>
                        <span id="psp-xp-text" class="psp-xp-value">0 / 100</span>
                    </div>
                    <div class="psp-xp-bar-bg">
                        <div id="psp-xp-bar-fill" class="psp-xp-bar-fill" style="width:0%;"></div>
                    </div>
                </div>
                
                <!-- Grille 3 ressources -->
                <div class="psp-resources">
                    <div class="psp-res-chip psp-gold">
                        <svg viewBox="0 0 24 24" width="16" height="16" class="psp-res-svg" aria-hidden="true"><use href="#cur-gold"/></svg>
                        <span id="psp-gold" class="psp-res-num">0</span>
                    </div>
                    <div class="psp-res-chip psp-gem">
                        <svg viewBox="0 0 24 24" width="16" height="16" class="psp-res-svg" aria-hidden="true"><use href="#cur-gem"/></svg>
                        <span id="psp-gems" class="psp-res-num">0</span>
                    </div>
                    <div class="psp-res-chip psp-energy">
                        <svg viewBox="0 0 24 24" width="16" height="16" class="psp-res-svg" aria-hidden="true"><use href="#cur-energy"/></svg>
                        <span id="psp-energy" class="psp-res-num">0/20</span>
                    </div>
                </div>
            </div>
        </div>

        <!-- Marché & Forge -->
        <div id="home-market-accordion" style="position:relative;margin-bottom:8px;" onmouseenter="document.getElementById('market-sub').style.display='grid'" onmouseleave="document.getElementById('market-sub').style.display='none'">
            <button onclick="showScreen('market')" style="width:100%;background:rgba(28,31,43,0.7);border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.3s;color:#f0f0fd;">
                <span style="font-size:1.2em;">🛒</span>
                <div style="flex:1;text-align:left;"><div style="font-family:'Space Grotesk',sans-serif;font-size:0.75em;font-weight:800;text-transform:uppercase;color:#ffd700;">Marché & Forge</div><div style="font-size:0.6em;color:#aaaab7;">Marketplace • Boutique • Atelier • Soins</div></div>
                <span style="color:#aaaab7;font-size:0.7em;">▼</span>
            </button>
            <div id="market-sub" style="display:none;grid-template-columns:1fr 1fr 1fr;gap:4px;margin-top:4px;">
                <button onclick="showGemShop()" id="btn-gem-shop" style="padding:7px 3px;background:rgba(170,102,255,0.1);border:1px solid rgba(170,102,255,0.2);border-radius:6px;cursor:pointer;color:#c97cff;font-size:0.6em;font-weight:700;">💎 Boutique</button>
                <button onclick="showScreen('joker')" id="btn-coffres" style="padding:7px 3px;background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.3);border-radius:6px;cursor:pointer;color:#ffd700;font-size:0.6em;font-weight:700;">🎰 Coffres</button>
                <button onclick="showScreen('workshop')" style="padding:7px 3px;background:rgba(129,236,255,0.1);border:1px solid rgba(129,236,255,0.2);border-radius:6px;cursor:pointer;color:#81ecff;font-size:0.6em;font-weight:700;"><img loading="lazy" decoding="async" src="icone/pwa/icon-192.png" style="width:16px;height:16px;border-radius:3px;vertical-align:middle;object-fit:cover;"> Atelier</button>
                <button onclick="showScreen('heal')" style="padding:7px 3px;background:rgba(255,113,108,0.1);border:1px solid rgba(255,113,108,0.2);border-radius:6px;cursor:pointer;color:#ff716c;font-size:0.6em;font-weight:700;">❤️ Soins</button>
            </div>
        </div>

        <!-- Multijoueur -->
        <div id="home-multi-accordion" style="position:relative;margin-bottom:8px;" onmouseenter="document.getElementById('multi-sub').style.display='grid'" onmouseleave="document.getElementById('multi-sub').style.display='none'">
            <button onclick="showFriendsScreen()" style="width:100%;background:rgba(28,31,43,0.7);border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.3s;color:#f0f0fd;">
                <span style="font-size:1.2em;">🌐</span>
                <div style="flex:1;text-align:left;"><div style="font-family:'Space Grotesk',sans-serif;font-size:0.75em;font-weight:800;text-transform:uppercase;color:#4ecdc4;">Multijoueur</div><div style="font-size:0.6em;color:#aaaab7;">Amis • PvP Arène • Coop • Guilde</div></div>
                <span style="color:#aaaab7;font-size:0.7em;">▼</span>
            </button>
            <div id="multi-sub" style="display:none;grid-template-columns:1fr 1fr;gap:4px;margin-top:4px;">
                <button onclick="showFriendsScreen()" style="padding:8px 4px;background:rgba(78,205,196,0.1);border:1px solid rgba(78,205,196,0.25);border-radius:6px;cursor:pointer;color:#4ecdc4;font-size:0.65em;font-weight:700;">👥 Amis</button>
                <button onclick="if(typeof MX_pvp2_showFriendList==='function')MX_pvp2_showFriendList();else if(typeof MX_openPvP2Menu==='function')MX_openPvP2Menu();else showMessage('PvP indisponible','defeat-message')" style="padding:8px 4px;background:rgba(255,107,107,0.1);border:1px solid rgba(255,107,107,0.3);border-radius:6px;cursor:pointer;color:#ff6b6b;font-size:0.65em;font-weight:700;">⚔️ PvP Arène</button>
                <button onclick="if(typeof MX_openCoopMenu==='function')MX_openCoopMenu();else showMessage('Coop indisponible','defeat-message')" style="padding:8px 4px;background:rgba(170,255,0,0.1);border:1px solid rgba(170,255,0,0.3);border-radius:6px;cursor:pointer;color:#aaff00;font-size:0.65em;font-weight:700;">🤝 Coop</button>
                <button onclick="showScreen('guild')" style="padding:8px 4px;background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.3);border-radius:6px;cursor:pointer;color:#ffd700;font-size:0.65em;font-weight:700;">🛡️ Guilde</button>
                <button onclick="if(typeof showQuests==='function')showQuests();else if(typeof showScreen==='function')showScreen('quests')" style="padding:8px 4px;background:rgba(122,219,138,0.1);border:1px solid rgba(122,219,138,0.3);border-radius:6px;cursor:pointer;color:#7adb8a;font-size:0.65em;font-weight:700;">📜 Quêtes</button>
                <!-- [CHAT-CLEAN] Bouton Chat retiré : le chat global est accessible via le bouton flottant 🌐 sous Amis -->
                <button onclick="MX_openHDV2()" style="padding:8px 4px;background:rgba(201,124,255,0.1);border:1px solid rgba(201,124,255,0.3);border-radius:6px;cursor:pointer;color:#c97cff;font-size:0.65em;font-weight:700;">⚓ HDV</button>
            </div>
        </div>

        <!-- [v14.65] BOUTON DÉFI REDESIGN LUXE 3D -->
        <div style="text-align:center;margin-bottom:15px;padding:0 12px;">
          <button onclick="startGameModeEnergy('normal')" class="defi-luxe-btn" aria-label="Entraîne-toi">
            <!-- Couche 1 : ombre profonde (relief) -->
            <span class="defi-shadow"></span>
            <!-- Couche 2 : fond principal avec gradient et bruit -->
            <span class="defi-main">
              <!-- Grain texture -->
              <span class="defi-grain"></span>
              <!-- Halo de lumière qui pulse -->
              <span class="defi-glow"></span>
              <!-- Reflet qui traverse -->
              <span class="defi-shine"></span>
              <!-- Contenu : épées + texte -->
              <span class="defi-content">
                <svg class="defi-sword left" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true">
                  <defs>
                    <linearGradient id="swordG1" x1="0%" y1="0%" x2="100%" y2="100%">
                      <stop offset="0%" stop-color="#fff8dc"/>
                      <stop offset="50%" stop-color="#ffd700"/>
                      <stop offset="100%" stop-color="#b8860b"/>
                    </linearGradient>
                  </defs>
                  <path d="M12 2 L14 4 L14 14 L17 17 L13 17 L13 22 L11 22 L11 17 L7 17 L10 14 L10 4 Z" fill="url(#swordG1)" stroke="#fff8dc" stroke-width="0.4"/>
                </svg>
                <span class="defi-text">
                  <span class="defi-label">Entraîne-toi</span>
                  <span class="defi-caption">Affronte ton prochain ennemi</span>
                </span>
                <svg class="defi-sword right" viewBox="0 0 24 24" width="28" height="28" aria-hidden="true">
                  <path d="M12 2 L14 4 L14 14 L17 17 L13 17 L13 22 L11 22 L11 17 L7 17 L10 14 L10 4 Z" fill="url(#swordG1)" stroke="#fff8dc" stroke-width="0.4"/>
                </svg>
              </span>
              <!-- Particules dorées -->
              <span class="defi-spark s1"></span>
              <span class="defi-spark s2"></span>
              <span class="defi-spark s3"></span>
            </span>
          </button>
        </div>
        <div id="energy-warning" style="display:none;text-align:center;padding:8px;background:rgba(255,68,68,0.1);border:1px solid rgba(255,68,68,0.2);border-radius:8px;color:#ff716c;font-size:0.85em;margin-bottom:10px;">⚡ ÉNERGIE INSUFFISANTE !</div>


        <!-- CARTE TACTIQUE — [2026-06-15] display:none dès le départ : elle est de toute
             façon TOUJOURS remplacée par la carte du monde (WORLD-MAP.js hideOldHome + NAV-FIX),
             donc la cacher d'emblée évite que ses ~7 icônes se chargent inutilement au boot. -->
        <div id="home-tactical-map" style="display:none;position:relative;max-width:500px;margin:0 auto;border:1px solid rgba(129,236,255,0.15);border-radius:14px;overflow:hidden;">
            <!-- Image de fond carte -->
            <img loading="lazy" decoding="async" data-deadtac="icone/icone_carte.jpg" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.4;z-index:0;">
            <!-- Overlay sombre -->
            <div style="position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,23,0.6),rgba(12,14,23,0.75));z-index:0;"></div>
            <!-- Particules animées -->
            <div id="map-particles" style="position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;"></div>
            <div style="position:relative;padding:20px 15px 15px;z-index:1;">
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:18px;margin-left:30%;position:relative;z-index:1;"><div class="map-zone-wrap"><button onclick="if(typeof MX_openWorkshop==='function'){MX_openWorkshop();setTimeout(function(){if(typeof MX_workshop4_setTab==='function')MX_workshop4_setTab('fusion');},250);}else{showAdvancedCraft();}" style="width:52px;height:52px;background:rgba(255,180,0,0.15);border:2px solid #ffb400;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:4px;box-shadow:0 0 18px rgba(255,180,0,0.35);position:relative;"><img loading="lazy" decoding="async" data-deadtac="icone/icone_forge.jpg" style="width:100%;height:100%;object-fit:cover;border-radius:8px;"></button><div class="map-tip"><div class="map-tip-title" style="color:#ffb400">🔨 Forge</div><div class="map-tip-desc">Ressources, craft, fusion, boost (4 onglets)</div></div></div><span style="font-family:'Space Grotesk',sans-serif;font-size:0.7em;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:#ffb400;background:rgba(0,0,0,0.4);padding:4px 10px;border-radius:4px;">Forge</span></div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:18px;margin-left:45%;position:relative;z-index:1;"><div class="map-zone-wrap"><button onclick="showScreen('dungeons')" style="width:52px;height:52px;background:rgba(129,236,255,0.1);border:2px solid rgba(129,236,255,0.3);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:4px;"><img loading="lazy" decoding="async" data-deadtac="icone/icone_donjon.jpg" style="width:100%;height:100%;object-fit:cover;border-radius:8px;"></button><div class="map-tip"><div class="map-tip-title" style="color:#81ecff">🏰 Mode Donjon</div><div class="map-tip-desc">Combats par rang E → Monarque avec boss et loot</div><div class="map-tip-cost">⚡ -4 énergie</div></div></div><span style="font-family:'Space Grotesk',sans-serif;font-size:0.7em;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:#81ecff;background:rgba(0,0,0,0.4);padding:4px 10px;border-radius:4px;">Forteresse</span></div>
                <div style="display:flex;align-items:flex-start;gap:15px;margin-bottom:18px;position:relative;z-index:1;"><div style="display:flex;flex-direction:column;align-items:center;gap:4px;"><div class="map-zone-wrap"><button onclick="try{ if(typeof pvp_openMenu==='function') pvp_openMenu(); else if(typeof showScreen==='function') showScreen('pvp-menu'); }catch(e){console.error(e);}" style="width:52px;height:52px;background:rgba(255,100,80,0.12);border:2px solid #ff6450;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:4px;position:relative;box-shadow:0 0 18px rgba(255,100,80,0.3);"><img loading="lazy" decoding="async" data-deadtac="icone/icone_duel_epique.jpg" style="width:100%;height:100%;object-fit:cover;border-radius:8px;"></button><div class="map-tip"><div class="map-tip-title" style="color:#ff6450">⚔️ Arène PvP</div><div class="map-tip-desc">Affronte les autres joueurs en duel 1v1</div><div class="map-tip-cost">⚡ -2 énergie</div></div></div><span style="font-family:'Space Grotesk',sans-serif;font-size:0.65em;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#ff6450;background:rgba(0,0,0,0.4);padding:3px 8px;border-radius:4px;">Arène</span></div><div style="display:flex;flex-direction:column;align-items:center;gap:4px;margin-left:15%;"><div class="map-zone-wrap"><button onclick="startGameModeEnergy('normal')" style="width:62px;height:62px;background:rgba(129,236,255,0.12);border:2px solid #81ecff;border-radius:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;box-shadow:0 0 20px rgba(129,236,255,0.2);padding:4px;"><img loading="lazy" decoding="async" data-deadtac="icone/icone_mode_normal.jpg" style="width:100%;height:100%;object-fit:cover;border-radius:10px;"></button><div class="map-tip"><div class="map-tip-title" style="color:#81ecff">🏛️ Mode Normal</div><div class="map-tip-desc">Combat aléatoire contre des monstres</div><div class="map-tip-cost">⚡ -1 énergie</div></div></div><span style="font-family:'Space Grotesk',sans-serif;font-size:0.7em;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#81ecff;background:rgba(0,0,0,0.4);padding:4px 10px;border-radius:4px;">Histoire</span></div></div>
                <div style="display:flex;align-items:center;gap:12px;margin-bottom:18px;margin-left:40%;position:relative;z-index:1;"><div class="map-zone-wrap"><button onclick="showPortalSelection()" style="width:52px;height:52px;background:rgba(201,124,255,0.12);border:2px solid rgba(201,124,255,0.4);border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:4px;"><img loading="lazy" decoding="async" data-deadtac="icone/icone_duel_epique.jpg" style="width:100%;height:100%;object-fit:cover;border-radius:8px;"></button><div class="map-tip"><div class="map-tip-title" style="color:#c97cff">🌀 Duel Épique</div><div class="map-tip-desc">Portails dimensionnels, boss légendaires</div><div class="map-tip-cost">⚡ -5 énergie</div></div></div><span style="font-family:'Space Grotesk',sans-serif;font-size:0.7em;font-weight:800;text-transform:uppercase;letter-spacing:0.12em;color:#c97cff;background:rgba(0,0,0,0.4);padding:4px 10px;border-radius:4px;">Portail</span></div>
                <div style="display:flex;align-items:flex-start;gap:20px;margin-bottom:10px;justify-content:center;position:relative;z-index:1;"><div style="display:flex;flex-direction:column;align-items:center;gap:4px;"><div class="map-zone-wrap"><button onclick="MX_openHDV2()" style="width:48px;height:48px;background:rgba(129,236,255,0.12);border:2px solid #81ecff;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;padding:4px;position:relative;box-shadow:0 0 18px rgba(129,236,255,0.25);"><img loading="lazy" decoding="async" data-deadtac="icone/icone_de_lhotel_desventes.jpg" style="width:100%;height:100%;object-fit:cover;border-radius:8px;"></button><div class="map-tip"><div class="map-tip-title" style="color:#81ecff">⚓ Hôtel des Ventes</div><div class="map-tip-desc">Vends et achète des items avec d'autres joueurs</div></div></div><span style="font-family:'Space Grotesk',sans-serif;font-size:0.6em;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#81ecff;background:rgba(0,0,0,0.4);padding:3px 8px;border-radius:4px;">Port</span></div></div>
                
                <!-- [v14.69/v14.70] BOUTON SUGGESTION — Boss OU Idée de feature (1 vote par mois) -->
                <div style="margin-top:22px;text-align:center;position:relative;z-index:1;">
                    <button onclick="showSuggestBossModal()" class="suggest-boss-btn" style="
                        position:relative;
                        padding:12px 22px;
                        background:linear-gradient(135deg,#3a0a60 0%,#6a2fb3 50%,#8a2fc9 100%);
                        color:#fff5d6;
                        border:1px solid rgba(255,215,0,0.35);
                        border-radius:14px;
                        font-family:'Cormorant Garamond',serif;
                        font-style:italic;
                        font-weight:500;
                        font-size:1em;
                        cursor:pointer;
                        letter-spacing:0.02em;
                        display:inline-flex;
                        align-items:center;
                        gap:10px;
                        box-shadow:0 4px 18px rgba(154,91,219,0.4),inset 0 1px 0 rgba(255,255,255,0.15);
                        transition:all 0.25s;"
                        onmouseover="this.style.transform='translateY(-2px)';this.style.boxShadow='0 6px 24px rgba(154,91,219,0.6),inset 0 1px 0 rgba(255,255,255,0.2)'"
                        onmouseout="this.style.transform='';this.style.boxShadow='0 4px 18px rgba(154,91,219,0.4),inset 0 1px 0 rgba(255,255,255,0.15)'">
                        <svg viewBox="0 0 24 24" width="20" height="20" style="flex-shrink:0;">
                            <path d="M 12 2 L 14 8 L 20 8 L 15 12 L 17 18 L 12 14 L 7 18 L 9 12 L 4 8 L 10 8 Z" fill="#ffd700" stroke="#5a3f12" stroke-width="0.5"/>
                        </svg>
                        <span>Suggérer un <em style="background:linear-gradient(180deg,#fff5d6,#ffd700);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">Boss ou une Idée</em></span>
                    </button>
                    <div style="font-family:'Inter',sans-serif;font-size:10px;color:#988a9e;letter-spacing:0.15em;text-transform:uppercase;margin-top:6px;">1 vote par mois · ta voix compte</div>
                </div>
            </div>
        </div>
      </div>
    </div>
    
    <!-- ÉCRAN MULTIJOUEUR -->
    <!-- ========== ÉCRAN : MULTIJOUEUR (Hub) ========== -->
    <!-- +==========================================================+
         |  ÉCRAN MULTIJOUEUR                                        |
         |  Hub pour toutes les fonctionnalités multijoueur :         |
         |  - PvP (combat contre d\'autres joueurs)                    |
         |  - Classement PvP                                          |
         |  - Hôtel des ventes (échange d\'objets entre joueurs)       |
         |  - Artisanat avancé                                        |
         |  - Mode Coopération (combattre ensemble)                   |
         |  - Donjon Infini                                           |
         +==========================================================+ -->
    <div class="screen" id="multiplayer-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
            <button class="nav-btn" onclick="showPvPRanking()" style="background:linear-gradient(135deg,#ffd700,#ff8c00);">🏆 Classement</button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(0, 255, 136, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <linearGradient id="mpG1" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#a8ffe8"/><stop offset="100%" stop-color="#004a30"/></linearGradient>
                <linearGradient id="mpG2" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#ff6b80"/><stop offset="100%" stop-color="#6a0020"/></linearGradient>
              </defs>
              <!-- Joueur 1 -->
              <circle cx="16" cy="20" r="6" fill="url(#mpG1)" stroke="#0a3a28" stroke-width="0.6"/>
              <path d="M 8 42 Q 8 32 16 32 Q 24 32 24 42 L 24 50 L 8 50 Z" fill="url(#mpG1)" stroke="#0a3a28" stroke-width="0.6"/>
              <!-- Joueur 2 -->
              <circle cx="48" cy="20" r="6" fill="url(#mpG2)" stroke="#3a0010" stroke-width="0.6"/>
              <path d="M 40 42 Q 40 32 48 32 Q 56 32 56 42 L 56 50 L 40 50 Z" fill="url(#mpG2)" stroke="#3a0010" stroke-width="0.6"/>
              <!-- VS central -->
              <text x="32" y="37" text-anchor="middle" font-family="Cinzel,serif" font-size="14" font-weight="bold" fill="#ffd700" stroke="#5a3f12" stroke-width="0.5">VS</text>
              <!-- Éclairs -->
              <path d="M 28 12 L 26 18 L 30 18 L 28 24" stroke="#ffd700" stroke-width="1.2" fill="none" stroke-linecap="round"/>
              <path d="M 36 12 L 34 18 L 38 18 L 36 24" stroke="#ffd700" stroke-width="1.2" fill="none" stroke-linecap="round"/>
            </svg>
          </div>
          <h2 class="section-luxe-title">Mode <em>Multijoueur</em></h2>
          <p class="section-luxe-caption">Affronte d'autres monarques en ligne</p>
        </div>
        <p style="text-align:center;color:#888;margin-bottom:20px;">Affronte un autre joueur en combat !</p>
        
        <div style="max-width:600px;margin:0 auto;">
            <h3 style="color:#ffd700;text-align:center;margin-bottom:15px;">Choisis ton adversaire :</h3>
            <div id="multiplayer-opponents" style="display:grid;gap:15px;"></div>
        </div>
    </div>
    
    <!-- ÉCRAN CLASSEMENT PVP -->
    <!-- ========== ÉCRAN : CLASSEMENT PVP ========== -->
    <!-- Classement PvP : top joueurs triés par score/victoires -->
    <div class="screen" id="pvp-ranking-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('multiplayer')">⚔️ Retour Multi</button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <linearGradient id="trophyG" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#fff5d6"/><stop offset="50%" stop-color="#ffd700"/><stop offset="100%" stop-color="#8a6810"/>
                </linearGradient>
              </defs>
              <!-- Anses du trophée -->
              <path d="M 16 18 Q 8 20 8 28 Q 8 34 16 34" fill="none" stroke="url(#trophyG)" stroke-width="3" stroke-linecap="round"/>
              <path d="M 48 18 Q 56 20 56 28 Q 56 34 48 34" fill="none" stroke="url(#trophyG)" stroke-width="3" stroke-linecap="round"/>
              <!-- Coupe principale -->
              <path d="M 16 14 L 48 14 L 46 38 Q 46 42 32 42 Q 18 42 18 38 Z" fill="url(#trophyG)" stroke="#5a3f12" stroke-width="0.8"/>
              <!-- Pied -->
              <path d="M 28 42 L 28 48 L 20 50 L 44 50 L 36 48 L 36 42 Z" fill="url(#trophyG)" stroke="#5a3f12" stroke-width="0.8"/>
              <!-- Base -->
              <rect x="18" y="50" width="28" height="5" rx="1" fill="#8a6810" stroke="#5a3f12" stroke-width="0.5"/>
              <!-- Étoile -->
              <path d="M 32 18 L 34 24 L 40 24 L 35 28 L 37 34 L 32 30 L 27 34 L 29 28 L 24 24 L 30 24 Z" fill="#fff5d6"/>
              <!-- Reflet -->
              <ellipse cx="24" cy="22" rx="3" ry="8" fill="#fff5d6" opacity="0.5" transform="rotate(-15 24 22)"/>
            </svg>
          </div>
          <h2 class="section-luxe-title">Classement <em>PVP</em></h2>
          <p class="section-luxe-caption">Les meilleurs guerriers du royaume</p>
        </div>
        <div id="ranking-difficulty-badge" style="text-align:center;margin-bottom:5px;"></div>
        <p style="text-align:center;color:#888;margin-bottom:5px;">Les meilleurs combattants de ton mode !</p>
        <p style="text-align:center;color:#4ecdc4;font-size:0.85em;margin-bottom:20px;">
            🎁 Récompenses pour le top 3 après 30 jours en position !
        </p>
        
        <div id="pvp-ranking-list" style="max-width:700px;margin:0 auto;"></div>
        
        <!-- Récompenses -->
        <div style="max-width:600px;margin:30px auto 0;background:rgba(255,215,0,0.1);border:2px solid #ffd700;border-radius:15px;padding:20px;">
            <h3 style="color:#ffd700;text-align:center;margin-bottom:15px;">🎁 Récompenses (30 jours en position)</h3>
            <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center;">
                <div style="background:rgba(255,215,0,0.2);padding:15px;border-radius:10px;">
                    <div style="font-size:2em;">🥇</div>
                    <div style="color:#ffd700;font-weight:bold;">1er</div>
                    <div style="color:#4ecdc4;font-size:0.9em;">1000 Or</div>
                    <div style="color:#4ecdc4;font-size:0.9em;">500 XP</div>
                    <div style="color:#ff00ff;font-size:0.85em;">+ Titre "Champion"</div>
                </div>
                <div style="background:rgba(192,192,192,0.2);padding:15px;border-radius:10px;">
                    <div style="font-size:2em;">🥈</div>
                    <div style="color:#c0c0c0;font-weight:bold;">2ème</div>
                    <div style="color:#4ecdc4;font-size:0.9em;">500 Or</div>
                    <div style="color:#4ecdc4;font-size:0.9em;">250 XP</div>
                </div>
                <div style="background:rgba(205,127,50,0.2);padding:15px;border-radius:10px;">
                    <div style="font-size:2em;">🥉</div>
                    <div style="color:#cd7f32;font-weight:bold;">3ème</div>
                    <div style="color:#4ecdc4;font-size:0.9em;">250 Or</div>
                    <div style="color:#4ecdc4;font-size:0.9em;">100 XP</div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- ÉCRAN HÔTEL DES VENTES -->
    <!-- ╔══════════════════════════════════════════════════════════╗
     ║  MARKETPLACE / BOUTIQUE                                   ║
     ║  → Onglets : Équipements, Familiers, Sorts, Armes, Buffs  ║
     ║  → Onglet Coffres → showScreen(joker)                     ║
     ║  → Onglet Auction (Hôtel des Ventes)                      ║
     ╚══════════════════════════════════════════════════════════╝ -->
    <!-- Hôtel des ventes : achat/vente d\'objets entre joueurs -->
    <div class="screen" id="auction-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255, 221, 0, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <linearGradient id="hotelG" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#c9a354"/><stop offset="100%" stop-color="#5a3f12"/>
                </linearGradient>
              </defs>
              <!-- Bâtiment avec fronton -->
              <path d="M 8 54 L 8 28 L 32 12 L 56 28 L 56 54 Z" fill="url(#hotelG)" stroke="#2a1a0a" stroke-width="0.8"/>
              <!-- Colonnes -->
              <rect x="14" y="32" width="4" height="22" fill="#fff5d6" stroke="#5a3f12" stroke-width="0.4"/>
              <rect x="24" y="32" width="4" height="22" fill="#fff5d6" stroke="#5a3f12" stroke-width="0.4"/>
              <rect x="36" y="32" width="4" height="22" fill="#fff5d6" stroke="#5a3f12" stroke-width="0.4"/>
              <rect x="46" y="32" width="4" height="22" fill="#fff5d6" stroke="#5a3f12" stroke-width="0.4"/>
              <!-- Toit -->
              <path d="M 6 28 L 32 10 L 58 28 Z" fill="#8a0022" stroke="#2a0010" stroke-width="0.8"/>
              <!-- Pièces d'or -->
              <circle cx="22" cy="48" r="2" fill="#ffd700" stroke="#8a6810" stroke-width="0.3"/>
              <circle cx="32" cy="48" r="2" fill="#ffd700" stroke="#8a6810" stroke-width="0.3"/>
              <circle cx="42" cy="48" r="2" fill="#ffd700" stroke="#8a6810" stroke-width="0.3"/>
              <!-- Base -->
              <rect x="6" y="54" width="52" height="3" fill="#3a2614"/>
            </svg>
          </div>
          <h2 class="section-luxe-title">Hôtel des <em>Ventes</em></h2>
          <p class="section-luxe-caption">Achète et vends aux enchères avec les autres joueurs</p>
        </div>
        <p style="text-align:center;color:#888;margin-bottom:10px;">Achète et vends des items aux autres joueurs !</p>
        <p style="text-align:center;color:#4ecdc4;margin-bottom:20px;">💰 Ton Or: <span id="auction-gold">0</span></p>
        
        <div style="display:flex;gap:10px;justify-content:center;margin-bottom:20px;">
            <button class="nav-btn" onclick="showAuctionTab('buy')" id="auction-tab-buy" style="background:#4ecdc4;">🛒 Acheter</button>
            <button class="nav-btn" onclick="showAuctionTab('sell')" id="auction-tab-sell">💰 Vendre</button>
            <button class="nav-btn" onclick="showAuctionTab('my')" id="auction-tab-my">📦 Mes Ventes</button>
        </div>
        
        <div id="auction-content" style="max-width:900px;margin:0 auto;"></div>
    </div>
    
    <!-- ÉCRAN FORGE AVANCÉE -->
    <!-- ========== ÉCRAN : FORGE / CRAFT ========== -->
    <!-- Écran d\'artisanat avancé : combiner des objets pour créer du meilleur -->
    <div class="screen" id="craft-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 60%, rgba(255, 120, 0, 0.3) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <linearGradient id="anvilG" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#9a9aa8"/><stop offset="100%" stop-color="#2a2a38"/>
                </linearGradient>
                <radialGradient id="forgeFireG" cx="50%" cy="100%" r="80%">
                  <stop offset="0%" stop-color="#fff5d6"/><stop offset="40%" stop-color="#ff6600"/><stop offset="100%" stop-color="#6a0010" stop-opacity="0"/>
                </radialGradient>
              </defs>
              <!-- Flammes en bas -->
              <ellipse cx="32" cy="58" rx="26" ry="8" fill="url(#forgeFireG)"/>
              <!-- Enclume -->
              <path d="M 10 32 L 54 32 L 48 38 L 16 38 Z" fill="url(#anvilG)" stroke="#0a0a15" stroke-width="0.8"/>
              <path d="M 26 38 L 38 38 L 40 50 L 24 50 Z" fill="url(#anvilG)" stroke="#0a0a15" stroke-width="0.8"/>
              <rect x="18" y="50" width="28" height="4" rx="1" fill="url(#anvilG)" stroke="#0a0a15" stroke-width="0.6"/>
              <!-- Marteau -->
              <g transform="rotate(-35 40 20)">
                <rect x="38" y="8" width="12" height="8" rx="1" fill="url(#anvilG)" stroke="#0a0a15" stroke-width="0.6"/>
                <rect x="43" y="16" width="2" height="14" fill="#6b4424"/>
              </g>
              <!-- Étincelles -->
              <circle cx="14" cy="28" r="1.5" fill="#ffd700" opacity="0.9"/>
              <circle cx="52" cy="30" r="1" fill="#ffd700" opacity="0.8"/>
              <circle cx="20" cy="22" r="1" fill="#fff5d6" opacity="0.9"/>
              <!-- Item brillant sur enclume -->
              <path d="M 28 28 L 36 28 L 34 32 L 30 32 Z" fill="#fff5d6" opacity="0.9"/>
            </svg>
          </div>
          <h2 class="section-luxe-title">Forge <em>Avancée</em></h2>
          <p class="section-luxe-caption">Fusionne et améliore tes équipements légendaires</p>
        </div>
        <p style="text-align:center;color:#888;margin-bottom:20px;">Fusionne 3 items de même rareté pour en créer un meilleur !</p>
        
        <div style="max-width:800px;margin:0 auto;">
            <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;">
                <div id="craft-slot-1" class="craft-slot" onclick="selectCraftSlot(1)" style="min-height:150px;background:rgba(0,170,255,0.1);border:2px dashed #00aaff;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;">
                    <span style="color:#00aaff;font-size:3em;">+</span>
                </div>
                <div id="craft-slot-2" class="craft-slot" onclick="selectCraftSlot(2)" style="min-height:150px;background:rgba(0,170,255,0.1);border:2px dashed #00aaff;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;">
                    <span style="color:#00aaff;font-size:3em;">+</span>
                </div>
                <div id="craft-slot-3" class="craft-slot" onclick="selectCraftSlot(3)" style="min-height:150px;background:rgba(0,170,255,0.1);border:2px dashed #00aaff;border-radius:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;">
                    <span style="color:#00aaff;font-size:3em;">+</span>
                </div>
            </div>
            
            <div style="text-align:center;margin-bottom:20px;">
                <div style="font-size:2em;color:#ffd700;">⬇️</div>
                <button onclick="performCraft()" id="craft-btn" style="padding:15px 40px;font-size:1.2em;background:linear-gradient(135deg,#00aaff,#0066cc);color:#fff;border:none;border-radius:10px;cursor:pointer;opacity:0.5;" disabled>
                    🔨 FUSIONNER (100 Or)
                </button>
            </div>
            
            <div id="craft-result" style="min-height:150px;background:rgba(255,215,0,0.1);border:2px solid #ffd700;border-radius:15px;display:flex;align-items:center;justify-content:center;">
                <span style="color:#666;">Le résultat apparaîtra ici</span>
            </div>
            
            <h3 style="color:#4ecdc4;margin:30px 0 15px;text-align:center;">📦 Ton Inventaire</h3>
            <div id="craft-inventory" style="display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;"></div>
        </div>
    </div>
    
    <!-- ÉCRAN MODE COOP -->
    <!-- ========== ÉCRAN : MODE COOPÉRATIF (Lobby) ========== -->
    <!-- +==========================================================+
         |  ÉCRAN MODE COOPÉRATION                                   |
         |  Créer ou rejoindre une salle pour combattre à 2 joueurs. |
         |  Les deux joueurs font des exercices pour infliger des      |
         |  dégâts au même monstre. Le butin est partagé.             |
         +==========================================================+ -->
    <div class="screen" id="coop-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(170, 255, 0, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <linearGradient id="coopG1" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#aaff00"/><stop offset="100%" stop-color="#4a7a00"/>
                </linearGradient>
                <linearGradient id="coopG2" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#00ffff"/><stop offset="100%" stop-color="#004a5a"/>
                </linearGradient>
              </defs>
              <!-- Deux guerriers se serrant la main (stylisé) -->
              <!-- Guerrier gauche -->
              <circle cx="18" cy="18" r="6" fill="url(#coopG1)" stroke="#2a4a00" stroke-width="0.6"/>
              <path d="M 12 24 L 8 48 L 18 48 L 20 30 L 24 36 L 32 32 L 32 28 L 24 26 Z" fill="url(#coopG1)" stroke="#2a4a00" stroke-width="0.6"/>
              <!-- Guerrier droit -->
              <circle cx="46" cy="18" r="6" fill="url(#coopG2)" stroke="#002a3a" stroke-width="0.6"/>
              <path d="M 52 24 L 56 48 L 46 48 L 44 30 L 40 36 L 32 32 L 32 28 L 40 26 Z" fill="url(#coopG2)" stroke="#002a3a" stroke-width="0.6"/>
              <!-- Poignée centrale -->
              <circle cx="32" cy="32" r="3" fill="#ffd700" stroke="#5a3f12" stroke-width="0.6"/>
              <!-- Étincelle d'union -->
              <circle cx="32" cy="32" r="6" fill="none" stroke="#fff5d6" stroke-width="0.5" opacity="0.6"/>
              <!-- Base sol -->
              <rect x="6" y="50" width="52" height="3" rx="1" fill="#2a2a3a" opacity="0.7"/>
            </svg>
          </div>
          <h2 class="section-luxe-title">Mode <em>Coopératif</em></h2>
          <p class="section-luxe-caption">Affronte les boss avec ton allié</p>
        </div>
        <p style="text-align:center;color:#888;margin-bottom:20px;">Combattez ensemble contre des boss puissants !</p>
        
        <div style="max-width:600px;margin:0 auto;text-align:center;">
            <div style="background:rgba(170,255,0,0.1);border:2px solid #aaff00;border-radius:15px;padding:30px;margin-bottom:20px;">
                <h3 style="color:#aaff00;margin-bottom:15px;">🎮 Lancer un combat coop</h3>
                <p style="color:#888;margin-bottom:20px;">Choisis un allié parmi tes comptes et combattez ensemble !</p>
                <button onclick="createCoopRoom()" style="padding:18px 40px;font-size:1.2em;background:linear-gradient(135deg,#aaff00,#88cc00);color:#000;border:none;border-radius:12px;cursor:pointer;font-weight:bold;box-shadow:0 0 20px rgba(170,255,0,0.3);">
                    🤝 Choisir un allié & combattre
                </button>
                <p style="color:#666;font-size:0.8em;margin-top:15px;">Coûte 2 ⚡ énergie</p>
            </div>
        </div>
    </div>
    
    <!-- ÉCRAN COMBAT COOP -->
    <!-- ========== ÉCRAN : COMBAT COOPÉRATIF ========== -->
    <!-- Écran de combat coopératif : 2 joueurs vs 1 monstre puissant -->
    <div class="screen" id="coop-battle-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="leaveCoopBattle()">🚪 Quitter</button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(170, 255, 0, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <linearGradient id="ccG" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#d8ff99"/><stop offset="100%" stop-color="#4a7a00"/></linearGradient>
              </defs>
              <!-- 2 guerriers dos à dos -->
              <circle cx="20" cy="20" r="6" fill="url(#ccG)" stroke="#2a4a00" stroke-width="0.6"/>
              <path d="M 12 42 Q 12 30 20 30 Q 26 30 28 34 L 32 38 L 36 34 Q 38 30 44 30 Q 52 30 52 42 L 52 50 L 12 50 Z" fill="url(#ccG)" stroke="#2a4a00" stroke-width="0.6"/>
              <circle cx="44" cy="20" r="6" fill="url(#ccG)" stroke="#2a4a00" stroke-width="0.6"/>
              <!-- 2 épées croisées au centre -->
              <g transform="rotate(20 32 30)" stroke="#5a3f12" stroke-width="0.4">
                <rect x="30" y="12" width="4" height="18" fill="#c9dfff"/>
                <rect x="28" y="30" width="8" height="2" fill="#c9a354"/>
              </g>
              <g transform="rotate(-20 32 30)" stroke="#5a3f12" stroke-width="0.4">
                <rect x="30" y="12" width="4" height="18" fill="#c9dfff"/>
                <rect x="28" y="30" width="8" height="2" fill="#c9a354"/>
              </g>
            </svg>
          </div>
          <h2 class="section-luxe-title">Combat <em>Coopératif</em></h2>
          <p class="section-luxe-caption">Affronte des boss avec ton allié</p>
        </div>
        
        <!-- Stats globales -->
        <div style="text-align:center;margin-bottom:15px;">
            <div style="display:inline-flex;gap:20px;background:rgba(170,255,0,0.1);padding:10px 25px;border-radius:15px;border:2px solid #aaff00;">
                <div>
                    <div style="color:#888;font-size:0.8em;">Monstres</div>
                    <div style="color:#aaff00;font-size:1.5em;font-weight:bold;" id="coop-monsters-count">0</div>
                </div>
                <div>
                    <div style="color:#888;font-size:0.8em;">XP Total</div>
                    <div style="color:#4ecdc4;font-size:1.5em;font-weight:bold;" id="coop-total-xp">0</div>
                </div>
                <div>
                    <div style="color:#888;font-size:0.8em;">Or Total</div>
                    <div style="color:#ffd700;font-size:1.5em;font-weight:bold;" id="coop-total-gold">0</div>
                </div>
            </div>
        </div>
        
        <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;max-width:1000px;margin:0 auto;">
            <!-- Joueur 1 (Toi) -->
            <div style="background:linear-gradient(135deg,rgba(78,205,196,0.2),rgba(0,0,0,0.3));border:2px solid #4ecdc4;border-radius:15px;padding:15px;text-align:center;">
                <div id="coop-player1-avatar" style="width:70px;height:70px;margin:0 auto;border-radius:50%;overflow:hidden;border:3px solid #4ecdc4;"></div>
                <div style="color:#4ecdc4;font-weight:bold;font-size:1.1em;" id="coop-player1-name">Toi</div>
                <div style="background:#333;border-radius:8px;height:20px;overflow:hidden;margin:10px 0;">
                    <div id="coop-player1-hp-bar" style="height:100%;background:linear-gradient(90deg,#4ecdc4,#3aa89f);width:100%;transition:width 0.3s;"></div>
                </div>
                <div id="coop-player1-hp-text" style="color:#4ecdc4;font-size:0.9em;">100/100 PV</div>
                <div style="color:#aaff00;font-size:0.85em;margin-top:5px;">Dégâts: <span id="coop-player1-damage">0</span></div>
            </div>
            
            <!-- Monstre -->
            <div style="background:linear-gradient(135deg,rgba(255,0,0,0.2),rgba(0,0,0,0.3));border:2px solid #ff4444;border-radius:15px;padding:15px;text-align:center;">
                <div id="coop-monster-display"></div>
            </div>
            
            <!-- Joueur 2 (Partenaire) -->
            <div style="background:linear-gradient(135deg,rgba(170,255,0,0.2),rgba(0,0,0,0.3));border:2px solid #aaff00;border-radius:15px;padding:15px;text-align:center;">
                <div id="coop-player2-avatar" style="width:70px;height:70px;margin:0 auto;border-radius:50%;overflow:hidden;border:3px solid #aaff00;"></div>
                <div style="color:#aaff00;font-weight:bold;font-size:1.1em;" id="coop-player2-name">Partenaire</div>
                <div style="background:#333;border-radius:8px;height:20px;overflow:hidden;margin:10px 0;">
                    <div id="coop-player2-hp-bar" style="height:100%;background:linear-gradient(90deg,#aaff00,#88cc00);width:100%;transition:width 0.3s;"></div>
                </div>
                <div id="coop-player2-hp-text" style="color:#aaff00;font-size:0.9em;">100/100 PV</div>
                <div style="color:#4ecdc4;font-size:0.85em;margin-top:5px;">Dégâts: <span id="coop-player2-damage">0</span></div>
            </div>
        </div>
        
        <div id="coop-exercises" style="margin-top:20px;"></div>
        <div id="coop-battle-log" style="max-height:120px;overflow-y:auto;background:rgba(0,0,0,0.3);border-radius:10px;padding:10px;margin-top:15px;max-width:900px;margin-left:auto;margin-right:auto;font-size:0.9em;"></div>
    </div>
    
    <!-- Donjon Infini supprimé -->

    <!-- ÉCRAN COMBAT MULTIJOUEUR -->
    <!-- ========== ÉCRAN : COMBAT PVP ========== -->
    <!-- +==========================================================+
         |  ÉCRAN DE COMBAT PVP (joueur vs joueur)                   |
         |  Interface de combat similaire au PvE mais contre un       |
         |  autre joueur (simulé). Chacun fait des exercices à tour   |
         |  de rôle pour se battre. Le gagnant monte au classement.   |
         +==========================================================+ -->
    <div class="screen" id="pvp-battle-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="forfeitPvP()">🏳️ Abandonner</button>
        </div>
        
        <div style="text-align:center;margin-bottom:20px;">
            <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
              <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(0, 255, 136, 0.22) 0%, transparent 65%);">
                <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
                  <defs>
                    <linearGradient id="pvpSwordG" x1="0" y1="0" x2="0" y2="1">
                      <stop offset="0%" stop-color="#fff5d6"/><stop offset="60%" stop-color="#00ff88"/><stop offset="100%" stop-color="#005a30"/>
                    </linearGradient>
                  </defs>
                  <!-- Impact central -->
                  <circle cx="32" cy="32" r="8" fill="#fff5d6" opacity="0.85"/>
                  <circle cx="32" cy="32" r="14" fill="none" stroke="#00ff88" stroke-width="1" opacity="0.6"/>
                  <circle cx="32" cy="32" r="20" fill="none" stroke="#00ff88" stroke-width="0.5" opacity="0.4"/>
                  <!-- Épée 1 -->
                  <g transform="rotate(-45 32 32)">
                    <rect x="31" y="4" width="2" height="24" fill="url(#pvpSwordG)" stroke="#2a5a3a" stroke-width="0.3"/>
                    <rect x="26" y="28" width="12" height="2" fill="#c9a354"/>
                    <rect x="31" y="30" width="2" height="6" fill="#8a5a1f"/>
                  </g>
                  <!-- Épée 2 -->
                  <g transform="rotate(45 32 32)">
                    <rect x="31" y="4" width="2" height="24" fill="url(#pvpSwordG)" stroke="#2a5a3a" stroke-width="0.3"/>
                    <rect x="26" y="28" width="12" height="2" fill="#c9a354"/>
                    <rect x="31" y="30" width="2" height="6" fill="#8a5a1f"/>
                  </g>
                  <!-- Étincelles -->
                  <circle cx="14" cy="14" r="1.5" fill="#ffd700" opacity="0.9"/>
                  <circle cx="50" cy="14" r="1.5" fill="#ffd700" opacity="0.9"/>
                  <circle cx="14" cy="50" r="1.5" fill="#ffd700" opacity="0.9"/>
                  <circle cx="50" cy="50" r="1.5" fill="#ffd700" opacity="0.9"/>
                </svg>
              </div>
              <h2 class="section-luxe-title">Combat <em>PVP</em></h2>
              <p class="section-luxe-caption">Affronte d'autres joueurs en 1v1</p>
            </div>
            <div id="pvp-turn-indicator" style="color:#ffd700;font-size:1.2em;margin:10px 0;">Tour 1</div>
        </div>
        
        <!-- Zone de combat PvP -->
        <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto;">
            <!-- Joueur -->
            <div style="background:linear-gradient(145deg,rgba(78,205,196,0.2),rgba(0,0,0,0.5));border:2px solid #4ecdc4;border-radius:15px;padding:20px;text-align:center;">
                <div id="pvp-player-avatar" style="width:80px;height:80px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:3px solid #4ecdc4;"></div>
                <div id="pvp-player-name" style="color:#4ecdc4;font-size:1.3em;font-weight:bold;">Toi</div>
                <div style="margin:15px 0;">
                    <div style="color:#888;font-size:0.9em;">PV</div>
                    <div style="background:#333;border-radius:10px;height:25px;overflow:hidden;margin-top:5px;">
                        <div id="pvp-player-hp-bar" style="height:100%;background:linear-gradient(90deg,#ff6b6b,#ff4444);width:100%;transition:width 0.5s;"></div>
                    </div>
                    <div id="pvp-player-hp-text" style="color:#ff6b6b;font-weight:bold;margin-top:5px;">100/100</div>
                </div>
                <div id="pvp-player-last-damage" style="color:#ffd700;font-size:0.9em;height:20px;"></div>
            </div>
            
            <!-- Adversaire -->
            <div style="background:linear-gradient(145deg,rgba(255,68,68,0.2),rgba(0,0,0,0.5));border:2px solid #ff4444;border-radius:15px;padding:20px;text-align:center;">
                <div id="pvp-opponent-avatar" style="width:80px;height:80px;margin:0 auto 10px;border-radius:50%;overflow:hidden;border:3px solid #ff4444;"></div>
                <div id="pvp-opponent-name" style="color:#ff4444;font-size:1.3em;font-weight:bold;">Adversaire</div>
                <div style="margin:15px 0;">
                    <div style="color:#888;font-size:0.9em;">PV</div>
                    <div style="background:#333;border-radius:10px;height:25px;overflow:hidden;margin-top:5px;">
                        <div id="pvp-opponent-hp-bar" style="height:100%;background:linear-gradient(90deg,#ff6b6b,#ff4444);width:100%;transition:width 0.5s;"></div>
                    </div>
                    <div id="pvp-opponent-hp-text" style="color:#ff6b6b;font-weight:bold;margin-top:5px;">100/100</div>
                </div>
                <div id="pvp-opponent-last-damage" style="color:#ffd700;font-size:0.9em;height:20px;"></div>
            </div>
        </div>
        
        <!-- Zone d\'exercices PvP -->
        <div style="max-width:800px;margin:30px auto 0;text-align:center;">
            <h3 style="color:#4ecdc4;margin-bottom:15px;">🏋️ Attaque !</h3>
            <div id="pvp-exercises" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;"></div>
            
            <!-- Compteur -->
            <div id="pvp-counter-section" class="hidden" style="margin-top:20px;padding:20px;background:rgba(0,0,0,0.5);border-radius:15px;">
                <div id="pvp-exercise-name" style="color:#ffd700;font-size:1.3em;margin-bottom:10px;"></div>
                <div id="pvp-exercise-count" style="font-size:3em;color:#4ecdc4;font-weight:bold;">0</div>
                <div style="display:flex;gap:10px;justify-content:center;margin-top:15px;">
                    <button onclick="pvpAddRep()" style="padding:15px 30px;background:#4ecdc4;border:none;border-radius:10px;font-size:1.2em;font-weight:bold;cursor:pointer;">+1</button>
                    <button onclick="pvpAddRep(5)" style="padding:15px 20px;background:#32cd32;border:none;border-radius:10px;font-size:1em;font-weight:bold;cursor:pointer;">+5</button>
                    <button onclick="pvpCompleteExercise()" style="padding:15px 30px;background:#ffd700;border:none;border-radius:10px;font-size:1.2em;font-weight:bold;cursor:pointer;">✅ VALIDER</button>
                </div>
            </div>
        </div>
        
        <!-- Log de combat -->
        <div id="pvp-combat-log" style="max-width:800px;margin:20px auto;padding:15px;background:rgba(0,0,0,0.5);border-radius:10px;max-height:150px;overflow-y:auto;"></div>
    </div>
    
    <!-- ÉCRAN SÉLECTION DE PORTAIL -->
    <!-- ========== ÉCRAN : PORTAILS / BOSS ÉPIQUES ========== -->
    <!-- +==========================================================+
         |  ÉCRAN DES PORTAILS                                       |
         |  Portails = modes de difficulté augmentée.                 |
         |  Plus le portail est "fort", plus les monstres sont durs   |
         |  mais les récompenses (XP, or, drops) sont multipliées.    |
         |  Inclut aussi les Duels Épiques (boss spéciaux anime).     |
         +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  PORTAILS ÉPIQUES — Boss légendaires                 ║
     ║  → Sélection du portail/boss                         ║
     ║  → Lance le mode epic-duel                           ║
     ╚═══════════════════════════════════════════════════════╝ -->
    <div class="screen" id="portal-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
        <!-- [2026-06-15] Header "Portails Dimensionnels" + grille de portails RETIRÉS (demande user) :
             le duel épique ne contient plus que les SAGAS ÉPIQUES + le BOSS DU MOIS. -->
        <div style="margin: 6px 0 30px 0;">
            <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
              <div class="section-luxe-icon" style="background: radial-gradient(circle at 50% 50%, rgba(255, 68, 68, 0.22) 0%, transparent 65%);">
                <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
                  <defs>
                    <radialGradient id="sagaCoreG" cx="50%" cy="50%" r="50%">
                      <stop offset="0%" stop-color="#fff5d6"/>
                      <stop offset="40%" stop-color="#ffd700"/>
                      <stop offset="100%" stop-color="#ff4444"/>
                    </radialGradient>
                    <linearGradient id="sagaSwordG" x1="0" y1="0" x2="0" y2="1">
                      <stop offset="0%" stop-color="#fff5d6"/>
                      <stop offset="60%" stop-color="#c9dfff"/>
                      <stop offset="100%" stop-color="#5a8ac9"/>
                    </linearGradient>
                  </defs>
                  <!-- Halo central lumineux -->
                  <circle cx="32" cy="32" r="22" fill="url(#sagaCoreG)" opacity="0.25"/>
                  <!-- Étoile à 5 branches centrale (saga) -->
                  <path d="M 32 10 L 36 26 L 52 26 L 39 36 L 44 52 L 32 42 L 20 52 L 25 36 L 12 26 L 28 26 Z"
                        fill="url(#sagaCoreG)" stroke="#8a0022" stroke-width="0.8"/>
                  <!-- Flammèches autour -->
                  <g fill="#ff4444" opacity="0.85">
                    <path d="M 8 14 Q 10 8 14 12 Q 16 10 12 16 Z"/>
                    <path d="M 56 14 Q 54 8 50 12 Q 48 10 52 16 Z"/>
                    <path d="M 10 50 Q 8 56 14 54 Q 12 58 16 52 Z"/>
                    <path d="M 54 50 Q 56 56 50 54 Q 52 58 48 52 Z"/>
                  </g>
                  <!-- Reflet central -->
                  <circle cx="30" cy="28" r="3" fill="#fff5d6" opacity="0.65"/>
                </svg>
              </div>
              <h2 class="section-luxe-title">Sagas <em>Légendaires</em></h2>
            </div>

            <!-- Grille des Sagas -->
            <div id="saga-grid" style="
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                gap: 25px;
                max-width: 1000px;
                margin: 0 auto;
            "></div>
            
            <!-- [v14.68] BOSS DU MOIS — Le Monarque Sanguinaire -->
            <div id="boss-du-mois-section" style="max-width:1000px;margin:50px auto 30px;padding:0 15px;">
                <div style="display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:30px;">
                    <span style="flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,0,40,0.4));max-width:200px;"></span>
                    <span style="color:#ff0028;font-size:12px;letter-spacing:0.3em;text-transform:uppercase;font-family:'Inter',sans-serif;font-weight:600;">✦ Événement Mensuel ✦</span>
                    <span style="flex:1;height:1px;background:linear-gradient(90deg,rgba(255,0,40,0.4),transparent);max-width:200px;"></span>
                </div>
                <div class="section-luxe-header" style="text-align:center;margin-bottom:20px;">
                    <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255,0,40,0.4) 0%, transparent 65%);">
                        <svg viewBox="0 0 80 80" width="72" height="72" aria-hidden="true">
                            <defs>
                                <radialGradient id="bdmMoonG" cx="50%" cy="45%" r="55%">
                                    <stop offset="0%" stop-color="#ff6640"/>
                                    <stop offset="60%" stop-color="#c9001a"/>
                                    <stop offset="100%" stop-color="#3a0000"/>
                                </radialGradient>
                            </defs>
                            <circle cx="40" cy="32" r="22" fill="url(#bdmMoonG)" opacity="0.95"/>
                            <circle cx="34" cy="26" r="2" fill="#6a0010" opacity="0.6"/>
                            <circle cx="45" cy="30" r="1.5" fill="#6a0010" opacity="0.5"/>
                            <g fill="#0a0010" stroke="#1a0008" stroke-width="0.3">
                                <path d="M 20 38 Q 14 30 10 34 Q 8 40 12 44 Q 16 42 20 44 Z"/>
                                <path d="M 60 38 Q 66 30 70 34 Q 72 40 68 44 Q 64 42 60 44 Z"/>
                                <path d="M 36 36 L 34 32 L 38 34 L 40 28 L 42 34 L 46 32 L 44 36 L 48 48 L 32 48 Z"/>
                                <path d="M 34 32 L 32 26 L 35 30 Z"/>
                                <path d="M 46 32 L 48 26 L 45 30 Z"/>
                            </g>
                            <circle cx="37" cy="35" r="0.8" fill="#44ccff"/>
                            <circle cx="43" cy="35" r="0.8" fill="#44ccff"/>
                        </svg>
                    </div>
                    <h2 class="section-luxe-title" style="color:#ff0028;">Le <em style="background:linear-gradient(180deg,#ff9988,#ff0028 50%,#5a0010);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">Monarque Sanguinaire</em></h2>
                    <p class="section-luxe-caption" style="color:#ff6b6b;">Boss du mois — un seul vainqueur, un seul titre</p>
                </div>
                <div id="boss-du-mois-card" style="max-width:480px;margin:0 auto;"></div>
            </div>
        </div>
        
        <!-- Combat en cours -->
        <div id="saga-battle-container" style="display:none; margin-top:30px;">
            <div style="
                background: linear-gradient(145deg, rgba(20,0,0,0.95), rgba(40,0,10,0.9));
                border: 3px solid #ff4444;
                border-radius: 20px;
                padding: 30px;
                max-width: 700px;
                margin: 0 auto;
                box-shadow: 0 0 50px rgba(255,0,0,0.3);
            ">
                <h3 id="saga-battle-title" style="text-align:center; color:#ffd700; margin-bottom:15px;"></h3>
                <div id="saga-boss-info" style="text-align:center; margin-bottom:20px;"></div>
                <div id="saga-progress" style="margin-bottom:15px;">
                    <div style="color:#888; font-size:0.9em; margin-bottom:5px;">Progression: <span id="saga-boss-count">0/5</span></div>
                    <div style="background:#222; border-radius:10px; height:10px; overflow:hidden;">
                        <div id="saga-progress-bar" style="height:100%; background:linear-gradient(90deg,#ff4444,#ffd700); width:0%; transition:width 0.5s;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Sélection de donjon -->
    <!-- ========== ÉCRAN : SÉLECTION DE DONJONS ========== -->
    <!-- +==========================================================+
         |  ÉCRAN DE SÉLECTION DE DONJON                             |
         |  Affiche la liste des donjons par rang (E, D, C, B, A, S) |
         |  Chaque donjon contient une série de monstres + un boss.   |
         |  Les donjons se débloquent quand on bat le boss précédent. |
         +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  DONJONS                                             ║
     ║  → Rangs E → Monarque + Donjons spéciaux             ║
     ║  → Donjon Meulou: Louvart→Hurlevent→Mâchefroid→Groul ║
     ║  → Chaque donjon: monstres + boss + drops             ║
     ╚═══════════════════════════════════════════════════════╝ -->
    <div class="screen" id="dungeons-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
            <div class="section-luxe-header" style="text-align:center; margin-bottom:15px;">
              <div class="section-luxe-icon" style="background: radial-gradient(circle at 50% 50%, rgba(107, 47, 179, 0.2) 0%, transparent 65%);">
                <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
                  <defs>
                    <linearGradient id="dungCastleG" x1="0" y1="0" x2="0" y2="1">
                      <stop offset="0%" stop-color="#6a4a8a"/><stop offset="100%" stop-color="#2a1a3a"/>
                    </linearGradient>
                    <linearGradient id="dungFlagG" x1="0" y1="0" x2="0" y2="1">
                      <stop offset="0%" stop-color="#ff4d6d"/><stop offset="100%" stop-color="#8a0022"/>
                    </linearGradient>
                  </defs>
                  <!-- Tour centrale -->
                  <path d="M 26 16 L 26 54 L 38 54 L 38 16 Z" fill="url(#dungCastleG)" stroke="#0a0a1a" stroke-width="0.8"/>
                  <!-- Créneaux tour centrale -->
                  <path d="M 26 16 L 26 20 L 29 20 L 29 16 L 32 16 L 32 20 L 35 20 L 35 16 L 38 16 L 38 20 Z" fill="#0a0a1a"/>
                  <!-- Tours latérales -->
                  <path d="M 12 24 L 12 54 L 22 54 L 22 24 Z" fill="url(#dungCastleG)" stroke="#0a0a1a" stroke-width="0.8"/>
                  <path d="M 12 24 L 12 28 L 15 28 L 15 24 L 18 24 L 18 28 L 22 28 L 22 24 Z" fill="#0a0a1a"/>
                  <path d="M 42 24 L 42 54 L 52 54 L 52 24 Z" fill="url(#dungCastleG)" stroke="#0a0a1a" stroke-width="0.8"/>
                  <path d="M 42 24 L 42 28 L 46 28 L 46 24 L 49 24 L 49 28 L 52 28 L 52 24 Z" fill="#0a0a1a"/>
                  <!-- Porte (arcade) -->
                  <path d="M 28 42 L 28 54 L 36 54 L 36 42 Q 36 38 32 38 Q 28 38 28 42 Z" fill="#1a0a2a" stroke="#fff5d6" stroke-width="0.4"/>
                  <!-- Fenêtres -->
                  <rect x="15" y="34" width="4" height="5" fill="#ffd700" opacity="0.85"/>
                  <rect x="45" y="34" width="4" height="5" fill="#ffd700" opacity="0.85"/>
                  <rect x="30" y="26" width="4" height="5" fill="#ffd700" opacity="0.85"/>
                  <!-- Drapeau sur la tour principale -->
                  <rect x="31" y="8" width="1" height="10" fill="#8a5a1f"/>
                  <path d="M 32 8 L 42 10 L 32 13 Z" fill="url(#dungFlagG)" stroke="#3a0010" stroke-width="0.3"/>
                  <!-- Lune derrière -->
                  <circle cx="52" cy="12" r="3" fill="#fff5d6" opacity="0.65"/>
                </svg>
              </div>
              <h2 class="section-luxe-title">Donjons du <em>Monarque</em></h2>
              <p class="section-luxe-caption">Traverse les rangs E à S et hisse-toi au sommet</p>
            </div>
        
        <!-- Sélecteur de mode d\'entraînement -->
        <div id="dungeon-mode-banner" style="display:none;align-items:center;justify-content:space-between;background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:10px 16px;margin-bottom:14px;cursor:pointer;" onclick="showTrainingModePopupThenDungeons()">
            <div style="display:flex;align-items:center;gap:8px;" id="dungeon-mode-label">
                <span style="font-size:1.2em;">⚔️</span>
                <span style="font-weight:800;color:#f0f0fd;font-size:0.85em;">Mode Normal</span>
                <span style="font-size:0.7em;color:#555;">— exercices actifs</span>
            </div>
            <span style="font-size:0.72em;color:#666;">Changer ▼</span>
        </div>

        <!-- Barre énergie + recharge -->
        <div id="dungeon-energy-bar" style="display:flex;align-items:center;justify-content:space-between;background:rgba(255,180,0,0.07);border:1px solid rgba(255,180,0,0.2);border-radius:10px;padding:8px 14px;margin-bottom:12px;">
            <span style="font-size:0.85em;font-weight:800;color:#ffb400;">⚡ Énergie : <span id="dungeon-energy-display">?</span></span>
            <button onclick="rechargerEnergieDonjon()" style="background:linear-gradient(135deg,#ff8800,#ffb400);border:none;border-radius:8px;color:#000;font-weight:900;font-size:0.75em;padding:6px 12px;cursor:pointer;">📺 Pub (+3)</button>
        </div>

        <!-- Onglets Donjons / Histoire -->
        <div style="display:flex; gap:10px; justify-content:center; margin-bottom:25px;">
            <button class="nav-btn btn-red" onclick="showDungeonTab('list')" id="dungeon-tab-list"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;margin-right:5px;"><path d="M14.5 4 L20 4 L20 9.5 M19 5 L11 13 M4 14 L8 18 M6 12 L12 18 M4.5 19.5 L7 17"/><path d="M9.5 4 L4 4 L4 9.5 M5 5 L13 13"/></svg><span style="vertical-align:middle;">Donjons</span></button>
            <button class="nav-btn" onclick="showDungeonTab('lore')" id="dungeon-tab-lore"><svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:middle;margin-right:5px;"><path d="M6 4 h11 a2 2 0 0 1 2 2 v13 a1.5 1.5 0 0 1-1.5 1.5 H7 a2 2 0 0 1-2-2 V6 a2 2 0 0 1 2-2 Z"/><path d="M8.5 9 H15 M8.5 12 H15 M8.5 15 H13"/></svg><span style="vertical-align:middle;">Histoire</span></button>
        </div>
        
        <!-- Liste des donjons -->
        <div id="dungeon-list-container">
            <div class="grid-3" id="dungeon-list"></div>
        </div>
        
        <!-- Histoire / Lore -->
        <div id="dungeon-lore-container" style="display:none; max-width:900px; margin:0 auto;">
            <!-- THE VOYD -->
            <div style="
                background: linear-gradient(145deg, rgba(10,0,20,0.95), rgba(30,0,50,0.9));
                border: 3px solid #8a2be2;
                border-radius: 25px;
                padding: 30px;
                margin-bottom: 30px;
                box-shadow: 0 0 50px rgba(138,43,226,0.4), inset 0 0 30px rgba(0,0,0,0.5);
                position: relative;
                overflow: hidden;
            ">
                <div style="position:absolute; top:0; left:0; right:0; bottom:0; background: radial-gradient(circle at 50% 0%, rgba(138,43,226,0.2), transparent 60%); pointer-events:none;"></div>
                <div style="text-align:center; margin-bottom:20px;">
                    <img src="Monstre/the_VOYD.png" alt="THE VOYD" loading="lazy" decoding="async" style="max-width:300px; width:90%; height:auto; border-radius:14px; border:2px solid #8a2be2; box-shadow:0 0 40px rgba(138,43,226,0.6); filter: drop-shadow(0 0 20px #8a2be2); display:block; margin:0 auto 18px; animation: voidPulse 4s ease-in-out infinite;" onerror="this.style.display='none'">
                    <h3 style="font-family:Cinzel,serif; font-size:2.5em; color:#8a2be2; text-shadow: 0 0 20px #8a2be2; margin:15px 0;">THE VOYD</h3>
                    <div style="color:#666; font-style:italic;">Créateur des Donjons • Entité Primordiale</div>
                </div>
                <div style="color:#ccc; line-height:1.8; text-align:justify; font-size:1.05em;">
                    <!-- [PNJ-IMG 2026-06-12] apostrophes corrigées (backslashes \' littéraux visibles à l'écran) -->
                    <p style="margin-bottom:15px; color:#9b59b6; font-weight:bold; text-align:center;">"Avant le temps, j'étais. Après la fin, je serai."</p>
                    <p style="margin-bottom:15px;">Dans les abysses de l'existence, là où même la lumière n'ose s'aventurer, réside <strong style="color:#8a2be2;">THE VOYD</strong> - une entité née du néant lui-même. Ni titan, ni démon, il est ce qui existait avant que l'univers ne prenne son premier souffle.</p>
                    <p style="margin-bottom:15px;">Fatigué d'une éternité de solitude, THE VOYD créa les <strong style="color:#ff6b6b;">Donjons Monarque</strong> - une dimension où le Paradis et l'Enfer se confondent, où les âmes des guerriers sont mises à l'épreuve dans un combat sans fin.</p>
                    <p style="margin-bottom:15px;">Chaque donjon est un fragment de sa conscience, chaque monstre une manifestation de ses pensées les plus sombres. Les <strong style="color:#ffd700;">Boss</strong> sont ses champions, choisis parmi les milliards d'âmes qui ont échoué avant toi.</p>
                    <p style="color:#ff6b6b; font-weight:bold; text-align:center; font-size:1.1em; margin-top:20px;">Il t'observe. Il attend. Il espère qu'un jour, quelqu'un sera digne de le défier...</p>
                </div>
            </div>
            
            <!-- Histoire par Rang -->
            <h3 style="text-align:center; color:#ffd700; margin-bottom:20px; font-family:Cinzel,serif;">📖 Chroniques des Donjons</h3>
            
            <div id="dungeon-lore-stories" style="display:grid; gap:20px;"></div>
        </div>
    </div>

    <!-- Soins -->
    <!-- ========== ÉCRAN : GUÉRISSEUSE ELARA (Soins + Potions) ========== -->
    <!-- +==========================================================+
         |  ÉCRAN DE SOIN / RÉCUPÉRATION                             |
         |  Permet au joueur de restaurer ses PV entre les combats.   |
         |  Options : repos gratuit (lent), potions (rapide),         |
         |  ou soin premium avec gemmes (instantané).                 |
         +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  SOINS                                               ║
     ║  → Potions, récupération PV entre combats            ║
     ╚═══════════════════════════════════════════════════════╝ -->
    <div class="screen" id="heal-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
        
        <div class="section-luxe-header" style="text-align:center; margin-bottom:22px;">
            <div class="section-luxe-icon heal-icon">
                <svg viewBox="0 0 80 80" width="62" height="62" aria-hidden="true">
                    <defs>
                        <radialGradient id="healG1" cx="35%" cy="30%" r="70%">
                            <stop offset="0%" stop-color="#ffcdd6"/>
                            <stop offset="40%" stop-color="#ff4d6d"/>
                            <stop offset="100%" stop-color="#8a0022"/>
                        </radialGradient>
                        <filter id="healGlow" x="-50%" y="-50%" width="200%" height="200%">
                            <feGaussianBlur stdDeviation="3" result="blur"/>
                            <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
                        </filter>
                    </defs>
                    <!-- Halo rose -->
                    <circle cx="40" cy="42" r="24" fill="#ff4d6d" opacity="0.2" filter="url(#healGlow)"/>
                    <!-- Cœur principal -->
                    <path d="M 40 64 C 40 64, 14 48, 14 30 C 14 22, 20 16, 27 16 C 33 16, 37 19, 40 24 C 43 19, 47 16, 53 16 C 60 16, 66 22, 66 30 C 66 48, 40 64, 40 64 Z"
                          fill="url(#healG1)" stroke="#5a0015" stroke-width="0.8"/>
                    <!-- Reflet brillant -->
                    <ellipse cx="30" cy="26" rx="7" ry="5" fill="#fff5f8" opacity="0.65" transform="rotate(-25 30 26)"/>
                    <!-- Croix médicale blanche au centre -->
                    <rect x="37" y="32" width="6" height="18" rx="1" fill="#fff" opacity="0.92"/>
                    <rect x="31" y="38" width="18" height="6" rx="1" fill="#fff" opacity="0.92"/>
                    <!-- Particules de vie -->
                    <circle cx="20" cy="20" r="1.5" fill="#ffb8c6" opacity="0.8"/>
                    <circle cx="60" cy="22" r="1.2" fill="#ffb8c6" opacity="0.8"/>
                    <circle cx="62" cy="48" r="1" fill="#ffb8c6" opacity="0.7"/>
                </svg>
            </div>
            <h2 class="section-luxe-title">Salle de <em>Repos</em></h2>
            <p class="section-luxe-caption">Récupère tes forces avant la prochaine bataille</p>
        </div>
        
        <!-- SANCTUAIRE VIVANT — PNJ Elara/Heloroy RETIRÉ 2026-06-17 : c'est la SALLE qui "parle" (pas de personnage, pas d'image) -->
        <div style="
            margin:20px auto;
            max-width:600px;
            background:linear-gradient(135deg, rgba(120,200,255,0.08), rgba(80,140,200,0.08));
            border:2px solid rgba(140,200,255,0.25);
            border-radius:20px;
            padding:18px 22px;
            text-align:center;
        ">
            <div style="font-weight:bold;color:#9fe8ff;font-size:1.15em;margin-bottom:8px;">
                🌿 <span>Le Sanctuaire</span>
            </div>
            <div id="healer-dialogue" style="
                color:#cfe3f2;
                font-style:italic;
                line-height:1.5;
                font-size:0.95em;
                min-height:48px;
            ">Repose-toi ici. Le Sanctuaire régénère tes forces — et quelques potions t'attendent.</div>
        </div>
        
        <!-- SOINS GRATUITS -->
        <div style="text-align:center;margin-bottom:30px;">
            <button class="mode-btn" onclick="fullHealWithDialogue()" style="
                background:linear-gradient(135deg, #ff6b9d, #c44569);
                font-size:1.1em;
                padding:15px 30px;
            ">
                💊 <span>Se soigner complètement</span>
            </button>
            <p id="heal-free-heals-counter" style="font-size:0.9em;margin-top:8px;font-weight:bold;color:#4ecdc4;">💚 2/2 soins gratuits aujourd'hui</p>
            <p style="color:#888;font-size:0.85em;margin-top:6px;">
                PV actuels: <span id="heal-current-hp" style="color:#ff6b6b;">???</span> / <span id="heal-max-hp" style="color:#4ecdc4;">???</span>
            </p>
        </div>
        
        <!-- BOUTIQUE DE POTIONS -->
        <div style="
            background:rgba(0,0,0,0.3);
            border-radius:15px;
            padding:20px;
            max-width:700px;
            margin:0 auto;
        ">
            <h3 style="text-align:center;color:#ffd700;margin-bottom:15px;">🧪 Étal de Potions</h3><!-- [2026-06-17] Elara retirée : étal neutre (pas de perso) -->
            <p style="text-align:center;color:#888;font-size:0.85em;margin-bottom:20px;">
                Or disponible: <span id="healer-gold" style="color:#ffd700;font-weight:bold;">0</span> 💰
            </p>
            
            <div id="healer-potions-shop" style="
                display:grid;
                grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
                gap:15px;
            "></div>
        </div>
        
        <!-- INVENTAIRE DE POTIONS -->
        <div style="
            margin-top:25px;
            padding:15px;
            background:rgba(78,205,196,0.1);
            border:1px solid rgba(78,205,196,0.3);
            border-radius:12px;
            max-width:500px;
            margin-left:auto;
            margin-right:auto;
        ">
            <h4 style="text-align:center;color:#4ecdc4;margin-bottom:10px;">📦 Tes Potions</h4>
            <div id="healer-potion-inventory" style="
                display:flex;
                gap:15px;
                justify-content:center;
                flex-wrap:wrap;
            "></div>
        </div>
    </div>

<!-- ============================================================
     ÉCRAN ATELIER - CRAFT D\'ITEMS ULTIMES
     ============================================================ -->
    <!-- ========== ÉCRAN : ATELIER (Marché + Forge + Familiers) ========== -->
<!-- +==========================================================+
     |  ÉCRAN DE L\'ATELIER / ARTISANAT                           |
     |  Permet de combiner des objets pour en créer de meilleurs.  |
     |  Système de craft : 2 objets de même rareté → 1 objet de   |
     |  rareté supérieure (avec un facteur de chance).             |
     |  Aussi : craft d\'items ultimes avec des ressources rares.   |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  ATELIER (Workshop)                                  ║
     ║  → Craft d'objets avec ressources                    ║
     ║  → Onglet Familiers, Forge, Ressources               ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="workshop-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <h2 style="text-align:center;margin-bottom:10px;">
        <span style="font-size:1.5em;">🔨</span> ATELIER DU FORGERON
    </h2>
    <p style="text-align:center;color:#888;margin-bottom:20px;">
        Collecte les ressources des boss de donjon et forge des items ultimes !
    </p>
    
    <!-- Onglets Atelier -->
    <div style="display:flex; gap:10px; justify-content:center; margin-bottom:20px;">
        <button class="nav-btn" onclick="showWorkshopTab('resources')" id="tab-resources" 
            style="background:linear-gradient(135deg, #9b59b6, #8e44ad);">📦 Ressources</button>
        <button class="nav-btn" onclick="showWorkshopTab('craft')" id="tab-craft">⚒️ Forge</button>
    </div>
    
    <!-- ONGLET RESSOURCES -->
    <div id="workshop-resources" style="max-width:900px; margin:0 auto;">
        <h3 style="text-align:center; color:#9b59b6; margin-bottom:15px;">📦 Inventaire de Ressources</h3>
        <p style="text-align:center; color:#666; font-size:0.85em; margin-bottom:20px;">
            Les ressources se récupèrent sur les BOSS de donjon (50% de chance par ressource)
        </p>
        <div id="resources-grid" style="
            display:grid;
            grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
            gap:15px;
        "></div>
    </div>
    
    <!-- ONGLET CRAFT -->
    <div id="workshop-craft" style="display:none; max-width:900px; margin:0 auto;">
        <h3 style="text-align:center; color:#ffd700; margin-bottom:15px;">⚒️ Forge d'Items Ultimes</h3><!-- [PNJ-IMG 2026-06-12] apostrophe fix -->
        <p style="text-align:center; color:#666; font-size:0.85em; margin-bottom:20px;">
            Combine 4 ressources d'un boss pour créer un item ULTIME !
        </p>
        <div id="craft-recipes" style="
            display:grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap:20px;
        "></div>
    </div>
</div>

<!-- ============================================================
     ÉCRAN ENTRAÎNEMENT
     ============================================================ -->
    <!-- ========== ÉCRAN : ENTRAÎNEMENT (Sélection) ========== -->
<!-- +==========================================================+
     |  ÉCRAN D\'ENTRAÎNEMENT                                     |
     |  Mode hors-combat pour s\'entraîner et gagner de l\'XP.      |
     |  Paliers progressifs d\'exercices avec récompenses.          |
     |  Permet de monter en puissance sans faire de donjons.       |
     +==========================================================+ -->
<div class="screen" id="training-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <div style="text-align:center; margin-bottom:20px;">
        <!-- [2026-07-03 demande user] rangée décorative (haltère/muscle/flamme) RETIRÉE -->
        <h2 style="color:#e67e22; margin-bottom:10px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.8em;font-weight:500;"><em style="background:linear-gradient(180deg,#ffce87,#e67e22 50%,#8a3a00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">Centre d'Entraînement</em></h2>
        <p style="color:#988a9e; font-size:0.9em;font-style:italic;">Complete les paliers pour gagner des bonus permanents</p>
    </div>
    
    <!-- Progression globale -->
    <div style="text-align:center; margin-bottom:20px; padding:15px; background:rgba(230,126,34,0.1); border:1px solid rgba(230,126,34,0.3); border-radius:12px;">
        <div style="color:#e67e22; font-size:1.05em; margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:700;">
            <svg viewBox="0 0 24 24" width="16" height="16"><rect x="3" y="12" width="4" height="9" fill="currentColor" opacity="0.7"/><rect x="10" y="7" width="4" height="14" fill="currentColor" opacity="0.85"/><rect x="17" y="3" width="4" height="18" fill="currentColor"/></svg>
            <span>Progression Entraînement</span>
        </div>
        <div style="display:flex; justify-content:center; gap:15px; flex-wrap:wrap;">
            <span style="color:#4ecdc4;">Rang actuel: <strong id="training-current-rank">E</strong></span>
            <span style="color:#ffd700;">Paliers complétés: <strong id="training-completed">0</strong>/60</span>
        </div>
    </div>
    
    <!-- Sélection du rang -->
    <div style="display:flex; gap:10px; justify-content:center; margin-bottom:20px; flex-wrap:wrap;">
        <button class="nav-btn" onclick="showTrainingRank('E')" id="train-tab-E" style="background:linear-gradient(135deg,#888,#666);">Rang E</button>
        <button class="nav-btn" onclick="showTrainingRank('D')" id="train-tab-D">Rang D</button>
        <button class="nav-btn" onclick="showTrainingRank('C')" id="train-tab-C">Rang C</button>
        <button class="nav-btn" onclick="showTrainingRank('B')" id="train-tab-B">Rang B</button>
        <button class="nav-btn" onclick="showTrainingRank('A')" id="train-tab-A">Rang A</button>
        <button class="nav-btn" onclick="showTrainingRank('S')" id="train-tab-S">Rang S</button>
    </div>
    
    <!-- Liste des paliers -->
    <div id="training-tiers" style="max-width:800px; margin:0 auto;"></div>
</div>

<!-- ÉCRAN PALIER EN COURS -->
    <!-- ========== ÉCRAN : ENTRAÎNEMENT EN COURS ========== -->
<div class="screen" id="training-active-screen">
    <div style="text-align:center; padding:20px;">
        <h2 style="color:#e67e22; margin-bottom:10px;" id="active-tier-title">Palier en cours</h2>
        <div style="font-size:5em; margin:20px 0;" id="active-tier-icon">💪</div>
        
        <!-- Chronomètre -->
        <div style="margin:30px 0;">
            <div style="font-size:4em; color:#ff6b6b; font-weight:bold;" id="training-timer">5:00</div>
            <div style="color:#888; font-size:0.9em;">Temps restant</div>
        </div>
        
        <!-- Barre de progression -->
        <div style="background:rgba(255,255,255,0.1); border-radius:10px; height:20px; overflow:hidden; margin:20px auto; max-width:400px;">
            <div id="training-progress-bar" style="height:100%; width:100%; background:linear-gradient(90deg,#e67e22,#d35400); transition:width 0.5s;"></div>
        </div>
        
        <!-- Exercice à faire -->
        <div style="background:rgba(230,126,34,0.15); border:2px solid #e67e22; border-radius:15px; padding:20px; margin:20px auto; max-width:500px;">
            <div style="font-size:1.3em; color:#fff; margin-bottom:10px;" id="active-tier-exercise">30 Pompes classiques</div>
            <div style="color:#aaa; font-size:0.9em;" id="active-tier-desc">Fais-les avant la fin du chrono !</div>
        </div>
        
        <!-- Boutons -->
        <div style="display:flex; gap:15px; justify-content:center; margin-top:30px;">
            <button class="mode-btn" id="training-complete-btn" onclick="completeTier()" style="background:linear-gradient(135deg,#27ae60,#2ecc71);">
                ✅ Terminé !
            </button>
            <button class="mode-btn" onclick="failTier()" style="background:linear-gradient(135deg,#c0392b,#e74c3c);">
                ❌ Abandonner
            </button>
        </div>
    </div>
</div>

<!-- ============================================================
     ÉCRAN BOUFFON (COFFRES)
     ============================================================ -->
<!-- ========== ÉCRAN : LOTERIE / COFFRES (Système Gacha) ========== -->
<!-- +==========================================================+
     |  ÉCRAN BOUFFON / LOTERIE                                    |
     |  Mini-jeu de hasard pour gagner des récompenses aléatoires.|
     |  Coûte de l\'or ou des gemmes pour "tirer" un résultat.     |
     |  Peut donner : or, gemmes, items rares, ou rien du tout !  |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  COFFRES (anciennement Loterie)                      ║
     ║  → id="joker-screen"                                 ║
     ║  → Accessible: Marché → bouton Coffres               ║
     ║  → Coffres gratuits, gemmes, or                      ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="joker-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <div style="max-width:500px;margin:0 auto;">
        <!-- Header Loterie -->
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
            <div style="display:flex;align-items:center;gap:10px;">
                <div style="width:36px;height:36px;background:rgba(201,124,255,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.2em;">🎰</div>
                <span style="font-family:'Space Grotesk',sans-serif;font-size:1em;font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:#f0f0fd;">Loterie du Royaume</span>
            </div>
            <span style="font-family:'Space Grotesk',sans-serif;font-size:0.85em;font-weight:700;color:#ffd700;" id="joker-gold-display"></span>
        </div>
        
        <!-- Coffre gratuit disponible -->
        <div style="background:linear-gradient(135deg,rgba(129,236,255,0.08),rgba(201,124,255,0.05));border:1px solid rgba(129,236,255,0.15);border-radius:12px;padding:25px;text-align:center;margin-bottom:20px;">
            <div style="display:inline-block;padding:4px 14px;background:rgba(78,205,196,0.15);border:1px solid rgba(78,205,196,0.3);border-radius:6px;margin-bottom:12px;">
                <span style="font-family:'Space Grotesk',sans-serif;font-size:0.65em;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:#4ecdc4;" id="joker-cooldown-info">⚡ Coffre gratuit disponible</span>
            </div>
            <h2 style="font-family:'Space Grotesk',sans-serif;font-size:1.6em;font-weight:900;color:#f0f0fd;margin:0 0 8px;">Éveillez votre <span style="color:#c97cff;">Destin</span></h2>
            <p style="color:#aaaab7;font-size:0.85em;line-height:1.5;">Le Royaume vous offre une chance quotidienne. Réclamez votre coffre et débloquez des ressources.</p>
        </div>
        
        <!-- Titre section -->
        <div style="display:flex;align-items:center;gap:10px;margin-bottom:15px;">
            <div style="width:3px;height:20px;background:#c97cff;"></div>
            <span style="font-family:'Space Grotesk',sans-serif;font-size:0.9em;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;">Coffres du Royaume</span>
        </div>
        
        <!-- Coffres -->
        <div id="joker-chests" style="display:flex;flex-direction:column;gap:12px;margin-bottom:20px;"></div>
        
        <!-- Récompenses récentes -->
        <div style="display:flex;align-items:center;gap:10px;margin-bottom:12px;">
            <div style="width:3px;height:20px;background:#ffd700;"></div>
            <span style="font-family:'Space Grotesk',sans-serif;font-size:0.85em;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;">🏆 Récompenses Récentes</span>
        </div>
        <div id="joker-history" style="background:rgba(28,31,43,0.5);border:1px solid rgba(255,255,255,0.05);border-radius:10px;padding:12px;max-height:180px;overflow-y:auto;"></div>
    </div>
</div>

<!-- ============================================================
     ÉCRAN CLASSES
     ============================================================ -->
<!-- ========== ÉCRAN : CLASSES DE PERSONNAGE ========== -->
<!-- +==========================================================+
     |  ÉCRAN DE CHOIX / ÉVOLUTION DE CLASSE                     |
     |  Affiché quand le joueur atteint le niveau requis pour     |
     |  choisir ou faire évoluer sa classe.                       |
     |  Présente les 5 archétypes avec leurs bonus et évolutions. |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  CLASSES & TALENTS                                   ║
     ║  → Choisir une classe (Guerrier, Mage, etc.)          ║
     ║  → Débloquer des talents passifs                      ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="classes-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <div style="text-align:center; margin-bottom:20px;">
        <div style="font-size:4em; margin-bottom:10px; filter:drop-shadow(0 0 20px rgba(52,152,219,0.5));">⚔️🛡️🔮</div>
        <h2 style="color:#3498db; margin-bottom:10px;">Choix de Classe</h2>
        <p style="color:#888; font-size:0.9em;">Choisis ta voie ! Une seule classe active à la fois.</p>
    </div>
    
    <!-- Classe actuelle -->
    <div id="current-class-display" style="
        text-align:center;
        margin-bottom:25px;
        padding:20px;
        background:rgba(52,152,219,0.15);
        border:2px solid #3498db;
        border-radius:15px;
        max-width:500px;
        margin-left:auto;
        margin-right:auto;
    ">
        <div style="color:#888; font-size:0.9em; margin-bottom:5px;">Classe actuelle</div>
        <div id="current-class-info" style="font-size:1.5em; color:#fff;">Aucune classe</div>
    </div>
    
    <!-- [v14.53] Plus d'onglets — tout s'affiche sur une seule vue.
         L'évolution est automatique aux niveaux 30, 60, 100. -->
    
    <!-- Liste des classes -->
    <div id="classes-list" style="max-width:900px; margin:0 auto;"></div>
</div>

<!-- ============================================================
     BOUTIQUE DE GEMMES
     ============================================================ -->
<!-- ========== ÉCRAN : BOUTIQUE PREMIUM (Gemmes) ========== -->
<!-- +==========================================================+
     |  BOUTIQUE DE GEMMES                                       |
     |  Gemmes = monnaie premium du jeu.                          |
     |  Permet d\'acheter des packs (items aléatoires),            |
     |  des boosts temporaires (XP, or, drop),                    |
     |  des items exclusifs non disponibles autrement.             |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  BOUTIQUE GEMMES                                     ║
     ║  → Acheter gemmes 💎, packs, regarder pub            ║
     ║  → showGemShop() pour l'ouvrir                      ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="gem-shop-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <div style="text-align:center; margin-bottom:20px;">
        <div style="font-size:3em; margin-bottom:5px;">💎</div>
        <h2 style="color:#aa44ff; margin-bottom:5px;">Boutique Premium</h2>
        <div style="
            display:inline-block; margin-top:10px; padding:10px 25px;
            background:linear-gradient(135deg, rgba(170,68,255,0.2), rgba(170,68,255,0.05));
            border:2px solid #aa44ff; border-radius:12px;
        ">
            <span style="font-size:1.5em;">💎</span>
            <span style="color:#aa44ff; font-size:1.4em; font-weight:bold;" id="gem-shop-balance">0</span>
            <span style="color:#888;"> gemmes</span>
        </div>
    </div>
    
    <!-- Onglets -->
    <div style="display:flex; gap:8px; justify-content:center; margin-bottom:20px; flex-wrap:wrap;">
        <button onclick="showGemTab('shop')" id="gem-tab-shop" class="nav-btn" style="background:linear-gradient(135deg,#aa44ff,#8822cc);color:#fff;">🛒 Boutique</button>
        <button onclick="showGemTab('buy')" id="gem-tab-buy" class="nav-btn">💰 Acheter Gemmes</button>
        <button onclick="showGemTab('free')" id="gem-tab-free" class="nav-btn" style="background:linear-gradient(135deg,#4ecdc4,#44a8a0);color:#fff;animation:pulse 2s infinite;">🎬 Gemmes Gratuites</button>
    </div>
    
    <!-- Contenu -->
    <div id="gem-shop-content" style="max-width:800px; margin:0 auto;"></div>
    
    <!-- Section Gemmes Gratuites -->
    <div id="gem-free-content" style="display:none;max-width:500px;margin:0 auto;">
        <div style="text-align:center;padding:30px 20px;background:linear-gradient(145deg,rgba(78,205,196,0.1),rgba(78,205,196,0.03));border:2px solid rgba(78,205,196,0.3);border-radius:16px;">
            <div style="font-size:4em;margin-bottom:15px;filter:drop-shadow(0 0 20px rgba(78,205,196,0.5));">🎬</div>
            <h3 style="color:#4ecdc4;margin-bottom:10px;font-family:'Space Grotesk',sans-serif;">Regarde une vidéo, gagne des gemmes !</h3>
            <p style="color:#888;font-size:0.85em;margin-bottom:20px;">Regarde une courte publicité pour gagner <span style="color:#aa44ff;font-weight:bold;">3 💎 gemmes</span> + <span style="color:#ffd700;font-weight:bold;">10 💰 or</span> gratuitement !</p>
            <div id="free-gems-timer" style="color:#ffb400;font-size:0.8em;margin-bottom:15px;"></div>
            <button id="watch-ad-btn" onclick="watchAdForGems()" style="padding:14px 35px;background:linear-gradient(135deg,#4ecdc4,#44a8a0);color:#000;border:none;border-radius:12px;font-weight:800;font-size:1.1em;cursor:pointer;text-transform:uppercase;letter-spacing:0.1em;transition:all 0.3s;box-shadow:0 0 20px rgba(78,205,196,0.3);">
                🎬 Regarder la vidéo (+3 💎 +10 💰)
            </button>
            <div style="margin-top:20px;padding:15px;background:rgba(255,255,255,0.03);border-radius:10px;">
                <div style="color:#888;font-size:0.75em;margin-bottom:8px;">📊 Tes gains aujourd'hui</div><!-- [PNJ-IMG 2026-06-12] apostrophe fix -->
                <div id="daily-ad-count" style="color:#4ecdc4;font-size:0.9em;font-weight:bold;">0/5 vidéos regardées</div>
                <div style="color:#666;font-size:0.65em;margin-top:5px;">Maximum 5 vidéos par jour = 15 💎 + 50 💰 /jour</div>
            </div>
        </div>
    </div>
</div>

<!-- ============================================================
     BOUTIQUE PERSONNALISATION
     ============================================================ -->
<!-- ========== ÉCRAN : BOUTIQUE COSMÉTIQUE (Cadres, Titres, Effets) ========== -->
<!-- +==========================================================+
     |  BOUTIQUE DE PERSONNALISATION                             |
     |  Acheter des éléments cosmétiques avec des gemmes :        |
     |  - Bordures de profil (couleurs et effets visuels)         |
     |  - Titres affichés sous le pseudo                          |
     |  - Effets visuels spéciaux (particules, auras...)          |
     |  Purement cosmétique, aucun bonus de stats.                |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  PERSONNALISATION                                    ║
     ║  → Cadres avatar, effets, titres                     ║
     ║  → showCustomShop() pour l'ouvrir                   ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="custom-shop-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <div style="text-align:center; margin-bottom:20px;">
        <div style="font-size:3em; margin-bottom:5px;">🎨</div>
        <h2 style="color:#ff6b9d; margin-bottom:5px;">Personnalisation</h2>
        <p style="color:#888; font-size:0.85em;">Personnalise ton style — les autres joueurs le verront !</p>
        <div style="display:inline-flex;gap:15px;margin-top:10px;">
            <div style="padding:6px 14px;background:rgba(255,215,0,0.1);border:1px solid rgba(255,215,0,0.3);border-radius:8px;">
                <span style="color:#ffd700;">💰</span> <span id="custom-shop-gold" style="color:#ffd700;font-weight:bold;">0</span>
            </div>
        </div>
    </div>
    
    <!-- Onglets -->
    <div style="display:flex;gap:8px;justify-content:center;margin-bottom:20px;flex-wrap:wrap;">
        <button onclick="showCustomTab('borders')" id="custom-tab-borders" class="nav-btn btn-gold" style="padding:8px 16px;font-size:0.85em;">🖼️ Cadres</button>
        <button onclick="showCustomTab('titles')" id="custom-tab-titles" class="nav-btn btn-purple" style="padding:8px 16px;font-size:0.85em;">🏷️ Titres</button>
        
    </div>
    
    <div id="custom-shop-content" style="max-width:800px; margin:0 auto;"></div>
</div>

<!-- ============================================================
     ÉCRAN BESTIAIRE
     ============================================================ -->
<!-- ========== ÉCRAN : BESTIAIRE (Collection de monstres) ========== -->
<!-- +==========================================================+
     |  ÉCRAN DU BESTIAIRE                                       |
     |  Encyclopédie de tous les monstres rencontrés.             |
     |  Affiche pour chaque monstre :                             |
     |  - Nombre de fois vaincu                                   |
     |  - Drops possibles et obtenus                              |
     |  - Stats et faiblesses élémentaires                        |
     |  Se remplit au fur et à mesure des combats.                |
     +==========================================================+ -->
<div class="screen" id="bestiary-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    
    <div class="section-luxe-header" style="text-align:center; margin-bottom:22px;">
        <div class="section-luxe-icon bestiary-icon">
            <svg viewBox="0 0 80 80" width="64" height="64" aria-hidden="true">
                <defs>
                    <linearGradient id="bestG1" x1="0%" y1="0%" x2="0%" y2="100%">
                        <stop offset="0%" stop-color="#fff5d6"/>
                        <stop offset="60%" stop-color="#f0d88e"/>
                        <stop offset="100%" stop-color="#b8872a"/>
                    </linearGradient>
                    <linearGradient id="bestG2" x1="0%" y1="0%" x2="0%" y2="100%">
                        <stop offset="0%" stop-color="#c9a354"/>
                        <stop offset="100%" stop-color="#7a5a1f"/>
                    </linearGradient>
                    <filter id="bestShadow" x="-20%" y="-20%" width="140%" height="140%">
                        <feGaussianBlur in="SourceAlpha" stdDeviation="2"/>
                        <feOffset dx="0" dy="2" result="offsetblur"/>
                        <feComponentTransfer><feFuncA type="linear" slope="0.5"/></feComponentTransfer>
                        <feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/></feMerge>
                    </filter>
                </defs>
                <!-- Rouleau : barre supérieure (enroulement) -->
                <ellipse cx="40" cy="14" rx="28" ry="5" fill="url(#bestG2)" filter="url(#bestShadow)"/>
                <ellipse cx="40" cy="14" rx="28" ry="5" fill="none" stroke="#5a3f12" stroke-width="0.8"/>
                <!-- Parchemin (corps) -->
                <path d="M 12 14 L 12 60 Q 12 66 18 66 L 62 66 Q 68 66 68 60 L 68 14 Z"
                      fill="url(#bestG1)" stroke="#8a6a2a" stroke-width="0.8" filter="url(#bestShadow)"/>
                <!-- Lignes de texte ornementales -->
                <line x1="22" y1="28" x2="58" y2="28" stroke="#7a5a1f" stroke-width="1.2" stroke-linecap="round" opacity="0.65"/>
                <line x1="22" y1="35" x2="54" y2="35" stroke="#7a5a1f" stroke-width="1.2" stroke-linecap="round" opacity="0.65"/>
                <line x1="22" y1="42" x2="56" y2="42" stroke="#7a5a1f" stroke-width="1.2" stroke-linecap="round" opacity="0.65"/>
                <line x1="22" y1="49" x2="48" y2="49" stroke="#7a5a1f" stroke-width="1.2" stroke-linecap="round" opacity="0.65"/>
                <!-- Sceau rond en bas -->
                <circle cx="52" cy="58" r="4" fill="#8b1a1a" stroke="#5a0f0f" stroke-width="0.5"/>
                <path d="M 50 56 L 54 60 M 54 56 L 50 60" stroke="#fff5d6" stroke-width="0.8"/>
                <!-- Barre inférieure (enroulement) -->
                <ellipse cx="40" cy="66" rx="28" ry="4" fill="url(#bestG2)" filter="url(#bestShadow)"/>
                <ellipse cx="40" cy="66" rx="28" ry="4" fill="none" stroke="#5a3f12" stroke-width="0.6"/>
            </svg>
        </div>
        <h2 class="section-luxe-title">Le <em>Bestiaire</em></h2>
        <p class="section-luxe-caption">Chaque monstre vaincu révèle ses secrets</p>
        <div id="bestiary-completion" class="section-luxe-badge">
            <span id="bestiary-progress">0/0 découverts</span>
        </div>
    </div>
    
    <!-- Filtre par rang -->
    <div id="bestiary-filters" style="display:flex; gap:8px; justify-content:center; margin-bottom:15px; flex-wrap:wrap;"></div>
    
    <!-- Barre de recherche -->
    <div style="max-width:400px; margin:0 auto 20px;">
        <input type="text" id="bestiary-search" placeholder="🔍 Rechercher un monstre..." oninput="renderBestiary()" style="
            width:100%; padding:10px 15px; background:rgba(255,255,255,0.05);
            border:2px solid rgba(255,255,255,0.15); border-radius:10px;
            color:#fff; font-size:0.95em;
        ">
    </div>
    
    <!-- Grille de monstres -->
    <div id="bestiary-grid" style="
        display:grid; grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
        gap:12px; max-width:1000px; margin:0 auto;
    "></div>
</div>

<!-- ============================================================
     ÉCRAN ARBRE DE TALENTS
     ============================================================ -->
<!-- ========== ÉCRAN : ARBRE DE TALENTS ========== -->
<!-- +==========================================================+
     |  ÉCRAN DE L\'ARBRE DE TALENTS                              |
     |  Système de progression passive type RPG.                  |
     |  Chaque classe a son propre arbre avec des nœuds uniques.  |
     |  On débloque des talents avec des "points de talent"       |
     |  gagnés en montant de niveau.                              |
     |  Les talents donnent des bonus permanents ou des effets     |
     |  spéciaux en combat.                                       |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  ARBRE DE TALENTS                                    ║
     ║  → Branches: Attaque, Défense, Magie, etc.           ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="talent-tree-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        <button class="nav-btn btn-cyan" onclick="showScreen('classes')">⚔️ Classes</button>
    </div>
    
    <div class="section-luxe-header" style="text-align:center; margin-bottom:22px;">
        <div class="section-luxe-icon talent-icon">
            <svg viewBox="0 0 80 80" width="68" height="68" aria-hidden="true">
                <defs>
                    <radialGradient id="talG1" cx="50%" cy="35%" r="65%">
                        <stop offset="0%" stop-color="#e8ffd6"/>
                        <stop offset="45%" stop-color="#7ecc5a"/>
                        <stop offset="100%" stop-color="#2d5a1f"/>
                    </radialGradient>
                    <linearGradient id="talTrunk" x1="0%" y1="0%" x2="0%" y2="100%">
                        <stop offset="0%" stop-color="#6b4424"/>
                        <stop offset="100%" stop-color="#3a2614"/>
                    </linearGradient>
                    <filter id="talGlow" x="-50%" y="-50%" width="200%" height="200%">
                        <feGaussianBlur stdDeviation="3" result="blur"/>
                        <feMerge><feMergeNode in="blur"/><feMergeNode in="SourceGraphic"/></feMerge>
                    </filter>
                </defs>
                <!-- Halo lumineux -->
                <circle cx="40" cy="32" r="24" fill="#7ecc5a" opacity="0.18" filter="url(#talGlow)"/>
                <!-- Tronc -->
                <path d="M 37 52 L 36 66 Q 36 69 39 69 L 41 69 Q 44 69 44 66 L 43 52 Z"
                      fill="url(#talTrunk)" stroke="#2a1a0a" stroke-width="0.5"/>
                <!-- Racines -->
                <path d="M 36 66 Q 30 68 26 72 M 44 66 Q 50 68 54 72 M 40 69 L 40 74" stroke="#3a2614" stroke-width="1.2" fill="none" stroke-linecap="round"/>
                <!-- Feuillage : 3 niveaux sphériques avec relief -->
                <ellipse cx="40" cy="42" rx="22" ry="12" fill="url(#talG1)"/>
                <ellipse cx="40" cy="32" rx="18" ry="10" fill="url(#talG1)"/>
                <ellipse cx="40" cy="22" rx="13" ry="8" fill="url(#talG1)"/>
                <!-- Touches de lumière -->
                <ellipse cx="34" cy="20" rx="4" ry="3" fill="#b8ff80" opacity="0.7"/>
                <ellipse cx="32" cy="32" rx="5" ry="3" fill="#b8ff80" opacity="0.5"/>
                <!-- Étincelles de talent -->
                <circle cx="22" cy="28" r="1.5" fill="#fff8dc" opacity="0.9"/>
                <circle cx="58" cy="22" r="1.2" fill="#fff8dc" opacity="0.9"/>
                <circle cx="56" cy="42" r="1.5" fill="#fff8dc" opacity="0.7"/>
                <circle cx="20" cy="42" r="1.2" fill="#fff8dc" opacity="0.7"/>
                <circle cx="40" cy="14" r="1.8" fill="#fff8dc" opacity="1"/>
            </svg>
        </div>
        <h2 class="section-luxe-title">Arbre de <em>Talents</em></h2>
        <p class="section-luxe-caption">Spécialise ta classe avec des talents uniques</p>
        <div id="talent-points-display" class="section-luxe-badge gold">
            <span id="talent-points-label">✨ <span id="talent-points-count">0</span> points de talent</span>
        </div>
    </div>
    
    <!-- Sélection de la branche -->
    <div id="talent-branch-tabs" style="display:flex; gap:8px; justify-content:center; margin-bottom:20px; flex-wrap:wrap;"></div>
    
    <!-- Arbre visuel -->
    <div id="talent-tree-container" style="max-width:900px; margin:0 auto; padding:10px;"></div>
    
    <!-- Résumé des talents actifs -->
    <div id="talent-summary" style="max-width:600px; margin:20px auto 0; padding:15px; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.1); border-radius:12px;"></div>
</div>

<!-- Profil -->
<!-- ========== ÉCRAN : PROFIL JOUEUR ========== -->
<!-- +==========================================================+
     |  ÉCRAN DE PROFIL JOUEUR                                   |
     |  Résumé complet du personnage :                            |
     |  - Avatar et titre personnalisés                           |
     |  - Toutes les stats détaillées                             |
     |  - Classe et rang                                          |
     |  - Équipement actuel                                       |
     |  - Historique et accomplissements                           |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  PROFIL                                              ║
     ║  → Avatar filtré par origine (showAvatarSelector)    ║
     ║  → Titre (showTitleSelector)                          ║
     ║  → Stats: Niveau, XP, Or, Gemmes, PV, Origine        ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="profile-screen">
  <div class="nav-buttons">
    <button class="nav-btn" onclick="showScreen('welcome')">Accueil</button>
    <!-- [2026-07-08 demande user] bouton "👤 Changer de Compte" (switch account) RETIRÉ — inutile,
         la déconnexion se fait dans Réglages → Quitter ce compte -->
  </div>

  <!-- PROFIL STYLE SHADOW REIGN -->
  <div style="max-width:600px;margin:0 auto;">
    
    <!-- Avatar + Nom + Titre (layout horizontal) -->
    <div style="display:flex;align-items:center;gap:18px;margin-bottom:20px;">
      <!-- Avatar avec cadre digital -->
      <div style="position:relative;flex-shrink:0;">
        <div style="position:absolute;inset:-15px;background:radial-gradient(circle,rgba(129,236,255,0.12),transparent 70%);pointer-events:none;"></div>
        <div id="profile-avatar-frame" style="position:relative;width:110px;height:110px;border:3px solid #81ecff;padding:3px;background:#0c0e17;">
          <div id="profile-avatar-outer" style="position:absolute;inset:-5px;border:1px solid rgba(129,236,255,0.25);pointer-events:none;"></div>
          <div id="profile-avatar-display" style="width:100%;height:100%;overflow:hidden;cursor:pointer;background:#11131d;position:relative;" onclick="showAvatarMenu()">
          </div>
          <div style="position:absolute;inset:3px;background:linear-gradient(135deg,rgba(129,236,255,0.08),transparent);pointer-events:none;"></div>
        </div>
      </div>
      
      <!-- [2026-06-15] Médaille de rang IMAGE retirée (la pastille de rang en TEXTE
           #pf-rank-badge la remplace). Le span #profile-player-rank reste (référencé
           par le JS, null-safe). Bonus : supprime le chargement inutile de rank_e.png au boot. -->
      <div id="profile-rank-badge-corner" style="display:none;flex-shrink:0;width:58px;height:58px;">
        <span id="profile-player-rank" style="display:none;color:#81ecff;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:1em;">E</span>
      </div>
      
        <!-- Nom + Titre custom (une seule ligne, pas de clan) -->
      <div style="flex:1;min-width:0;">
        <h2 id="profile-name" style="font-family:'Space Grotesk',sans-serif;font-size:1.8em;font-weight:900;color:#81ecff;text-transform:uppercase;text-shadow:0 0 12px rgba(129,236,255,0.3);margin:0;letter-spacing:-0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"></h2>
        <!-- Titre custom (cliquable pour changer) -->
        <div id="profile-title" onclick="showTitleSelector()" style="display:none;padding:3px 10px;background:rgba(201,124,255,0.1);border-left:3px solid #c97cff;margin-top:6px;cursor:pointer;transition:all 0.2s;" title="Cliquer pour changer de titre"
          onmouseover="this.style.background='rgba(201,124,255,0.2)'" onmouseout="this.style.background='rgba(201,124,255,0.1)'">
          <span style="color:#c97cff;font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;font-size:0.7em;" id="profile-title-text">Novice</span>
          <span style="color:#aaaab7;font-size:0.6em;margin-left:4px;">✎</span>
        </div>
        <!-- [v14.28] Ligne "clan" (Pacte des Démons etc.) retirée — un seul titre affiché -->
        <div id="profile-class" style="display:none;"></div>
      </div>
    </div>

    <!-- Barres XP + Or -->
    <div id="profile-xp-gold-block" style="margin-bottom:25px;padding:0 10px;display:none;">
      <!-- Barre XP -->
      <div style="margin-bottom:14px;">
        <div style="display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4px;">
          <span style="font-family:'Space Grotesk',sans-serif;font-size:0.65em;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#aaaab7;">EXPÉRIENCE</span>
          <span style="font-family:'Space Grotesk',sans-serif;font-size:0.95em;font-weight:700;color:#81ecff;"><span id="profile-xp">0</span> / <span id="profile-xp-max">100</span></span>
        </div>
        <div style="height:10px;background:#11131d;position:relative;overflow:hidden;">
          <div id="profile-xp-bar" style="height:100%;width:0%;background:linear-gradient(90deg,#00d4ec,#81ecff);box-shadow:0 0 12px rgba(129,236,255,0.5);transition:width 0.5s;position:relative;">
            <div style="position:absolute;right:0;top:0;height:100%;width:3px;background:rgba(255,255,255,0.4);filter:blur(1px);"></div>
          </div>
        </div>
      </div>
      <!-- Barre Or -->
      <div>
        <div style="display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:4px;">
          <span style="font-family:'Space Grotesk',sans-serif;font-size:0.65em;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#aaaab7;">OR</span>
          <span style="font-family:'Space Grotesk',sans-serif;font-size:0.95em;font-weight:700;color:#ffd700;" id="profile-gold">0</span>
        </div>
        <div style="height:6px;background:#11131d;position:relative;overflow:hidden;">
          <div style="height:100%;width:100%;background:linear-gradient(90deg,#b8860b,#ffd700);box-shadow:0 0 8px rgba(255,215,0,0.3);"></div>
        </div>
      </div>
    </div>

    <!-- [v14.30] Badge difficulté masqué (plus de modes de difficulté) -->
    <div style="text-align:center;margin-bottom:20px;display:none;">
      <span id="profile-difficulty-badge" style="display:inline-block;padding:5px 16px;border-radius:4px;font-weight:bold;font-size:0.85em;"></span>
    </div>

    <!-- COMBAT ATTRIBUTES -->
    <div id="profile-stats-section" style="margin-bottom:25px;display:none !important;"><!-- [2026-07-03] bloc statique MORT (remplacé par #mx-stats-panel de PROFILE-STATS-FIX) — était display:block → flashait PARFOIS « Régénération » avant que le JS le cache -->
      <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;">
        <div style="width:4px;height:30px;background:linear-gradient(180deg,#81ecff,#c97cff);border-radius:2px;"></div>
        <h3 style="font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5em;font-weight:500;color:#f0f0fd;margin:0;"><em style="background:linear-gradient(180deg,#c6f0ff,#81ecff 50%,#3a7a9a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">Statistiques</em></h3>
        <div style="flex:1;height:1px;background:linear-gradient(90deg,rgba(129,236,255,0.3),transparent);"></div>
      </div>
      
      
      <div style="display:grid;grid-template-columns:1fr 1fr;gap:8px;">
        <div class="stat-card-2026" style="color:#aaaab7;">
          <div style="font-size:0.65em;text-transform:uppercase;letter-spacing:0.15em;font-weight:700;display:inline-flex;align-items:center;gap:4px;"><svg viewBox="0 0 24 24" width="12" height="12"><path d="M 4 8 L 12 3 L 20 8 L 20 16 L 12 21 L 4 16 Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M 12 3 L 12 21 M 4 8 L 20 16 M 20 8 L 4 16" stroke="currentColor" stroke-width="1" opacity="0.4"/></svg><span>Niveau</span></div>
          <div id="profile-level" style="font-size:2em;font-weight:900;color:#f0f0fd;font-family:'Space Grotesk',sans-serif;margin-top:4px;">1</div>
        </div>
        <div class="stat-card-2026" style="color:#ff8a8a;">
          <div style="font-size:0.65em;text-transform:uppercase;letter-spacing:0.15em;font-weight:700;display:inline-flex;align-items:center;gap:4px;"><svg viewBox="0 0 24 24" width="12" height="12"><path d="M 12 21 C 12 21 4 14.5 4 9 C 4 6 6 4 8.5 4 C 10.5 4 12 5.5 12 5.5 C 12 5.5 13.5 4 15.5 4 C 18 4 20 6 20 9 C 20 14.5 12 21 12 21 Z" fill="currentColor"/></svg><span>PV Max</span></div>
          <div id="profile-hp" style="font-size:2em;font-weight:900;color:#f0f0fd;font-family:'Space Grotesk',sans-serif;margin-top:4px;">100</div>
        </div>
        <div class="stat-card-2026" style="color:#ffb454;">
          <div style="font-size:0.65em;text-transform:uppercase;letter-spacing:0.15em;font-weight:700;display:inline-flex;align-items:center;gap:4px;"><svg viewBox="0 0 24 24" width="12" height="12" fill="none" stroke="currentColor" stroke-width="1.8"><rect x="2" y="10" width="2" height="4" rx="0.5" fill="currentColor"/><rect x="20" y="10" width="2" height="4" rx="0.5" fill="currentColor"/><rect x="4" y="11" width="2" height="2" fill="currentColor"/><rect x="18" y="11" width="2" height="2" fill="currentColor"/><rect x="6" y="11.5" width="12" height="1.2" fill="currentColor"/></svg><span>Force</span></div>
          <div id="stat-force" style="font-size:2em;font-weight:900;color:#f0f0fd;font-family:'Space Grotesk',sans-serif;margin-top:4px;">0%</div>
        </div>
        <div class="stat-card-2026" style="color:#81ecff;">
          <div style="font-size:0.65em;text-transform:uppercase;letter-spacing:0.15em;font-weight:700;display:inline-flex;align-items:center;gap:4px;"><svg viewBox="0 0 24 24" width="12" height="12"><path d="M 12 2 L 4 5 L 4 12 Q 4 19 12 22 Q 20 19 20 12 L 20 5 Z" fill="currentColor" opacity="0.9"/></svg><span>Résistance</span></div>
          <div id="stat-resistance" style="font-size:2em;font-weight:900;color:#f0f0fd;font-family:'Space Grotesk',sans-serif;margin-top:4px;">0%</div>
        </div>
        <div class="stat-card-2026" style="color:#4ecdc4;">
          <div style="font-size:0.65em;text-transform:uppercase;letter-spacing:0.15em;font-weight:700;display:inline-flex;align-items:center;gap:4px;"><svg viewBox="0 0 24 24" width="12" height="12"><path d="M 12 21 C 12 21 4 14.5 4 9 C 4 6 6 4 8.5 4 C 10.5 4 12 5.5 12 5.5 C 12 5.5 13.5 4 15.5 4 C 18 4 20 6 20 9 C 20 14.5 12 21 12 21 Z" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M 9 11 L 15 11 M 12 8 L 12 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg><span>Régénération</span></div>
          <div id="stat-regeneration" style="font-size:2em;font-weight:900;color:#f0f0fd;font-family:'Space Grotesk',sans-serif;margin-top:4px;">0</div>
        </div>
        <div class="stat-card-2026" style="color:#81ecff;">
          <div style="font-size:0.65em;text-transform:uppercase;letter-spacing:0.15em;font-weight:700;display:inline-flex;align-items:center;gap:4px;"><svg viewBox="0 0 24 24" width="12" height="12"><path d="M 13 2 L 5 13 L 11 13 L 9 22 L 19 10 L 13 10 Z" fill="currentColor"/></svg><span>Bonus Dégâts</span></div>
          <div id="profile-dmg-bonus" style="font-size:2em;font-weight:900;color:#81ecff;font-family:'Space Grotesk',sans-serif;margin-top:4px;">0</div>
        </div>
      </div>
    </div>

    <!-- Points de Stats -->
    <div id="stat-points-section" style="text-align:center;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,rgba(255,215,0,0.08),rgba(255,136,0,0.05));border:1px solid rgba(255,215,0,0.2);border-radius:14px;">
      <div style="font-family:'Space Grotesk',sans-serif;font-size:0.75em;color:#ffd700;letter-spacing:0.15em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;">
        <svg viewBox="0 0 24 24" width="13" height="13"><path d="M 12 2 L 14.5 8.5 L 21.5 9.2 L 16 14 L 17.5 21.5 L 12 17.5 L 6.5 21.5 L 8 14 L 2.5 9.2 L 9.5 8.5 Z" fill="currentColor" stroke="currentColor" stroke-width="0.5" stroke-linejoin="round"/></svg>
        <span>Points de Stats</span>
      </div>
      <div id="profile-stat-points" style="font-size:2.5em;font-weight:900;color:#81ecff;font-family:'Space Grotesk',sans-serif;">0</div>
      <div style="color:#888;font-size:0.8em;margin-bottom:12px;">points disponibles (3 par niveau)</div>
      <div style="display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:stretch;">
        <button id="profile-distribute-btn" onclick="showStatPointsModal()" style="padding:11px 20px;background:linear-gradient(135deg,#81ecff,#4ecdc4);color:#003840;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;font-size:0.8em;transition:all 0.3s;box-shadow:0 0 18px rgba(129,236,255,0.4);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:7px;"
          onmouseover="this.style.boxShadow='0 0 28px rgba(129,236,255,0.65)';this.style.transform='scale(1.04)'"
          onmouseout="this.style.boxShadow='0 0 18px rgba(129,236,255,0.4)';this.style.transform='scale(1)'">
          <svg viewBox="0 0 24 24" width="15" height="15"><path d="M 12 2 L 14.5 8.5 L 21.5 9.2 L 16 14 L 17.5 21.5 L 12 17.5 L 6.5 21.5 L 8 14 L 2.5 9.2 L 9.5 8.5 Z" fill="currentColor"/></svg>
          <span>Distribuer</span>
        </button>
        <button onclick="confirmResetStats()" style="padding:12px 20px;background:rgba(255,68,68,0.15);border:1px solid rgba(255,68,68,0.3);color:#ff716c;cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:0.8em;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.3s;border-radius:10px;display:inline-flex;align-items:center;gap:6px;">
          <svg viewBox="0 0 24 24" width="13" height="13"><path d="M 4 12 Q 4 5 11 5 Q 16 5 19 9 M 20 4 L 20 10 L 14 10 M 20 12 Q 20 19 13 19 Q 8 19 5 15 M 4 20 L 4 14 L 10 14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
          <span>Reset Stats</span>
        </button>
      </div>
    </div>

    <!-- Titre de rang -->
    <!-- titre de rang retiré -->

    <!-- [2026-06-14] Bouton "Réinitialiser la progression" RETIRÉ du profil (demande user) -->

    <!-- Familiers -->
    <div style="margin-top:20px;padding:22px;background:linear-gradient(160deg,#14101f,#0a0c15);border:1px solid rgba(201,124,255,0.2);border-radius:16px;box-shadow:0 0 40px rgba(201,124,255,0.08),inset 0 1px 0 rgba(255,255,255,0.04);">
      <h3 style="text-align:center;color:#c97cff;margin-bottom:10px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.35em;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;">
        <svg viewBox="0 0 24 24" width="18" height="18"><circle cx="5" cy="8" r="2" fill="currentColor"/><circle cx="10" cy="5" r="2" fill="currentColor"/><circle cx="14" cy="5" r="2" fill="currentColor"/><circle cx="19" cy="8" r="2" fill="currentColor"/><path d="M 7 16 Q 7 11 12 11 Q 17 11 17 16 Q 17 20 12 20 Q 7 20 7 16 Z" fill="currentColor"/></svg>
        <em style="background:linear-gradient(180deg,#e6c6ff,#c97cff 50%,#6a3090);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">Familier équipé</em>
      </h3>
      <div style="text-align:center;">
        <div id="profile-familiar-info" style="font-size:1.2em;color:#4ecdc4;">Aucun</div>
      </div>
    </div>

    <!-- [2026-06-15] Section « Progression » RETIRÉE du profil (demande user : plus de boutons
         pertinents dedans — Bestiaire + Entraînement déjà retirés, Classes désactivées). -->
  </div>
</div>

<!-- ╔══════════════════════════════════════════════════════════╗
     ║  ÉCRAN INVENTAIRE & ÉQUIPEMENT                            ║
     ║  → Slots équipement (arme, armure, bottes...)             ║
     ║  → Inventaire "sac" en grille                             ║
     ║  → Vendre, équiper, voir les stats                        ║
     ╚══════════════════════════════════════════════════════════╝ -->
<!-- +==========================================================+
     |  ÉCRAN D\'INVENTAIRE                                       |
     |  Affiche tous les objets possédés par le joueur.           |
     |  On peut : équiper, déséquiper, vendre, voir les stats.   |
     |  Les slots d\'équipement sont affichés en haut.             |
     |  L\'inventaire "sac" est en dessous en grille.              |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  INVENTAIRE & ÉQUIPEMENT                             ║
     ║  → Slots équipement en haut (arme, armure, bottes...) ║
     ║  → Grille inventaire en bas                           ║
     ║  → Vendre, équiper, déséquiper                        ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="inventory-screen">
  <div class="nav-buttons">
    <button class="nav-btn" onclick="showScreen('welcome')" title="Accueil" style="display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M 3 11 L 12 3 L 21 11 L 21 20 Q 21 21 20 21 L 15 21 L 15 14 L 9 14 L 9 21 L 4 21 Q 3 21 3 20 Z" fill="currentColor" fill-opacity="0.15"/><path d="M 3 11 L 12 3 L 21 11" /><path d="M 5 10 L 5 20 Q 5 21 6 21 L 18 21 Q 19 21 19 20 L 19 10" /><path d="M 9 21 L 9 14 L 15 14 L 15 21" /></svg></button>
    <button class="nav-btn" onclick="showScreen('market')">🛒</button>
  </div>

  <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
    <div class="section-luxe-icon" style="background: radial-gradient(circle at 50% 50%, rgba(201, 163, 84, 0.2) 0%, transparent 65%);">
      <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
        <defs>
          <linearGradient id="invBoxG" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#c9a354"/><stop offset="100%" stop-color="#5a3f12"/>
          </linearGradient>
          <linearGradient id="invBoxLid" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#e8c877"/><stop offset="100%" stop-color="#b8872a"/>
          </linearGradient>
        </defs>
        <!-- Coffre 3D -->
        <path d="M 10 24 L 10 54 L 54 54 L 54 24 Z" fill="url(#invBoxG)" stroke="#2a1a0a" stroke-width="0.8"/>
        <!-- Couvercle -->
        <path d="M 10 24 Q 10 14 32 14 Q 54 14 54 24 Z" fill="url(#invBoxLid)" stroke="#2a1a0a" stroke-width="0.8"/>
        <!-- Ferrures latérales -->
        <rect x="14" y="22" width="3" height="30" fill="#3a2614"/>
        <rect x="47" y="22" width="3" height="30" fill="#3a2614"/>
        <!-- Serrure centrale -->
        <circle cx="32" cy="34" r="4" fill="#3a2614" stroke="#2a1a0a" stroke-width="0.8"/>
        <rect x="31" y="34" width="2" height="6" fill="#2a1a0a"/>
        <!-- Reflet sur le couvercle -->
        <ellipse cx="28" cy="18" rx="10" ry="2" fill="#fff5d6" opacity="0.4"/>
        <!-- Étincelle d'or qui dépasse -->
        <circle cx="38" cy="22" r="1.5" fill="#fff8dc" opacity="0.9"/>
        <circle cx="24" cy="20" r="1" fill="#fff8dc" opacity="0.7"/>
      </svg>
    </div>
    <h2 class="section-luxe-title">Inventaire & <em>Équipement</em></h2>
    <p class="section-luxe-caption">Gère tes armes, armures et reliques magiques</p>
  </div>

  <div class="player-stats">
    <div class="stat-card">
      <div class="stat-label">Bonus Dgt</div>
      <div class="stat-value" id="inv-damage-bonus">0</div>
    </div>
    <div class="stat-card">
      <div class="stat-label">Bonus PV</div>
      <div class="stat-value" id="inv-hp-bonus">0</div>
    </div>
    <div class="stat-card">
      <div class="stat-label">Or</div>
      <div class="stat-value" id="inv-gold">0</div>
    </div>
  </div>

  <!-- Grille d\'inventaire -->
  <div class="grid-3" id="inventory-grid" style="margin-top:20px;"></div>
</div>


    <!-- Marketplace -->
    <!-- ========== ÉCRAN : MARCHÉ / BOUTIQUE D\'ÉQUIPEMENTS ========== -->
    <!-- +==========================================================+
         |  ÉCRAN DE LA BOUTIQUE / MARCHÉ                            |
         |  Plusieurs onglets :                                       |
         |  - Équipements : armes, armures, accessoires à acheter     |
         |  - Familiers   : compagnons qui donnent des bonus passifs  |
         |  - Sorts       : pouvoirs magiques à acheter               |
         |  - Armes       : armes spéciales avec effets uniques       |
         |  Les prix augmentent selon la rareté et la puissance.      |
         +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  MARCHÉ                                              ║
     ║  Onglets: Équipements / Sorts / Familiers / Armes     ║
     ║  Accès: Boutique gemmes, Coffres, Atelier, Perso      ║
     ╚═══════════════════════════════════════════════════════╝ -->
    <div class="screen" id="market-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')" title="Accueil" style="display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;"><svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M 3 11 L 12 3 L 21 11 L 21 20 Q 21 21 20 21 L 15 21 L 15 14 L 9 14 L 9 21 L 4 21 Q 3 21 3 20 Z" fill="currentColor" fill-opacity="0.15"/><path d="M 3 11 L 12 3 L 21 11" /><path d="M 5 10 L 5 20 Q 5 21 6 21 L 18 21 Q 19 21 19 20 L 19 10" /><path d="M 9 21 L 9 14 L 15 14 L 15 21" /></svg></button>
            <button class="nav-btn" onclick="showScreen('inventory')">📦</button>
        </div>
        <h2 style="text-align: center;">🛒 Marketplace (Or: <span id="market-gold">0</span>)</h2>
        
        <!-- Onglets Marché -->
        <div style="display:flex; gap:8px; justify-content:center; margin-bottom:20px; flex-wrap:wrap;">
            <button class="nav-btn" onclick="showMarketTab('equipments')" id="tab-equipments" style="font-size:0.85em;"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><path d="M 3 3 L 6 3 L 6 6 L 17 17 L 21 21 L 17 21 L 17 17 L 6 6 L 3 6 Z" fill="currentColor"/></svg><span style="vertical-align:middle;">Équip.</span></button>
            <!-- [v14.28] Onglet Potions retiré (doublon avec la section Soin où elles sont achetables) -->
            <button class="nav-btn" onclick="showMarketTab('familiars')" id="tab-familiars" style="font-size:0.85em;"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><circle cx="5" cy="8" r="2" fill="currentColor"/><circle cx="10" cy="5" r="2" fill="currentColor"/><circle cx="14" cy="5" r="2" fill="currentColor"/><circle cx="19" cy="8" r="2" fill="currentColor"/><path d="M 7 16 Q 7 11 12 11 Q 17 11 17 16 Q 17 20 12 20 Q 7 20 7 16 Z" fill="currentColor"/></svg><span style="vertical-align:middle;">Familiers</span></button>
            <button class="nav-btn" onclick="showMarketTab('spells')" id="tab-spells" style="font-size:0.85em;background:linear-gradient(135deg,#9b59b6,#8e44ad);"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><path d="M 12 2 L 18 9 L 15 21 L 9 21 L 6 9 Z" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M 12 2 L 12 21 M 6 9 L 18 9" stroke="currentColor" stroke-width="1" opacity="0.5"/></svg><span style="vertical-align:middle;">Sortilèges</span></button>
            <button class="nav-btn" onclick="showMarketTab('magicweapons')" id="tab-magicweapons" style="display:none;font-size:0.85em;background:linear-gradient(135deg,#e74c3c,#c0392b);"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><path d="M 12 2 L 13 10 L 21 12 L 13 14 L 12 22 L 11 14 L 3 12 L 11 10 Z" fill="currentColor"/><circle cx="18" cy="6" r="1.5" fill="currentColor" opacity="0.7"/><circle cx="5" cy="18" r="1" fill="currentColor" opacity="0.6"/></svg><span style="vertical-align:middle;">Armes Spé.</span></button>
            <button class="nav-btn" onclick="showMarketTab('buffs')" id="tab-buffs" style="font-size:0.85em;background:linear-gradient(135deg,#ff8800,#cc6600);"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><path d="M 12 2 L 4 5 L 4 12 Q 4 19 12 22 Q 20 19 20 12 L 20 5 Z" fill="currentColor" opacity="0.9"/></svg><span style="vertical-align:middle;">Auras</span></button>
            <button class="nav-btn" onclick="showMarketTab('auction')" id="tab-auction" style="font-size:0.85em;background:linear-gradient(135deg,#ffd700,#cc9900);"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><path d="M 3 3 L 11 11 M 3 11 L 11 3" stroke="currentColor" stroke-width="3" stroke-linecap="round"/><rect x="5" y="5" width="6" height="6" fill="currentColor" transform="rotate(45 8 8)"/><path d="M 10 14 L 21 14 L 21 19 L 10 19 Z" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M 15 14 L 15 19" stroke="currentColor" stroke-width="1.5"/></svg><span style="vertical-align:middle;">Enchères</span></button>
            <button class="nav-btn" onclick="showMarketTab('energy_ad')" id="tab-energy_ad" style="font-size:0.85em;background:linear-gradient(135deg,#ff8800,#ff4400);"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:4px;"><polygon points="13,2 5,13 11,13 9,22 19,10 13,10" fill="currentColor"/></svg><span style="vertical-align:middle;">Énergie</span></button>
        </div>
        
        <!-- Grille Équipements -->
        <div class="grid-3" id="market-grid"></div>
        
        <!-- Grille Potions -->
        <div id="potions-grid" style="display:none;">
            <div style="text-align:center; margin-bottom:20px;">
                <div style="font-size:4em; margin-bottom:10px; filter:drop-shadow(0 0 20px rgba(78,205,196,0.5));">🧪⚗️🧫</div>
                <h3 style="color:#4ecdc4; margin-bottom:10px;">Potions de Combat</h3>
                <p style="color:#888; font-size:0.85em;">
                    Lance des potions sur les ennemis en combat !
                    <br><span style="color:#ffd700;">💡 La stat Magie augmente l'efficacité !</span><!-- [PNJ-IMG 2026-06-12] apostrophe fix -->
                </p>
            </div>
            <div class="grid-3" id="potions-shop"></div>
        </div>
        
        <!-- Grille Sortilèges -->
        <div id="spells-grid" style="display:none;">
            <div style="text-align:center; margin-bottom:20px;">
                <!-- [2026-07-03 demande user] rangée d'emojis décoratifs 💫⚡🔥❄️ RETIRÉE (« ça fait cheap ») -->
                <h3 style="color:#9b59b6; margin-bottom:10px;">Sortilèges Magiques</h3>
                <p style="color:#888; font-size:0.85em;">
                    Sorts puissants basés sur tes <span style="color:#9b59b6;">STATS</span> !
                    <br>Chaque sort nécessite des stats minimum pour être lancé.
                </p>
            </div>
            <div style="text-align:center; margin-bottom:15px; padding:12px; background:linear-gradient(135deg, rgba(78,205,196,0.15), rgba(155,89,182,0.15)); border-radius:12px; border:1px solid rgba(78,205,196,0.3);">
                <span style="color:#4ecdc4; font-size:1.1em;">🔮 Tes Sortilèges: <span id="spells-mana" style="font-weight:bold;">0</span>%</span>
                <div style="font-size:0.75em; color:#aaa; margin-top:5px;">Énergie ÷ Coût = Nombre de lancers possibles</div>
            </div>
            <div class="grid-3" id="spells-shop"></div>
        </div>
        
        <!-- Grille Armes Spéciales -->
        <div id="energy-ad-grid" style="display:none;">
            <div style="text-align:center;padding:30px 20px;">
                <div style="font-size:4em;margin-bottom:15px;filter:drop-shadow(0 0 20px rgba(255,136,0,0.5));">⚡🎬⚡</div>
                <h3 style="color:#ff8800;font-family:Cinzel,serif;margin-bottom:10px;">Énergie Gratuite</h3>
                <p style="color:#888;font-size:0.85em;margin-bottom:25px;">
                    Regarde une courte vidéo et gagne <span style="color:#ff8800;font-weight:700;">+3 Énergie</span> !
                </p>
                
                <div style="background:linear-gradient(145deg,rgba(255,136,0,0.08),rgba(255,68,0,0.05));border:2px solid rgba(255,136,0,0.2);border-radius:16px;padding:24px;max-width:350px;margin:0 auto 20px;">
                    <div style="font-size:2.5em;margin-bottom:10px;">🎬</div>
                    <div style="color:#ff8800;font-size:1.1em;font-weight:900;margin-bottom:5px;">Regarder une Pub</div>
                    <div style="color:#888;font-size:0.8em;margin-bottom:15px;">+3 ⚡ Énergie (max 5 par jour)</div>
                    <div id="energy-ad-status" style="color:#4ecdc4;font-size:0.85em;margin-bottom:15px;"></div>
                    <button onclick="watchAdForEnergy()" id="energy-ad-btn" style="padding:14px 40px;background:linear-gradient(135deg,#ff8800,#ff4400);border:none;border-radius:12px;color:#fff;font-weight:900;font-size:1em;cursor:pointer;font-family:Rajdhani,sans-serif;box-shadow:0 4px 15px rgba(255,136,0,0.3);">
                        🎬 REGARDER (+3 ⚡)
                    </button>
                </div>
                
                <div style="color:#555;font-size:0.7em;margin-top:15px;">
                    Énergie actuelle: <span style="color:#ff8800;" id="energy-ad-current">0</span> / <span id="energy-ad-max">20</span>
                </div>
            </div>
        </div>
        
        <!-- Grille Armes Spéciales -->
        <div id="magicweapons-grid" style="display:none;">
            <div style="text-align:center; margin-bottom:20px;">
                <div style="font-size:4em; margin-bottom:10px; filter:drop-shadow(0 0 20px rgba(231,76,60,0.5)); animation: weaponsGlow 1.5s infinite alternate;">⚔️🗡️🔥⚡</div>
                <h3 style="color:#e74c3c; margin-bottom:10px;">Armes Spéciales</h3>
                <p style="color:#888; font-size:0.85em;">
                    Armes avec effets passifs : poison, brûlure, saignement...
                    <br><span style="color:#ff9800;">⚠️ Prix élevés mais dévastateurs !</span>
                </p>
            </div>
            <div class="grid-3" id="magicweapons-shop"></div>
        </div>
        
        <!-- Grille Auras/Buffs -->
        <div id="buffs-grid" style="display:none;">
            <div style="text-align:center; margin-bottom:20px;">
                <div style="font-size:4em; margin-bottom:10px; filter:drop-shadow(0 0 20px rgba(255,136,0,0.5)); animation: pulse 2s infinite;">🛡️✨🔮💫</div>
                <h3 style="color:#ff8800; margin-bottom:10px;">Auras de Combat</h3>
                <p style="color:#888; font-size:0.85em;">
                    Équipe des auras qui s'activent automatiquement en combat !<!-- [PNJ-IMG 2026-06-12] apostrophe fix -->
                    <br><span style="color:#ff8800;">⚡ Slot Buff 1 et Buff 2 dans l'inventaire</span>
                </p>
            </div>
            <div class="grid-3" id="buffs-shop"></div>
        </div>
        
        <!-- ========== HÔTEL DE VENTE (Enchères entre joueurs) ========== -->
        <div id="auction-grid" style="display:none;">
            <div style="text-align:center; margin-bottom:20px;">
                <div style="font-size:4em; margin-bottom:10px; filter:drop-shadow(0 0 20px rgba(255,215,0,0.5)); animation: pulse 2s infinite;">🏛️⚖️💎</div>
                <h3 style="color:#ffd700; margin-bottom:10px;">Hôtel de Vente</h3>
                <p style="color:#888; font-size:0.85em;">
                    Achète et vends des items avec d'autres joueurs !<!-- [PNJ-IMG 2026-06-12] apostrophe fix -->
                    <br><span style="color:#ff6b6b;">⚠️ Taxe de 10% sur chaque vente (gemmes détruites)</span>
                    <!-- [v14.30] Mention "items de ta difficulté" retirée (plus de modes de difficulté) -->
                </p>
            </div>
            
            <!-- Onglets Acheter / Vendre / Mes ventes -->
            <div style="display:flex;gap:8px;justify-content:center;margin-bottom:15px;">
                <button onclick="showAuctionSubTab('buy')" id="auction-sub-buy" style="flex:1;padding:10px;background:rgba(78,205,196,0.15);border:2px solid #4ecdc4;border-radius:10px;color:#4ecdc4;cursor:pointer;font-weight:800;font-size:0.85em;">🛒 Acheter</button>
                <button onclick="showAuctionSubTab('sell')" id="auction-sub-sell" style="flex:1;padding:10px;background:rgba(255,215,0,0.05);border:2px solid rgba(255,215,0,0.2);border-radius:10px;color:#888;cursor:pointer;font-weight:800;font-size:0.85em;">💰 Vendre</button>
                <button onclick="showAuctionSubTab('history')" id="auction-sub-history" style="flex:1;padding:10px;background:rgba(170,68,255,0.05);border:2px solid rgba(170,68,255,0.2);border-radius:10px;color:#888;cursor:pointer;font-weight:800;font-size:0.85em;">📋 Mes ventes</button>
            </div>
            
            <!-- Filtres (onglet acheter) -->
            <div id="auction-filters" style="display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:12px;">
                <input type="text" id="auction-search" placeholder="🔍 Rechercher..." oninput="renderAuctionListings()" style="flex:1;min-width:150px;padding:8px 12px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.8em;outline:none;">
                <select id="auction-rarity-filter" onchange="renderAuctionListings()" style="padding:8px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.8em;">
                    <option value="all">Toutes raretés</option>
                    <option value="common">Commun</option>
                    <option value="rare">Rare</option>
                    <option value="epic">Épique</option>
                    <option value="legendary">Légendaire</option>
                </select>
                <select id="auction-sort-filter" onchange="renderAuctionListings()" style="padding:8px;background:rgba(0,0,0,0.3);border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#fff;font-size:0.8em;">
                    <option value="recent">Plus récent</option>
                    <option value="price-asc">Prix ↑</option>
                    <option value="price-desc">Prix ↓</option>
                </select>
            </div>
            
            <!-- Zone des listings -->
            <div id="auction-listings" style="max-width:800px;margin:0 auto;"></div>
            
            <!-- Zone vendre (sélection d\'item inventaire) -->
            <div id="auction-sell-zone" style="display:none;max-width:800px;margin:0 auto;"></div>
            
            <!-- Zone historique -->
            <div id="auction-history-zone" style="display:none;max-width:800px;margin:0 auto;"></div>
        </div>
        
        <!-- Grille Familiers -->
        <div id="familiars-grid" style="display:none;">
            <div style="text-align:center; margin-bottom:20px;">
                <!-- [2026-07-03 demande user] rangée décorative (4 SVG compagnons) RETIRÉE -->
                <h3 style="color:#ffd700; margin-bottom:10px;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.6em;font-weight:500;"><em style="background:linear-gradient(180deg,#fff5d6,#e8c877 50%,#b88830);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;">Familiers de Combat</em></h3>
                <p style="color:#988a9e; font-size:0.85em;font-style:italic;">
                    Adopte un compagnon qui te donnera des bonus permanents
                </p>
            </div>
            <div id="current-familiar-display" style="
                text-align:center;
                margin-bottom:20px;
                padding:15px;
                background:linear-gradient(135deg, rgba(255,215,0,0.1), rgba(78,205,196,0.1));
                border:1px solid rgba(255,215,0,0.3);
                border-radius:12px;
            ">
                <div style="color:#988a9e;margin-bottom:5px;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;font-family:Inter,sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;">
                    <svg viewBox="0 0 24 24" width="12" height="12"><circle cx="5" cy="8" r="2" fill="currentColor"/><circle cx="10" cy="5" r="2" fill="currentColor"/><circle cx="14" cy="5" r="2" fill="currentColor"/><circle cx="19" cy="8" r="2" fill="currentColor"/><path d="M 7 16 Q 7 11 12 11 Q 17 11 17 16 Q 17 20 12 20 Q 7 20 7 16 Z" fill="currentColor"/></svg>
                    Familier équipé
                </div>
                <div id="equipped-familiar-info" style="font-size:1.2em;color:#4ecdc4;">Aucun</div>
            </div>
            <div class="grid-3" id="familiars-shop"></div>
        </div>
    </div>


    <!-- Quêtes -->
<!-- ========== ÉCRAN : QUÊTES PAR RANG ========== -->
<!-- +==========================================================+
     |  ÉCRAN DES QUÊTES                                         |
     |  Listes de missions à accomplir pour gagner des récompenses|
     |  Quêtes quotidiennes (reset chaque jour) + quêtes par rang |
     |  Chaque quête a un objectif (ex: faire 50 pompes)          |
     |  et une récompense (or, XP, gemmes, items...)              |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  QUÊTES — Quêtes journalières + défis                ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="quests-screen">
  <div class="nav-buttons">
    <button class="nav-btn" onclick="showScreen('welcome')">Accueil</button>
  </div>
  <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
    <div class="section-luxe-icon" style="background: radial-gradient(circle at 50% 50%, rgba(255, 107, 107, 0.22) 0%, transparent 65%);">
      <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
        <defs>
          <linearGradient id="questScrollG" x1="0" y1="0" x2="0" y2="1">
            <stop offset="0%" stop-color="#fff5d6"/><stop offset="100%" stop-color="#c9a354"/>
          </linearGradient>
          <radialGradient id="questSealG" cx="40%" cy="30%" r="80%">
            <stop offset="0%" stop-color="#ff6b6b"/><stop offset="100%" stop-color="#6a0010"/>
          </radialGradient>
        </defs>
        <!-- Parchemin principal déroulé -->
        <path d="M 16 12 L 48 12 L 48 52 L 16 52 Z" fill="url(#questScrollG)" stroke="#8a6a2a" stroke-width="0.8"/>
        <!-- Lignes de texte -->
        <line x1="22" y1="20" x2="42" y2="20" stroke="#8a5a1f" stroke-width="1.2" opacity="0.6" stroke-linecap="round"/>
        <line x1="22" y1="26" x2="38" y2="26" stroke="#8a5a1f" stroke-width="1" opacity="0.5" stroke-linecap="round"/>
        <line x1="22" y1="32" x2="42" y2="32" stroke="#8a5a1f" stroke-width="1" opacity="0.5" stroke-linecap="round"/>
        <!-- Sceau rouge avec étoile -->
        <circle cx="36" cy="44" r="5" fill="url(#questSealG)" stroke="#3a0010" stroke-width="0.5"/>
        <path d="M 36 40.5 L 36.8 42.8 L 39.2 42.8 L 37.3 44.2 L 38 46.5 L 36 45 L 34 46.5 L 34.7 44.2 L 32.8 42.8 L 35.2 42.8 Z" fill="#fff5d6"/>
        <!-- Rouleaux haut/bas -->
        <ellipse cx="32" cy="12" rx="18" ry="3" fill="#c9a354" stroke="#5a3f12" stroke-width="0.6"/>
        <ellipse cx="32" cy="52" rx="18" ry="3" fill="#c9a354" stroke="#5a3f12" stroke-width="0.6"/>
        <!-- Épée décorative en travers -->
        <g transform="rotate(35 32 32)" opacity="0.85">
          <rect x="8" y="31" width="30" height="2" fill="#c9dfff" stroke="#3a4a6a" stroke-width="0.3"/>
          <rect x="38" y="30" width="4" height="4" fill="#c9a354"/>
        </g>
      </svg>
    </div>
    <h2 class="section-luxe-title">Quêtes du <em>Royaume</em></h2>
    <p class="section-luxe-caption">Accomplis tes missions pour gagner des récompenses</p>
  </div>
  
  <!-- BANNIÈRE DE PROGRESSION -->
  <div id="quest-progress-banner" style="
    background: linear-gradient(135deg, rgba(255,107,107,0.2), rgba(78,205,196,0.2));
    border: 2px solid rgba(255,215,0,0.3);
    border-radius: 15px;
    padding: 15px 20px;
    margin-bottom: 20px;
    text-align: center;
  ">
    <div style="font-size:1.2em; color:#ffd700; margin-bottom:8px;">
      🏆 Progression des Quêtes
    </div>
    <div id="quest-rank-progress" style="display:flex; gap:10px; justify-content:center; flex-wrap:wrap;">
      <!-- Rempli dynamiquement -->
    </div>
  </div>
  
  <!-- Stats globales exercices -->
  <div class="player-stats" style="margin-bottom: 25px;">
    <div class="stat-card"><div class="stat-label">Pompes</div><div class="stat-value" id="global-pompes">0</div></div>
    <div class="stat-card"><div class="stat-label">Squats</div><div class="stat-value" id="global-squats">0</div></div>
    <div class="stat-card"><div class="stat-label">Abdos</div><div class="stat-value" id="global-abdos">0</div></div>
    <div class="stat-card"><div class="stat-label">Burpees</div><div class="stat-value" id="global-burpees">0</div></div>
    <div class="stat-card"><div class="stat-label">Kills</div><div class="stat-value" id="global-kills">0</div></div>
  </div>

  <!-- Boutons rangs -->
  <div id="quest-rank-buttons" style="display: flex; gap: 12px; margin-bottom: 25px; flex-wrap: wrap; justify-content: center;">
    <!-- Rempli dynamiquement -->
  </div>

  <!-- Liste quêtes dynamiques -->
  <div class="grid-3" id="quest-list"></div>
</div>


<!-- ========== ÉCRAN : INTRO DE DONJON ========== -->
<!-- Écran de transition avant d\'entrer dans un donjon (choix de difficulté) -->
<div class="screen" id="dungeon-intro-screen">
    <video id="dungeon-intro-video"
           playsinline
           muted
           preload="none"
           style="width:80%;height:80%;object-fit:cover;border-radius:20px;">
    </video>
</div>

<!-- ÉCRAN HISTOIRE DONJON -->
<!-- ========== ÉCRAN : HISTOIRE DE DONJON (Cinématique) ========== -->
<!-- Écran narratif affiché avant chaque donjon (intro lore/histoire) -->
<div class="screen" id="dungeon-story-screen" style="
    display:none; justify-content:center; align-items:center;
    min-height:100vh; position:relative; overflow:hidden;">

    <!-- Fond animé -->
    <div id="story-bg" style="
        position:absolute; inset:0;
        background:radial-gradient(circle at 30% 40%, #1a0000, #000010 60%, #000000);
        z-index:0;"></div>
    <div id="story-particles" style="position:absolute;inset:0;z-index:1;pointer-events:none;"></div>

    <!-- Contenu -->
    <div style="position:relative;z-index:2;max-width:700px;width:90%;text-align:center;padding:30px;">

        <!-- Icône / emblème du donjon -->
        <div id="story-icon" style="font-size:5em;margin-bottom:16px;
            filter:drop-shadow(0 0 30px rgba(255,100,0,0.8));
            animation:storyIconPulse 2s infinite ease-in-out;"></div>

        <!-- Titre du donjon -->
        <div id="story-rank-badge" style="
            display:inline-block; padding:5px 18px; border-radius:20px;
            font-size:0.85em; font-weight:bold; letter-spacing:0.1em;
            margin-bottom:14px; border:1px solid;"></div>

        <h2 id="story-title" style="
            font-size:2em; font-weight:900; margin-bottom:20px;
            background:linear-gradient(45deg,#ff6b6b,#ffd700);
            -webkit-background-clip:text; -webkit-text-fill-color:transparent;
            letter-spacing:0.05em; line-height:1.2;"></h2>

        <!-- Texte narratif qui s\'écrit lettre par lettre -->
        <div id="story-text" style="
            font-size:1.05em; line-height:1.8; color:#ddd;
            min-height:100px; font-style:italic;
            text-shadow:0 0 10px rgba(255,150,0,0.3);"></div>

        <!-- Barre de progression -->
        <div style="margin-top:28px;">
            <div style="background:rgba(255,255,255,0.1);border-radius:10px;height:4px;overflow:hidden;">
                <div id="story-progress-bar" style="
                    height:100%; width:0%;
                    background:linear-gradient(90deg,#ff6b6b,#ffd700);
                    transition:width 0.1s linear;border-radius:10px;"></div>
            </div>
            <div style="color:#888;font-size:0.8em;margin-top:8px;" id="story-timer-label">Entrée dans 10s...</div>
        </div>

        <button onclick="skipDungeonStory()" style="
            margin-top:18px; background:rgba(255,255,255,0.08);
            border:1px solid rgba(255,255,255,0.2); color:#888;
            padding:8px 20px; border-radius:20px; cursor:pointer;
            font-size:0.85em; transition:all 0.2s;">
            ⏭ Passer
        </button>
    </div>
</div>

<!-- ========== ÉCRAN : COMBAT PRINCIPAL (Gameplay Loop) ========== -->
<!-- +==========================================================+
     |  ÉCRAN DE COMBAT PRINCIPAL                                |
     |  C\'est ici que le jeu se passe !                           |
     |  Affiche :                                                 |
     |  - L\'arène avec le monstre (sprite + barre de vie)         |
     |  - Les stats du joueur en combat                           |
     |  - Les boutons d\'exercice (pompes, squats, etc.)           |
     |  - Le compteur de répétitions                              |
     |  - Les debuffs actifs                                      |
     |  - Le chronomètre d\'attaque ennemie                        |
     +==========================================================+ -->
<!-- ╔═══════════════════════════════════════════════════════╗
     ║  COMBAT — Écran principal de jeu                     ║
     ║  → Arène VS: joueur GAUCHE / monstre DROITE           ║
     ║  → Barres HP + PV texte + effets visuels              ║
     ║  → Exercices: renderExercisesForMode()                ║
     ║  → Sorts, Potions, Timer contre-attaque               ║
     ║  → Effets: sang, vignette, shake, étincelles crit     ║
     ║  Fonctionne pour: mode normal, donjon, duel épique    ║
     ╚═══════════════════════════════════════════════════════╝ -->
<div class="screen" id="game-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')" title="Accueil" style="display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                <path d="M 3 11 L 12 3 L 21 11 L 21 20 Q 21 21 20 21 L 15 21 L 15 14 L 9 14 L 9 21 L 4 21 Q 3 21 3 20 Z" fill="currentColor" fill-opacity="0.15"/>
                <path d="M 3 11 L 12 3 L 21 11" />
                <path d="M 5 10 L 5 20 Q 5 21 6 21 L 18 21 Q 19 21 19 20 L 19 10" />
                <path d="M 9 21 L 9 14 L 15 14 L 15 21" />
            </svg>
        </button>
        <button class="nav-btn" onclick="showScreen('profile')" title="Profil" style="display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
                <circle cx="12" cy="8" r="4" fill="currentColor" fill-opacity="0.15"/>
                <circle cx="12" cy="8" r="4"/>
                <path d="M 4 21 Q 4 14 12 14 Q 20 14 20 21" fill="currentColor" fill-opacity="0.1"/>
                <path d="M 4 21 Q 4 14 12 14 Q 20 14 20 21"/>
            </svg>
        </button>
    </div>
    <div id="energy-bar-container" style="display:none;margin-bottom:8px;">
        <span id="energy-label2">⚡ 0/20</span>
        <div id="energy-orbs2"></div>
        <span id="energy-regen-timer2" style="color:#888;font-size:0.8em;margin-left:auto;"></span>
    </div>
<div id="debuff-display"></div>
    <!-- Barre de combat simplifiée : seulement PV joueur -->
    <div style="display:flex;gap:10px;padding:8px 12px;margin-bottom:8px;background:rgba(0,0,0,0.3);border-radius:12px;align-items:center;">
        <span style="font-size:0.7em;font-weight:700;text-transform:uppercase;color:#aaaab7;letter-spacing:0.1em;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;">
            <svg viewBox="0 0 24 24" width="14" height="14" style="flex-shrink:0;"><path d="M 12 21 C 12 21 4 14.5 4 9 C 4 6 6 4 8.5 4 C 10.5 4 12 5.5 12 5.5 C 12 5.5 13.5 4 15.5 4 C 18 4 20 6 20 9 C 20 14.5 12 21 12 21 Z" fill="#4ecdc4" stroke="#2a8a84" stroke-width="1"/></svg>
            PV
        </span>
        <div style="flex:1;position:relative;height:18px;border-radius:9px;overflow:hidden;background:rgba(0,0,0,0.5);">
            <div id="player-hp-bar" style="height:100%;width:100%;background:linear-gradient(90deg,#22cc44,#44ff66);border-radius:9px;transition:width 0.7s cubic-bezier(0.23,1,0.32,1), background 0.3s ease;"></div>
        </div>
        <span id="game-hp" style="font-size:0.85em;font-weight:900;color:#4ecdc4;white-space:nowrap;min-width:90px;text-align:right;">100 / 100</span>
        <!-- IDs cachés pour compatibilité -->
        <span id="game-level" style="display:none;">1</span>
        <span id="game-bonus" style="display:none;">0</span>
        <span id="game-gold"  style="display:none;">0</span>
        <span id="game-endurance" style="display:none;">0</span>
    </div>

    <!-- [v14.32] Barre PV ENNEMI — juste sous celle du joueur, visible en permanence pendant le combat -->
    <div id="enemy-hp-container" style="display:none;gap:10px;padding:8px 12px;margin-bottom:10px;background:rgba(40,0,0,0.35);border:1px solid rgba(255,68,68,0.25);border-radius:12px;align-items:center;">
        <span style="font-size:0.7em;font-weight:700;text-transform:uppercase;color:#ff9999;letter-spacing:0.1em;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;">
            <svg viewBox="0 0 24 24" width="14" height="14" style="flex-shrink:0;"><path d="M 12 2 C 7 2 3 5.5 3 10.5 C 3 13 4 14.5 5 15.5 L 5 18 L 7 18 L 7 20 L 9 20 L 9 18 L 11 18 L 11 20 L 13 20 L 13 18 L 15 18 L 15 20 L 17 20 L 17 18 L 19 18 L 19 15.5 C 20 14.5 21 13 21 10.5 C 21 5.5 17 2 12 2 Z" fill="#ff5544" stroke="#8a1010" stroke-width="1"/><circle cx="8.5" cy="11" r="1.8" fill="#1a0000"/><circle cx="15.5" cy="11" r="1.8" fill="#1a0000"/><path d="M 10 14.5 L 10 16 M 12 14.5 L 12 16 M 14 14.5 L 14 16" stroke="#1a0000" stroke-width="1" stroke-linecap="round"/></svg>
            <span id="enemy-hp-label">Ennemi</span>
        </span>
        <div style="flex:1;position:relative;height:18px;border-radius:9px;overflow:hidden;background:rgba(0,0,0,0.5);">
            <div id="enemy-hp-bar" style="height:100%;width:100%;background:linear-gradient(90deg,#ff2222,#ff6666);border-radius:9px;transition:width 0.7s cubic-bezier(0.23,1,0.32,1), background 0.3s ease;box-shadow:0 0 10px rgba(255,68,68,0.3);"></div>
        </div>
        <span id="enemy-hp-text" style="font-size:0.85em;font-weight:900;color:#ff6b6b;white-space:nowrap;min-width:90px;text-align:right;">- / -</span>
    </div>

    <div id="dungeon-progress" class="hidden" style="text-align:center;margin-bottom:15px;">
        <div style="font-size:1.3em;color:#ff6b6b;">
            Donjon actuel : <span id="dungeon-name">Rang E</span>
        </div>
    </div>
<div id="epic-duel-menu" class="nav-buttons hidden" style="margin-top:10px; flex-wrap:wrap;">
    <button class="mode-btn" onclick="startEpicDuel('Monarque Horreur')">Monarque Horreur</button>
    <button class="mode-btn" onclick="startEpicDuel('Monarque des Ombres')">Monarque des Ombres</button>
    <button class="mode-btn" onclick="startEpicDuel('Archidémon Abyssal')">Archidémon Abyssal</button>
    <button class="mode-btn" onclick="startEpicDuel('Hydre Mortelle')">Hydre Mortelle</button>

        <!-- Condition Voyant -->
    <div style="width:100%;text-align:center;margin-top:8px;font-size:0.8em;color:#ccc;">
        <label style="cursor:pointer;">
            <input type="checkbox" id="voyant-condition">
            Je peux faire au moins 20 tractions d'affilée et 40 dips d'affilée<!-- [PNJ-IMG 2026-06-12] apostrophe fix -->
        </label>
    </div>

    <button class="mode-btn" onclick="tryStartVoyantEpicDuel()">Voyant</button>

    <button class="mode-btn" onclick="startEpicDuel('Boss 2')">Boss 2</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 3')">Boss 3</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 4')">Boss 4</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 5')">Boss 5</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 6')">Boss 6</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 7')">Boss 7</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 8')">Boss 8</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 9')">Boss 9</button>
    <button class="mode-btn" onclick="startEpicDuel('Boss 10')">Boss 10</button>
</div>


    <div class="battle-arena arena-E" id="battle-arena">
        <!-- Overlay de debuff visuel -->
        <div class="debuff-overlay" id="debuff-overlay"></div>
        
        <!-- AVATAR VS MONSTER — Écran style jeu de combat -->
        <!-- [2026-07-17 v10 FLEX-FILL] chaque carte = ratio de SON image (image complète, 0 rognage, 0 bordure) ;
             hauteur fixe, largeur de chaque côté = hauteur × ratio, VS entre les 2, panneau largeur = contenu. -->
        <div id="combat-vs-screen" style="position:relative;width:fit-content;max-width:96vw;height:clamp(210px,48vw,360px);margin:0 auto 10px;border-radius:14px;overflow:hidden;background:#0a0a0a;box-shadow:0 4px 30px rgba(0,0,0,0.8);display:flex;align-items:stretch;justify-content:center;">
            <!-- Fond flouté -->
            <div id="combat-vs-bg" style="position:absolute;inset:0;background:linear-gradient(90deg,#0a0c18 0%,#1a0a05 50%,#0a0c18 100%);z-index:0;pointer-events:none;"></div>
            <!-- Éclairs au centre -->
            <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(255,140,0,0.15),transparent 60%);z-index:1;pointer-events:none;"></div>
            <div style="position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:linear-gradient(180deg,transparent,rgba(255,140,0,0.6),rgba(255,60,0,0.8),rgba(255,140,0,0.6),transparent);z-index:2;box-shadow:0 0 20px rgba(255,100,0,0.5);pointer-events:none;"></div>

            <!-- Joueur (gauche) — carte au ratio de l'image (fitEl fixe slot.style.width) -->
            <div class="mx-sf-slot" style="position:relative;height:100%;width:auto;aspect-ratio:0.7;flex:0 0 auto;z-index:3;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:4em;">
                <div id="combat-player-avatar" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;">👤</div>
            </div>

            <!-- VS entre les 2 cartes (flex item → tombe pile sur la jointure) -->
            <div style="position:relative;z-index:4;flex:0 0 auto;align-self:center;margin:0 -0.14em;font-family:Cinzel,serif;font-size:2.5em;font-weight:900;color:#ff8800;text-shadow:0 0 30px rgba(255,100,0,0.8),0 0 60px rgba(255,60,0,0.4),0 2px 4px #000;letter-spacing:0.05em;animation:vsPulse2 1.5s infinite;pointer-events:none;">VS</div>

            <!-- Monstre (droite) -->
            <div class="mx-sf-slot" style="position:relative;height:100%;width:auto;aspect-ratio:0.7;flex:0 0 auto;z-index:3;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:4em;">
                <div id="combat-monster-avatar" style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;">👹</div>
            </div>

            <!-- Barres/noms : cachés (HUD externe #mx-combat-hud) — conteneurs bordurés vides masqués -->
            <div style="display:none;position:absolute;left:5%;bottom:8px;width:35%;height:10px;background:rgba(0,0,0,0.6);border:1px solid #ff4444;border-radius:3px;z-index:5;overflow:hidden;">
                <div id="combat-player-hp-bar" style="height:100%;width:100%;background:linear-gradient(90deg,#ff2222,#ff4444);border-radius:3px;transition:width 0.7s cubic-bezier(0.23,1,0.32,1);"></div>
            </div>
            <div id="combat-player-shield-bar-container" style="display:none;position:absolute;left:5%;bottom:20px;width:35%;height:6px;background:rgba(0,0,0,0.6);border:1px solid #4488ff;border-radius:3px;z-index:5;overflow:hidden;box-shadow:0 0 8px rgba(68,136,255,0.5);">
                <div id="combat-player-shield-bar" style="height:100%;width:100%;background:linear-gradient(90deg,#2266ff,#44aaff);border-radius:3px;transition:width 0.3s;"></div>
                <div id="combat-player-shield-text" style="position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:0.55em;color:#fff;font-weight:900;text-shadow:0 1px 2px #000;letter-spacing:0.05em;">🛡️</div>
            </div>
            <div id="combat-player-buffs" style="position:absolute;left:5%;top:8px;z-index:6;display:flex;gap:4px;flex-wrap:wrap;max-width:40%;"></div>
            <div style="display:none;" id="combat-player-name">Joueur</div>
            <div style="display:none;position:absolute;right:5%;bottom:8px;width:35%;height:10px;background:rgba(0,0,0,0.6);border:1px solid #00cccc;border-radius:3px;z-index:5;overflow:hidden;">
                <div id="combat-monster-hp-bar" style="height:100%;width:100%;background:linear-gradient(90deg,#00aaaa,#00cccc);border-radius:3px;transition:width 0.7s cubic-bezier(0.23,1,0.32,1);"></div>
            </div>
            <div style="display:none;" id="combat-monster-name2"></div>
            <!-- Flash critique blanc -->
            <div id="combat-crit-flash"></div>
            <!-- Teinte rouge joueur progressive -->
            <div id="combat-player-tint"></div>
            <!-- Overlay danger (sang + vignette rouge + obscurité) -->
            <div id="combat-danger-overlay"></div>
            <!-- Container pour les gouttes de sang -->
            <div id="blood-container" style="position:absolute;inset:0;pointer-events:none;z-index:15;border-radius:14px;overflow:hidden;"></div>
        </div>
        <style>@keyframes vsPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.85}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}
        @keyframes vsPulse2{0%,100%{transform:scale(1);opacity:0.85}50%{transform:scale(1.12);opacity:1}}</style>

        <!-- [RESTAURÉ v96-fix] MONSTRE — name, sprite, barre HP -->
        <div class="monster-container" style="display:none;">
            <div class="monster-name" id="monster-name">Gobelin</div>
            <div class="monster-sprite" id="monster-sprite"></div>
            <div class="health-bar-container" style="position:relative;">
                <div id="monster-hp-text" style="text-align:center;font-size:1.3em;font-weight:900;color:#ff4444;text-shadow: 0 0 12px rgba(255,68,68,0.8), 0 1px 3px #000;margin-bottom:5px;letter-spacing:0.08em;font-family:'Space Grotesk',sans-serif;">50 / 50</div>
                <div style="position:relative;height:16px;border-radius:8px;overflow:hidden;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.1);">
                    <div id="monster-health-bar" style="width:100%;height:100%;background:linear-gradient(90deg,#22cc44,#44ff66);border-radius:8px;transition:width 0.7s cubic-bezier(0.23,1,0.32,1), background 0.3s ease;"></div>
                </div>
            </div>
        </div>

        <!-- [RESTAURÉ v96-fix] CHRONOMÈTRE D'ATTAQUE ENNEMI -->
        <div id="enemy-attack-timer" style="display:none;">
            <div class="timer-text">
                <svg viewBox="0 0 24 24" width="12" height="12" style="vertical-align:middle;margin-right:4px;"><path d="M 3 3 L 6 3 L 6 6 L 17 17 L 21 21 L 17 21 L 17 17 L 6 6 L 3 6 Z" fill="currentColor"/></svg>ATTAQUE DANS <span id="attack-timer-value">2:00</span>
            </div>
            <div class="timer-bar-bg">
                <div class="timer-bar" id="attack-timer-bar" style="width:100%"></div>
            </div>
        </div>

        <!-- [RESTAURÉ v96-fix] BOUTONS EXERCICES (pompes/squats/abdos/tractions) -->
        <div class="exercise-section">
            <div class="exercise-buttons" id="exercise-buttons"></div>
        </div>

        <!-- [RESTAURÉ v96-fix] COMPTEUR DE REPS + ATTAQUER -->
        <!-- [2026-09-15 — UN APPUI A COTE DU +1 EFFACAIT TOUTE LA SERIE, trouve par audit]
             Ce fond appelait cancelExercise() sans confirmation ni message : le joueur qui
             vise le bouton +1 et rate d un centimetre perd ses quarante repetitions, en
             silence. Et ce geste est REDONDANT — un vrai bouton ✕ existe juste en dessous.
             On ne l enleve pas completement : quand rien n est compte, fermer d un appui a
             cote reste pratique et ne coute rien. Des qu il y a des repetitions en jeu, on
             refuse et on renvoie vers le bouton prevu pour ca. -->
        <div class="counter-section hidden" id="counter-section" onclick="if(event.target===this){try{if((window.gameState&&gameState.exerciseCount)>0){if(typeof showMessage==='function')showMessage('👆 Utilise le bouton ✕ pour annuler — tes répétitions sont gardées','info-message');}else{cancelExercise();}}catch(e){}}">
          <div class="counter-modal-card">
            <div style="font-size:1.4em;margin-bottom:15px;" id="current-exercise-name"></div>
            <div class="counter-display" id="counter">0</div>
            <div>
                <button class="action-btn" onclick="incrementCounter(1)">+1 REP</button>
                <button class="action-btn" onclick="incrementCounter(5)">+5</button>
                <button class="action-btn" onclick="incrementCounter(10)">+10</button>
                <button class="action-btn" onclick="incrementCounter(20)">+20</button>
                <button class="action-btn" onclick="completeExercise()"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;margin-right:5px;"><path d="M 3 3 L 6 3 L 6 6 L 17 17 L 21 21 L 17 21 L 17 17 L 6 6 L 3 6 Z" fill="currentColor"/><path d="M 15 15 L 18 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg><span style="vertical-align:middle;">ATTAQUER !</span></button>
                <button class="action-btn" onclick="cancelExercise()"><svg viewBox="0 0 24 24" width="14" height="14" style="vertical-align:middle;"><path d="M 5 5 L 19 19 M 19 5 L 5 19" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/></svg></button>
            </div>
          </div>
        </div>

        <!-- [RESTAURÉ v96-fix] SECTION POTIONS EN COMBAT -->
        <div id="combat-potions" style="margin-top:15px;padding:10px;background:rgba(0,0,0,0.3);border-radius:12px;border:1px solid rgba(255,255,255,0.1);">
            <div style="font-size:0.9em;color:#888;margin-bottom:8px;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px;"><svg viewBox="0 0 24 24" width="13" height="13" style="vertical-align:middle;margin-right:5px;"><path d="M 10 2 L 10 8 L 6 14 L 6 20 Q 6 22 8 22 L 16 22 Q 18 22 18 20 L 18 14 L 14 8 L 14 2 Z" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M 8 14 L 16 14" stroke="currentColor" stroke-width="1.2"/><circle cx="10" cy="17" r="1" fill="currentColor" opacity="0.6"/><circle cx="13" cy="19" r="0.7" fill="currentColor" opacity="0.5"/><path d="M 9 2 L 15 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg><span>Potions</span></div>
            <div id="combat-potions-btns" style="display:flex;gap:8px;flex-wrap:wrap;justify-content:center;"></div>
        </div>

        <!-- [RESTAURÉ v96-fix] MESSAGE COMBAT -->
        <div class="message hidden" id="message"></div>

    </div><!-- /battle-arena -->
</div><!-- /game-screen -->

    <!-- MUSIQUES [v14.33] Nouveau système simplifié :
         son4 = accueil/jeu de base (music-global)
         son1 = donjons
         son2 = mode défi normal
         son3 = mode défi épique (epic-duel) -->
    <!-- [PERF 2026-06-15] preload="none" : ~9 Mo de musique (son4 4,9Mo + son2 3,5Mo + son3) ne se
         téléchargent PLUS au boot — chargés à la 1ʳᵉ lecture (play()). Gros gain de 1ᵉʳ chargement. -->
    <audio id="music-global" src="son/son4.mp3" loop preload="none"></audio>
    <audio id="music-normal" src="son/son2.mp3" loop preload="none"></audio>
    <audio id="music-epic"   src="son/son3.mp3" loop preload="none"></audio>
    <!-- [cleanup 2026-06] preload="none" : ces musiques de donjon (toutes son1.mp3) ne servent
         qu'en donjon, pas au boot. Évite 7 requêtes son1.mp3 au démarrage. -->
    <audio id="music-donjon-e"      src="son/son1.mp3" loop preload="none"></audio>
    <audio id="music-donjon-e-plus" src="son/son1.mp3" loop preload="none"></audio>
    <audio id="music-donjon-c"      src="son/son1.mp3" loop preload="none"></audio>
    <audio id="music-donjon-d"      src="son/son1.mp3" loop preload="none"></audio>
    <audio id="music-donjon-d-plus" src="son/son1.mp3" loop preload="none"></audio>
    <audio id="music-donjon-s"      src="son/son1.mp3" loop preload="none"></audio>
    <audio id="music-voyant"          src="son/son1.mp3" loop preload="none"></audio>

    <!-- ÉCRAN DÉFIS QUOTIDIENS -->
    <!-- ========== ÉCRAN : DÉFIS QUOTIDIENS ========== -->
    <!-- +==========================================================+
         |  ÉCRAN DÉFIS QUOTIDIENS                                   |
         |  Défis qui changent chaque jour (reset à minuit).          |
         |  Récompenses bonus pour motiver le joueur à revenir.       |
         +==========================================================+ -->

<!-- ========== ÉCRAN : GUILDES / CLANS ========== -->
<div class="screen" id="guild-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    <div id="guild-section-header" class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
      <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.22) 0%, transparent 65%);">
        <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
          <defs>
            <linearGradient id="guildG" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#fff5d6"/><stop offset="50%" stop-color="#ffd700"/><stop offset="100%" stop-color="#8a6810"/>
            </linearGradient>
          </defs>
          <!-- Blason pointé -->
          <path d="M 10 8 L 54 8 L 54 34 Q 54 46 32 58 Q 10 46 10 34 Z" fill="url(#guildG)" stroke="#3a2614" stroke-width="1"/>
          <!-- Croix centrale -->
          <rect x="29" y="14" width="6" height="32" fill="#8a0022" stroke="#3a0010" stroke-width="0.3"/>
          <rect x="16" y="24" width="32" height="6" fill="#8a0022" stroke="#3a0010" stroke-width="0.3"/>
          <!-- Lion / couronne au sommet -->
          <path d="M 24 12 L 32 6 L 40 12 L 40 16 L 24 16 Z" fill="#ff4444" stroke="#3a0010" stroke-width="0.5"/>
          <circle cx="28" cy="14" r="1" fill="#ffd700"/>
          <circle cx="32" cy="12" r="1.2" fill="#ffd700"/>
          <circle cx="36" cy="14" r="1" fill="#ffd700"/>
          <!-- Reflet brillant -->
          <path d="M 14 12 L 14 30 Q 14 40 22 48" fill="none" stroke="#fff5d6" stroke-width="1.5" opacity="0.4"/>
        </svg>
      </div>
      <h2 class="section-luxe-title">La <em>Guilde</em></h2>
      <p class="section-luxe-caption">Rejoins une confrérie d'élite</p>
    </div>
    <div id="guild-content" style="max-width:800px;margin:0 auto;"></div>
</div>

<!-- ========== ÉCRAN : BATTLE PASS ========== -->
<div class="screen" id="battlepass-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    <div class="section-luxe-header" style="text-align:center; margin-bottom:10px;">
      <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.3) 0%, transparent 65%);">
        <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
          <defs>
            <linearGradient id="bpTicketG" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#fff5d6"/><stop offset="100%" stop-color="#c9a354"/>
            </linearGradient>
            <linearGradient id="bpStar" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#ffd700"/><stop offset="100%" stop-color="#8a6810"/>
            </linearGradient>
          </defs>
          <!-- Ticket -->
          <path d="M 8 20 L 56 20 Q 60 20 60 24 L 60 28 Q 54 28 54 32 Q 54 36 60 36 L 60 40 Q 60 44 56 44 L 8 44 Q 4 44 4 40 L 4 36 Q 10 36 10 32 Q 10 28 4 28 L 4 24 Q 4 20 8 20 Z"
                fill="url(#bpTicketG)" stroke="#5a3f12" stroke-width="0.8"/>
          <!-- Ligne de perforation au milieu -->
          <line x1="32" y1="20" x2="32" y2="44" stroke="#8a6a2a" stroke-width="0.5" stroke-dasharray="2,2"/>
          <!-- Étoile gauche -->
          <path d="M 18 32 L 19.5 28 L 24 28 L 20.5 31 L 22 35 L 18 33 L 14 35 L 15.5 31 L 12 28 L 16.5 28 Z" fill="url(#bpStar)"/>
          <!-- Chiffre de tier à droite -->
          <text x="46" y="36" text-anchor="middle" font-family="Cinzel, serif" font-weight="bold" font-size="12" fill="#8a0022">★</text>
          <!-- Couronne au sommet -->
          <path d="M 24 14 L 26 10 L 28 14 L 32 8 L 36 14 L 38 10 L 40 14 Z" fill="url(#bpStar)" stroke="#5a3f12" stroke-width="0.4"/>
        </svg>
      </div>
      <h2 class="section-luxe-title">ICE FITNESS <em>PASS</em></h2>
      <p class="section-luxe-caption">Débloque les récompenses de la saison</p>
    </div>
    <p style="text-align:center;color:#888;font-size:0.8em;margin-bottom:15px;">Saison en cours — Progresse pour débloquer des récompenses !</p>
    <div id="battlepass-content" style="max-width:800px;margin:0 auto;"></div>
</div>

<!-- ========== ÉCRAN : DÉFI DE LA SEMAINE ========== -->
<div class="screen" id="weekly-challenge-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
      <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 70%, rgba(255, 68, 68, 0.3) 0%, transparent 65%);">
        <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
          <defs>
            <radialGradient id="wkChalG" cx="50%" cy="80%" r="70%">
              <stop offset="0%" stop-color="#fff5d6"/><stop offset="30%" stop-color="#ffd700"/><stop offset="70%" stop-color="#ff4444"/><stop offset="100%" stop-color="#6a0010"/>
            </radialGradient>
          </defs>
          <!-- Crâne stylisé -->
          <ellipse cx="32" cy="28" rx="18" ry="16" fill="url(#wkChalG)" stroke="#2a0010" stroke-width="0.8"/>
          <!-- Yeux creux -->
          <ellipse cx="26" cy="28" rx="3" ry="4" fill="#0a0a0f"/>
          <ellipse cx="38" cy="28" rx="3" ry="4" fill="#0a0a0f"/>
          <!-- Pupilles lumineuses -->
          <circle cx="26" cy="28" r="1" fill="#ff4444" opacity="0.9"/>
          <circle cx="38" cy="28" r="1" fill="#ff4444" opacity="0.9"/>
          <!-- Mâchoire -->
          <path d="M 20 38 L 24 50 L 28 44 L 32 50 L 36 44 L 40 50 L 44 38 Z" fill="url(#wkChalG)" stroke="#2a0010" stroke-width="0.6"/>
          <!-- Flammes latérales -->
          <path d="M 10 20 Q 8 12 14 10 Q 14 18 16 20 Z" fill="#ff4444" opacity="0.85"/>
          <path d="M 54 20 Q 56 12 50 10 Q 50 18 48 20 Z" fill="#ff4444" opacity="0.85"/>
        </svg>
      </div>
      <h2 class="section-luxe-title">Défi de la <em>Semaine</em></h2>
      <p class="section-luxe-caption">Un boss unique chaque semaine</p>
    </div>
    <div id="weekly-challenge-content" style="max-width:800px;margin:0 auto;"></div>
</div>

<!-- ========== ÉCRAN : PROGRAMME D\'ENTRAÎNEMENT ========== -->
<div class="screen" id="training-program-screen">
    <div class="nav-buttons">
        <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
    </div>
    <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
      <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(78, 205, 196, 0.22) 0%, transparent 65%);">
        <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
          <defs>
            <linearGradient id="progG" x1="0" y1="0" x2="0" y2="1">
              <stop offset="0%" stop-color="#a8ffe8"/><stop offset="60%" stop-color="#4ecdc4"/><stop offset="100%" stop-color="#1a5a58"/>
            </linearGradient>
          </defs>
          <!-- Haltère -->
          <rect x="22" y="28" width="20" height="8" rx="2" fill="#2a4a58" stroke="#0a2028" stroke-width="0.6"/>
          <rect x="10" y="20" width="10" height="24" rx="3" fill="url(#progG)" stroke="#0a2028" stroke-width="0.8"/>
          <rect x="44" y="20" width="10" height="24" rx="3" fill="url(#progG)" stroke="#0a2028" stroke-width="0.8"/>
          <!-- Reflets poids -->
          <rect x="12" y="23" width="3" height="12" rx="1" fill="#fff5d6" opacity="0.45"/>
          <rect x="46" y="23" width="3" height="12" rx="1" fill="#fff5d6" opacity="0.45"/>
          <!-- Petits chiffres -->
          <text x="15" y="36" text-anchor="middle" font-family="Cinzel" font-size="5" fill="#0a2028" opacity="0.7">50</text>
          <text x="49" y="36" text-anchor="middle" font-family="Cinzel" font-size="5" fill="#0a2028" opacity="0.7">50</text>
          <!-- Étoile de progression -->
          <g transform="translate(52 12)">
            <path d="M 0 -3 L 1 -1 L 3 0 L 1 1 L 0 3 L -1 1 L -3 0 L -1 -1 Z" fill="#ffd700"/>
          </g>
        </svg>
      </div>
      <h2 class="section-luxe-title">Programme <em>Perso</em></h2>
      <p class="section-luxe-caption">Ton plan d'entraînement personnalisé</p>
    </div>
    <div id="training-program-content" style="max-width:800px;margin:0 auto;"></div>
</div>


        <div class="screen" id="daily-challenges-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')"><svg viewBox="0 0 24 24" width="15" height="15" style="vertical-align:middle;margin-right:5px;flex-shrink:0;"><path d="M 3 12 L 12 3 L 21 12 M 5 10 L 5 20 L 19 20 L 19 10 M 10 20 L 10 14 L 14 14 L 14 20" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg><span style="vertical-align:middle;">Accueil</span></button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255, 215, 0, 0.25) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
              <defs>
                <radialGradient id="dailyG" cx="50%" cy="50%" r="50%">
                  <stop offset="0%" stop-color="#fff5d6"/>
                  <stop offset="40%" stop-color="#ffd700"/>
                  <stop offset="100%" stop-color="#8a6810"/>
                </radialGradient>
              </defs>
              <!-- Cible concentrique -->
              <circle cx="32" cy="32" r="24" fill="#ff4444" stroke="#2a0010" stroke-width="0.8"/>
              <circle cx="32" cy="32" r="18" fill="#fff5d6" stroke="#2a0010" stroke-width="0.5"/>
              <circle cx="32" cy="32" r="12" fill="#ff4444" stroke="#2a0010" stroke-width="0.5"/>
              <circle cx="32" cy="32" r="6" fill="#fff5d6" stroke="#2a0010" stroke-width="0.4"/>
              <circle cx="32" cy="32" r="2.5" fill="url(#dailyG)"/>
              <!-- Flèche plantée -->
              <g transform="rotate(-20 32 32)">
                <rect x="31" y="-2" width="2" height="38" fill="#6b4424"/>
                <path d="M 28 -4 L 32 -10 L 36 -4 Z" fill="#c9dfff" stroke="#3a4a6a" stroke-width="0.4"/>
                <path d="M 28 34 L 24 38 L 28 36 Z M 36 34 L 40 38 L 36 36 Z" fill="#c9a354"/>
              </g>
            </svg>
          </div>
          <h2 class="section-luxe-title">Défis <em>Quotidiens</em></h2>
          <p class="section-luxe-caption">3 défis renouvelés chaque jour</p>
        </div>
        <p style="text-align:center;color:#888;margin-bottom:20px;">Complète ces défis pour des récompenses bonus !</p>
        <div id="daily-challenges-list" style="max-width:800px;margin:0 auto;"></div>
        <div style="text-align:center;margin-top:20px;color:#666;font-size:0.9em;">
            Les défis se renouvellent chaque jour à minuit.
        </div>
    </div>
    
    <!-- ÉCRAN MODE SURVIE -->
    <!-- ========== ÉCRAN : MODE SURVIE ========== -->
    <!-- +==========================================================+
         |  ÉCRAN MODE SURVIE                                        |
         |  Vagues infinies de monstres de + en + forts.              |
         |  Le joueur gagne des récompenses à chaque vague.           |
         |  Game over quand les PV tombent à 0.                       |
         |  Score = nombre de vagues survécues.                       |
         +==========================================================+ -->
    <div class="screen" id="survival-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="endSurvivalMode()">🏠 Abandonner</button>
        </div>
        <div style="text-align:center;margin-bottom:20px;">
            <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
              <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(255, 0, 255, 0.3) 0%, transparent 65%);">
                <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
                  <defs>
                    <radialGradient id="survG" cx="50%" cy="40%" r="60%">
                      <stop offset="0%" stop-color="#fff5d6"/><stop offset="50%" stop-color="#ff00ff"/><stop offset="100%" stop-color="#3a003a"/>
                    </radialGradient>
                  </defs>
                  <!-- Crâne maudit violet -->
                  <ellipse cx="32" cy="28" rx="20" ry="18" fill="url(#survG)" stroke="#2a0020" stroke-width="0.8"/>
                  <!-- Cornes -->
                  <path d="M 14 20 Q 8 10 14 6 Q 18 14 20 20 Z" fill="url(#survG)" stroke="#2a0020" stroke-width="0.6"/>
                  <path d="M 50 20 Q 56 10 50 6 Q 46 14 44 20 Z" fill="url(#survG)" stroke="#2a0020" stroke-width="0.6"/>
                  <!-- Yeux creux brillants -->
                  <ellipse cx="25" cy="28" rx="4" ry="5" fill="#0a000a"/>
                  <ellipse cx="39" cy="28" rx="4" ry="5" fill="#0a000a"/>
                  <circle cx="25" cy="28" r="1.5" fill="#ff00ff"/>
                  <circle cx="39" cy="28" r="1.5" fill="#ff00ff"/>
                  <!-- Fissures -->
                  <path d="M 20 18 L 24 22 M 44 18 L 40 22" stroke="#2a0020" stroke-width="0.8"/>
                  <!-- Mâchoire dents -->
                  <path d="M 22 40 L 24 48 L 28 44 L 32 48 L 36 44 L 40 48 L 42 40 Z" fill="url(#survG)" stroke="#2a0020" stroke-width="0.6"/>
                  <line x1="28" y1="42" x2="28" y2="46" stroke="#2a0020" stroke-width="0.5"/>
                  <line x1="32" y1="42" x2="32" y2="46" stroke="#2a0020" stroke-width="0.5"/>
                  <line x1="36" y1="42" x2="36" y2="46" stroke="#2a0020" stroke-width="0.5"/>
                </svg>
              </div>
              <h2 class="section-luxe-title">Mode <em>Survie</em></h2>
              <p class="section-luxe-caption">Résiste aux vagues sans fin d'ennemis</p>
            </div>
            <div style="display:flex;justify-content:center;gap:30px;margin:15px 0;">
                <div style="background:rgba(255,0,255,0.2);padding:15px 25px;border-radius:15px;border:2px solid #ff00ff;">
                    <div style="font-size:0.8em;color:#888;">VAGUE</div>
                    <div id="survival-wave" style="font-size:2em;color:#ff00ff;font-weight:bold;">0</div>
                </div>
                <div style="background:rgba(255,215,0,0.2);padding:15px 25px;border-radius:15px;border:2px solid #ffd700;">
                    <div style="font-size:0.8em;color:#888;">ÉLIMINATIONS</div>
                    <div id="survival-kills" style="font-size:2em;color:#ffd700;font-weight:bold;">0</div>
                </div>
                <div style="background:rgba(255,68,68,0.2);padding:15px 25px;border-radius:15px;border:2px solid #ff4444;">
                    <div style="font-size:0.8em;color:#888;">RECORD</div>
                    <div id="survival-best" style="font-size:2em;color:#ff4444;font-weight:bold;">0</div>
                </div>
            </div>
        </div>
        <div id="survival-arena" style="max-width:800px;margin:0 auto;"></div>
    </div>
    
    <!-- ÉCRAN CHAT -->
    <div class="screen" id="chat-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showScreen('welcome')">🏠 Retour</button>
            <button class="nav-btn" onclick="showFriendsScreen()">👥 Amis</button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:14px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(129, 236, 255, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="52" height="52" aria-hidden="true">
              <defs>
                <linearGradient id="chatBubG" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#a8f0ff"/><stop offset="100%" stop-color="#3a8aaa"/>
                </linearGradient>
              </defs>
              <!-- Bulle principale -->
              <path d="M 10 16 L 54 16 Q 58 16 58 20 L 58 40 Q 58 44 54 44 L 26 44 L 18 54 L 20 44 L 10 44 Q 6 44 6 40 L 6 20 Q 6 16 10 16 Z"
                    fill="url(#chatBubG)" stroke="#0a3a5a" stroke-width="0.8"/>
              <!-- Points de message -->
              <circle cx="22" cy="30" r="2.5" fill="#fff5d6"/>
              <circle cx="32" cy="30" r="2.5" fill="#fff5d6"/>
              <circle cx="42" cy="30" r="2.5" fill="#fff5d6"/>
              <!-- Petite bulle à côté -->
              <ellipse cx="48" cy="12" rx="5" ry="4" fill="#4ecdc4" stroke="#0a3a5a" stroke-width="0.6" opacity="0.75"/>
            </svg>
          </div>
          <h2 class="section-luxe-title"><em>Chat</em></h2>
          <p class="section-luxe-caption">Discute avec les autres monarques</p>
        </div>
        <div id="chat-content" style="max-width:700px;margin:0 auto;"></div>
    </div>

    <!-- ÉCRAN AMIS -->
    <div class="screen" id="friends-screen">
        <div class="nav-buttons">
            <button class="nav-btn" onclick="showChatScreen()">💬 Chat</button>
            <button class="nav-btn" onclick="showScreen('welcome')">🏠 Retour</button>
        </div>
        <div class="section-luxe-header" style="text-align:center; margin-bottom:14px;">
          <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(78, 205, 196, 0.22) 0%, transparent 65%);">
            <svg viewBox="0 0 64 64" width="52" height="52" aria-hidden="true">
              <defs>
                <linearGradient id="friendG1" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#a8ffe8"/><stop offset="100%" stop-color="#1a5a58"/>
                </linearGradient>
                <linearGradient id="friendG2" x1="0" y1="0" x2="0" y2="1">
                  <stop offset="0%" stop-color="#ffcc88"/><stop offset="100%" stop-color="#8a5a2a"/>
                </linearGradient>
              </defs>
              <!-- Ami 1 (gauche) -->
              <circle cx="20" cy="22" r="8" fill="url(#friendG1)" stroke="#0a3a38" stroke-width="0.6"/>
              <path d="M 8 48 Q 8 36 20 36 Q 32 36 32 48 L 32 54 L 8 54 Z" fill="url(#friendG1)" stroke="#0a3a38" stroke-width="0.6"/>
              <!-- Ami 2 (droite) -->
              <circle cx="44" cy="22" r="8" fill="url(#friendG2)" stroke="#5a3a0a" stroke-width="0.6"/>
              <path d="M 32 48 Q 32 36 44 36 Q 56 36 56 48 L 56 54 L 32 54 Z" fill="url(#friendG2)" stroke="#5a3a0a" stroke-width="0.6"/>
              <!-- Cœur d'amitié au milieu -->
              <path d="M 32 10 C 32 10, 28 6, 28 2 C 28 0, 30 -1, 32 1 C 34 -1, 36 0, 36 2 C 36 6, 32 10, 32 10 Z"
                    transform="translate(0 6)" fill="#ff4d6d" stroke="#5a0015" stroke-width="0.3"/>
            </svg>
          </div>
          <h2 class="section-luxe-title">Mes <em>Amis</em></h2>
          <p class="section-luxe-caption">Ta liste de compagnons de combat</p>
        </div>
        <div id="friends-content" style="max-width:600px;margin:0 auto;"></div>
    </div>

    <!-- MODAL DIALOGUE BOSS -->
    <div id="boss-dialogue-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10000;align-items:center;justify-content:center;">
        <div style="background:linear-gradient(145deg,#1a0000,#2a0010);border:3px solid #ff4444;border-radius:20px;padding:30px;max-width:600px;width:90%;text-align:center;">
            <div id="boss-dialogue-icon" style="font-size:5em;margin-bottom:20px;animation:pulse 2s infinite;"></div>
            <div id="boss-dialogue-name" style="font-size:1.5em;color:#ff4444;font-weight:bold;margin-bottom:15px;"></div>
            <div id="boss-dialogue-text" style="color:#ccc;font-size:1.1em;margin-bottom:25px;font-style:italic;"></div>
            <div id="boss-dialogue-choices" style="display:flex;flex-direction:column;gap:10px;"></div>
        </div>
    </div>

    <!-- MODAL GESTION DES COMPTES -->
    <div id="account-modal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.95);z-index:10001;">
        <div style="background:linear-gradient(145deg,#1a1a2e,#16213e);border:3px solid #4ecdc4;border-radius:20px;padding:30px;max-width:500px;width:90%;text-align:center;">
            <div class="section-luxe-header" style="text-align:center; margin-bottom:20px;">
              <div class="section-luxe-icon" style="background:radial-gradient(circle at 50% 50%, rgba(78, 205, 196, 0.22) 0%, transparent 65%);">
                <svg viewBox="0 0 64 64" width="56" height="56" aria-hidden="true">
                  <defs>
                    <linearGradient id="accG" x1="0" y1="0" x2="0" y2="1">
                      <stop offset="0%" stop-color="#a8ffe8"/><stop offset="100%" stop-color="#1a5a58"/>
                    </linearGradient>
                  </defs>
                  <!-- Silhouette personnage -->
                  <circle cx="32" cy="22" r="10" fill="url(#accG)" stroke="#0a3a38" stroke-width="0.8"/>
                  <path d="M 14 54 Q 14 36 32 36 Q 50 36 50 54 Z" fill="url(#accG)" stroke="#0a3a38" stroke-width="0.8"/>
                  <!-- Clé tournante superposée -->
                  <g transform="translate(42 42) rotate(-20)">
                    <circle cx="0" cy="0" r="4" fill="#ffd700" stroke="#5a3f12" stroke-width="0.5"/>
                    <circle cx="0" cy="0" r="1.5" fill="#5a3f12"/>
                    <rect x="3" y="-0.8" width="10" height="1.6" fill="#ffd700" stroke="#5a3f12" stroke-width="0.3"/>
                    <rect x="10" y="-2.5" width="2" height="1.5" fill="#5a3f12"/>
                    <rect x="12" y="-2" width="2" height="1.5" fill="#5a3f12"/>
                  </g>
                  <!-- Badge vérifié -->
                  <circle cx="46" cy="18" r="4" fill="#4ecdc4" stroke="#0a3a38" stroke-width="0.4"/>
                  <path d="M 44 18 L 46 20 L 48 16" fill="none" stroke="#fff5d6" stroke-width="1" stroke-linecap="round"/>
                </svg>
              </div>
              <h2 class="section-luxe-title">Gestion des <em>Comptes</em></h2>
              <p class="section-luxe-caption">Gère tes profils et sauvegardes</p>
            </div>
            
            <div id="account-list" style="margin-bottom:20px;"></div>
            
            <div style="border-top:2px solid #333;padding-top:20px;margin-top:20px;">
                <h3 style="color:#ffd700;margin-bottom:15px;">➕ Créer un nouveau compte</h3>
                <input type="text" id="new-account-name" placeholder="Nom du compte" style="
                    width:80%;padding:12px;margin-bottom:10px;
                    background:#222;border:2px solid #4ecdc4;border-radius:10px;
                    color:#fff;font-size:1em;text-align:center;
                ">
                <input type="password" id="new-account-password" placeholder="Mot de passe (8+ chars, 1 MAJ, 1 chiffre)" style="
                    width:80%;padding:12px;margin-bottom:15px;
                    background:#222;border:2px solid #ffd700;border-radius:10px;
                    color:#fff;font-size:1em;text-align:center;
                ">
                <button onclick="createAccount()" style="
                    padding:12px 30px;background:linear-gradient(135deg,#4ecdc4,#44a8a0);
                    border:none;border-radius:10px;color:#000;font-weight:bold;font-size:1em;cursor:pointer;
                ">Créer le compte</button>
            </div>
            
            <button onclick="closeAccountModal()" style="
                margin-top:20px;padding:10px 25px;
                background:#ff6b6b;border:none;border-radius:10px;
                color:#fff;font-weight:bold;cursor:pointer;
            ">✕ Fermer</button>
        </div>
    </div>

    <!-- ÉCRAN DE LOGIN AU DÉMARRAGE -->
    <!-- +==========================================================+
         |  ÉCRAN DE LOGIN / INSCRIPTION                             |
         |  Affiché au démarrage du jeu.                              |
         |  Deux onglets : Connexion et Création de compte.           |
         |  Supporte Firebase Auth (email/password).                  |
         |  Option "Jouer en invité" sans sauvegarde cloud.           |
         +==========================================================+ -->
    <!-- ╔═══════════════════════════════════════════════════════════╗ -->
    <!-- ║  [v14.64] LOGIN SCREEN — Redesign éditorial luxe          ║ -->
    <!-- ║  Inspiré du style Cormorant Garamond + texture grain +    ║ -->
    <!-- ║  radial gradients chauds. Adapté au thème RPG sombre.     ║ -->
    <!-- ║  Toutes les IDs des inputs/boutons sont PRÉSERVÉES.       ║ -->
    <!-- ╚═══════════════════════════════════════════════════════════╝ -->

    <!-- [Phase 1 split] FIX : 2 </div> manquants (battle-arena + game-screen).
         Lors de l'extraction des <script> du monolithe, les 2 </div> de fermeture
         de #battle-arena (L2919) et #game-screen (L2832) ont été perdus, ce qui
         imbriquait #login-screen DANS .screen { display:none }, donc invisible.
         Ne pas supprimer ces 2 lignes ! -->
    </div><!-- /battle-arena (ouvert ligne 2919) -->
    </div><!-- /game-screen (ouvert ligne 2832) -->

    <div id="login-screen" style="display:none;position:fixed;inset:0;background:#03050a;z-index:10002;overflow-y:auto;overflow-x:hidden;">
      <!-- [v14.96] FOND simplifie (video retiree car cri + lag) -->
      <div id="login-bg-container" style="position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;">
          <div style="position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%, rgba(10,10,25,0.1) 0%, rgba(5,5,12,0.7) 55%, #03050a 90%);"></div>
          <div style="position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.55) 0%,transparent 25%,transparent 70%,rgba(0,0,0,0.8) 100%);"></div>
          <div style="position:absolute;inset:0;box-shadow:inset 0 0 250px rgba(255,0,40,0.22);"></div>
          <div style="position:absolute;top:-40px;left:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(129,236,255,0.12),transparent 60%);filter:blur(20px);"></div>
          <div style="position:absolute;bottom:-40px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(201,124,255,0.1),transparent 60%);filter:blur(20px);"></div>
      </div>
      <div class="lx-wrap" style="position:relative;z-index:1;">
        <div class="lx-card">
          
          <!-- BARRE SUPÉRIEURE : marque + langues -->
          <div class="lx-top">
            <div class="lx-brand"><span>Train Yourself</span></div>
            <!-- [2026-06-14] Choix de langue RETIRÉ du login (anglais par défaut).
                 Le sélecteur complet (8 langues + drapeaux) reste dans Réglages en jeu. -->
            <div class="lx-langs">
              <span class="lx-lang active" title="English" style="cursor:default;">ENG</span>
            </div>
          </div>
          
          <!-- BADGE "fondée en..." style luxe -->
          <div class="lx-badge">
            <span class="lx-pulse"></span>
            <span class="lx-div"></span>
            <span data-i18n="cloud_info">Royaume en ligne • Sauvegarde cloud</span>
          </div>
          
          <!-- TITRE PRINCIPAL (pas de data-i18n pour préserver l'italic <em>) -->
          <h1 class="lx-title" id="lx-login-title"><em>MONARCH</em></h1>
          <p class="lx-subtitle" id="lx-login-subtitle">Forge ta légende parmi les monarques. Traverse les donjons, affronte les boss épiques et hisse ton rang au sommet.</p>
          
          <!-- MESSAGE D'ERREUR -->
          <div class="lx-error" id="login-error"></div>
          
          <!-- ONGLETS -->
          <div class="lx-tabs">
            <button id="tab-login" class="lx-tab active" onclick="showLoginTab('login'); updateLoginTabs()" data-i18n="tab_login">Connexion</button>
            <button id="tab-register" class="lx-tab" onclick="showLoginTab('register'); updateLoginTabs()" data-i18n="tab_register">Créer un compte</button>
          </div>
          
          <!-- FORMULAIRE CONNEXION -->
          <div id="login-form">
            <div class="lx-field">
              <label class="lx-label" data-i18n="label_email">Email</label>
              <input type="email" id="login-email" class="lx-input" placeholder="ton@email.com" autocomplete="email">
            </div>
            <div class="lx-field">
              <label class="lx-label" data-i18n="label_password">Mot de passe</label>
              <input type="password" id="login-password" class="lx-input" placeholder="••••••••" autocomplete="current-password" onkeydown="if(event.key==='Enter')loginWithFirebase()">
            </div>
            <!-- v69 : Checkbox Se souvenir de moi -->
            <div id="mx-remember-row" style="display:flex;align-items:center;gap:10px;margin:6px 0 14px;padding:8px 4px;font-family:'Rajdhani','Cinzel',sans-serif;">
              <input type="checkbox" id="mx-remember-cb" style="appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid rgba(255,215,74,.55);border-radius:5px;background:rgba(0,0,0,.35);cursor:pointer;position:relative;flex-shrink:0;">
              <label for="mx-remember-cb" id="mx-remember-lbl" style="color:#d8e6ff;font-size:0.95em;letter-spacing:0.5px;cursor:pointer;user-select:none;margin:0;">Se souvenir de moi</label>
            </div>
            <button onclick="loginWithFirebase()" id="login-btn" class="lx-btn lx-btn-primary" data-i18n="login_btn_luxury">Entrer dans le royaume</button>
            <button onclick="resetPasswordFirebase()" class="lx-link" data-i18n="forgot_password_short">Mot de passe oublié ?</button>
          </div>
          <!-- v69 : JS Remember Me (load/save credentials) -->
          
          <!-- FORMULAIRE CRÉATION -->
          <div id="register-form" style="display:none;">
            <div class="lx-field">
              <label class="lx-label" data-i18n="label_pseudo">Pseudo de héros</label>
              <input type="text" id="login-new-name" class="lx-input" placeholder="ex. Aragorn" autocomplete="username">
            </div>
            <div class="lx-field">
              <label class="lx-label" data-i18n="label_email">Email</label>
              <input type="email" id="login-new-email" class="lx-input" placeholder="ton@email.com" autocomplete="email">
            </div>
            <div class="lx-field">
              <label class="lx-label" data-i18n="label_password">Mot de passe</label>
              <input type="password" id="login-new-password" class="lx-input" placeholder="6 caractères, 1 MAJ, 1 chiffre" autocomplete="new-password">
            </div>
            <input type="hidden" id="login-difficulty" value="normal">
            <button onclick="registerWithFirebase()" id="register-btn" class="lx-btn lx-btn-primary" data-i18n="register_btn_luxury">Forger mon compte</button>
          </div>
          
          <!-- INVITÉ (séparateur "ou" retiré v69) -->
          <button onclick="playAsGuest()" class="lx-btn lx-btn-secondary" style="margin-top:14px;" data-i18n="guest_btn_luxury">Jouer en invité</button>
          
        </div>
      </div>
    </div>
    

    <!-- SFX coup ennemi -->
    <audio id="sfx-hit" preload="none"></audio><!-- [FIX] src sang-et-gore.mp3 absent → retiré (évite l'erreur média) -->


<!-- ============================================================ -->
<!--   MONARQUE FX PACKS v15  (A + A++ + B + C)                  -->
<!--   Injection automatique avant la fermeture de body.          -->
<!--   PACK MASTER v73 FLOWFIX - 15 steps + locks (fitness/equip/exercise/kill) + popup bypass tuto + forced login -->
<!--   [FIX 2026-08-08] ce bloc contenait un commentaire IMBRIQUE : la  -->
<!--   fermeture du commentaire interne fermait aussi l'externe, si     -->
<!--   bien qu'une fleche parasite s'affichait A L'ECRAN au-dessus des  -->
<!--   bulles, avec en prime une balise de fermeture de body parasite.  -->
<!--   Tout est additif, zero suppression de l'existant.         -->
<!-- ============================================================ -->


<!-- ============================================================ -->
<!--   MONARQUE FX PACKS v16  (D + E)                           -->
<!--   D = Login Horror (silhouettes + sang permanent + glitch) -->
<!--   E = Daily Reward 2026 (SVG modernes + UI gaming)         -->
<!-- ============================================================ -->


<!-- ============================================================ -->
<!--   MONARQUE FX PACK v17  (F)                                -->
<!--   F = Login AAA 2026 (titre 3D horror + HUD + couronne)    -->
<!-- ============================================================ -->


<!-- ============================================================ -->
<!--   MONARQUE FX PACK v18  (G)                                -->
<!--   G = FIX bug visibility + Combattants 3D + Glitch++       -->
<!-- ============================================================ -->


<!-- PACK v19 (H) — fix titre + combattants v2 réalistes -->


<!-- PACK v20 (I) — autofit titre + fumée + pluie (sans combattants) -->


<!-- PACK v22 (J-bis) — hotfix titre minimal (depuis v20) -->


<!-- PACK v23 (J-ter) — force titre par spécificité max -->


<!-- PACK v24 (K) — punition v2 : 3 options gems/vidéo/accept + i18n -->


<!-- PACK v25 (L) — vraie pénalité XP -50% sur accept -->


<!-- PACK v26 (M) — popup reprise combat mode défi normal -->


<!-- PACK v27 (N) — fix agressif resume fight (wrap immédiat + click interceptor) -->


<!-- PACK v28 (O) — musique d'accueil auto + bouton mute -->


<!-- PACK v29 (P + Q) — fond fumée in-game + fix sons + daily force + popup exercice -->


<!-- PACK v30 (R) — popup compteur + médaille D + réanimation boss + BP boost -->


<!-- PACK v31 (S) — compteur inline (pas modal flottant) + retire bouton choisir exercice -->


<!-- PACK v32 (T) — filtre monstres épiques mode normal + renomme Défi en Commencer + tuto EN -->


<!-- PACK v33 (U) — déplace counter-section au DESSUS exercise-buttons + sync class -->


<!-- PACK v34 (V) — Tutoriel V3 refonte 2026 (PNJ + spotlight + arrow + skip + origin/fitness obligatoires) -->


<!-- PACK v35 (W) — fix tuto V3 : Next clickable, overlay transparent, mini combat gobelin interactif -->


<!-- PACK v36 (X) — Tuto V3 STRICT selon doc Word : retire 'comment combattre' et 'énergie', flèches obligatoires, double spotlight, PNJ alternatif -->


<!-- PACK v37 (Y) — Tutoriel V4 REFONTE PROPRE (désactive V/W/X) : overlay léger, PNJ réalistes, mini-combat gobelin visible, avance auto au kill -->


<!-- PACK v38 (Z) — Tuto V4 fix sélecteurs (lottery=joker, retour home auto, déplie sections collapsées) -->


<!-- PACK v39 (AA) — popup boss-warning : retire emoji ⚠️/⚔️, ajoute SVG crâne horror + SVG cœur HP + SVG épée DMG -->


<!-- PACK v40 (BB) — suspend daily reward + autres modals pendant tuto V4 -->


<!-- PACK v41 (CC) — Wrap IMMEDIAT checkDailyReward (50ms vs 1500ms du jeu), bloque daily tant que tuto V4 non fait, force affichage à fin tuto -->


<!-- PACK v42 (DD) — Spotlight HOLE strict (4 masques noirs autour target), RAF sync continu, combat normal détecté auto -->


<!-- PACK v43 (EE) — fix flux click-start (no auto-advance) → kill 1 monstre détecté → étape go-home spotlight Accueil → shop -->


<!-- PACK v44 (FF) — Tuto V4 enrichi : shop+lottery+training+rest+duel-epique+monthly-boss+sagas+donjon (avertissement strict)+settings, auto retour-home entre chaque -->


<!-- PACK v45 (GG) — PNJ image icone/pnj.png + cache card pendant kill (jouable) + Voyd image icone/the_voyd.png -->


<!-- PACK v46 (HH) — Étape 3 équipements images+stats, retire étape ready, fix watcher kill robuste, filtre Corrupted Feline mode normal -->


<!-- PACK v47 (II) — auto-launch tuto V4 après playAsGuest/login/register, images équipements existants (amulette_demoniaque, amulette_ancete, arc_du_gobelin), wrap spawnMonster pour fix kill watcher (2e spawn = kill) -->


<!-- PACK v48 (JJ) — Auto-launch ROBUSTE tuto V4 : watch loop 1s + DOM observer, garantit lancement à la 1ère ouverture après login -->


<!-- PACK v49 (KK) — Équipements overlay top + auto-nav toutes étapes + kill-2 monsters auto-retour-home + purge EXTRAMONSTERS direct pour retirer suicune à la source -->


<!-- PACK v50 (LL) — Fix ULTIME tuto : re-spawn si monstre epic, auto-click Mode Normal dans training popup, kill counter via global __pkLLKillCount (survit aux conflits autres packs), auto-launch agressif 1s -->


<!-- PACK v51 (MM) — 5 features multijoueur ISOLÉS (préfixes avatar_/meteo_/market_/pvp_/coop_) : avatar Firebase Storage, 14 météos combat, marketplace global runTransaction, PvP 1v1 temps réel avec debounce, coop 2v1 avec règle 2 attaques -->


<!-- PACK v52 (NN) — Finalisation multijoueur : avatar resize canvas, 14 effets météo branchés au combat, PvP heartbeat+ELO K32+sorts/potions+matchmaking random, Coop règle 2 attaques+résurrection 3💎+XP proportionnelle, Marketplace filtres+historique+notifier -->


<!-- PACK v54 (OO) — avatar refresh auto après upload + débloque PvP Arena (menu défi ami/random/meteo) + débloque Auction House (→ market_openScreen) -->


<!-- PACK v55 (PP) — Fix final tuto : Suicune NUKED via wrap spawnMonster 30 retries + nuclearPurge currentMonster, 1 kill suffit (au lieu 2), auto-Mode Normal au start, retire masques noirs (transparence) + glow renforcé sur target -->


<!-- PACK v56 (QRS) — Firebase Performance Monitoring + Error logs Firestore + Remote Config (12 valeurs default) + Mailbox UI listener pending messages + Guild XP share slider 0-100% + Guild boost +5%/level + Guild Chat realtime onSnapshot -->


<!-- PACK v57 (UU) — Tuto refonte étapes 5-13 STRICT : attente clic Start, attente victoire combat (currentMonster.hp 0), puis Marché/Modes/Donjons/Loterie/Profil/Paramètres avec bouton Suivant manuel obligatoire entre chaque -->


<!-- PACK v58 (VV) — Fix DÉFINITIF : (1) Corrupted Feline REMPLACÉ post-spawn par buildCurrentMonster avec template valide (au lieu de splice EXTRAMONSTERS qui ne marchait pas car const), (2) Watcher kill PERMANENT (setInterval 300ms) qui détecte mort via change name OU HP 0 OU monster gone et avance auto le tuto si étape kill-1-monster ou wait-victory -->


<!-- PACK v59 (WW) — Fix race condition login → tuto : hook showScreen('welcome') + wrap playAsGuest/login/register avec multi-retry 8x600ms + watch loop agressif 500ms pendant 30s, reset autoLaunched si retour login -->


<!-- PACK v60 (XX) — HARD BLOCK Corrupted Feline (boucle while 50 retries dans spawnMonster avec pré-purge pool) + hook completeExercise pour détecter kill direct (HP→0 ou monstre changé) + MutationObserver health bar 0% pour double sécurité — avance auto le tuto si étape kill -->


<!-- PACK v61 (YY) — SUPPRESSION TOTALE Félin Corrompu/suicune.png du EXTRAMONSTERS source (3 lignes retirées) + Refonte tuto étapes 6-13 (1 monster, shop+familiers+sorts, supprime modes-jeu, donjon avant lottery, ajoute heal-zone, profil+activités, settings+défis/battle pass) + image the_VOYD.png dans bloc THE VOYD -->


<!-- PACK v62 (ZZ) — Tuto FINAL : textes locked Object.defineProperty writable:false (14 etapes : welcome/goblin/gold-xp/legendary/click-start/wait-victory/shop+familiers+sorts/dungeons+scrolltop/lottery 1er coffre garanti equipement sans pub/inventory equiper/profile/heal/settings/final), wrap login Guest/Firebase/Register avec setTimeout 300ms+1500ms FORCE, 1er coffre tuto = starter sword sans pub video, scroll top dungeons, skip btn descendu en bas pour liberer mute, anti-ecrasement getSteps toutes 2s -->


<!-- PACK v63 (AAA) — 4 chantiers : (1) bypass training-mode-popup au start direct combat avec dernier mode utilise (memorisé via _lastTrainingMode), (2) renomme Mode Pompes->Pectoraux + Mode Squats->Jambes (dans TRAINING_CATEGORIES + DOM live) + bouton 'Changer Mode ▼' visible dans l'arène, (3) claimFitnessRewards() avec récompenses par rang E-S (200or-3500or, 500-6000xp, 5-30 gemmes) + sécurité 1x/jour _lastFitnessClaim, (4) bloque trackTrainingProgramExercise pendant combat (indépendance fitness vs combat) + génération auto quêtes par rang via MX_generateDailyQuestsByRank avec multiplicateur 0.7 à 2.5 -->


<!-- v94T FORCE TUTO LAUNCH (additif minimal) -->

<!-- v94U : bloque scrollTo(0) auto pendant step change-exercise -->

<!-- v94X : fix saccade step 8 + popup explication modes au click Next -->

<!-- v94Y : auto-skip step 6 (click-start) ET fix routing step 9 (shop) + step 10 (lottery) + carte tuto cache pour lottery -->

<!-- v95A : spotlight barre mode step 8 + bloquer Next step 8 sans changement mode + kill -->

<!-- v95B : skip "Let's explore" via texte + detection kills via _winStreak + detection mode via gameState -->

<!-- v95C : skip step 9 shop + step 10 carte tuto compact en haut a droite -->

<!-- v95D : force carte tuto step 10 a droite via JS au cas ou CSS override insuffisant -->

<!-- v95E : hook ouverture coffre lottery → next step apres animation -->

<!-- v95F : bloquer redirection auto vers inventory pendant step 10 lottery -->

<!-- v95K : step 14 (id=settings) redirige vers heal-screen au lieu de settings -->


<!-- ============================================================
     PACK v95AL_FREECHEST — Coffre gratuit refondu
     Le coffre Bronze (lootType:'all') donne désormais GARANTI :
       - Or
       - XP
       - 2 équipements vedettes (depuis chest.featuredItems)
     ============================================================ -->

<!-- ============================================================
     PACK v95AM_BUFFITEMS — RETIRÉ
     poison_1..4.png et sentinel_4.png sont des CLASSES de personnage,
     pas des items équipables. Le pack a été supprimé.
     ============================================================ -->

<!-- ============================================================
     PACK v95AN_RUNIQUE — Rééquilibrage + nouvelle rareté RUNIQUE
     - Crée la rareté runique (top tier, ⚜️) avec 8 items élite
     - Rééquilibre les stats du pool (common -15%, epic +5%, leg +15%)
     - Baisse drastiquement la proba legendary
     - Ajoute proba runique très faible (1-5% direct + 20% sur jackpot)
     - L'Épée du Monarque Sanguinaire est runique mais indropable
       (drop boss only, déjà câblé ligne 22655)
     ============================================================ */

<!-- ============================================================
     PACK v95AP_FINALAUDIT — Coordination & safety fixes
     - Garantit l'ordre wrap v95AK puis v95AN sur _pickLootFromPool
     - Re-patche si l'ordre est inversé
     - Anti-régression sur fonctions critiques
     ============================================================ */

<!-- ============================================================
     PACK v95AR_TUTOONCE_NOMODEPOPUP
     1) Bypass GLOBAL du training-mode-popup (lance direct combat
        avec dernier mode utilisé, défaut = normal)
     2) Tuto V4 = UNE SEULE FOIS par compte (sync Firebase users/uid)
     3) Bouton "Refaire le tutoriel" dans Paramètres
     ============================================================ */

<!-- ============================================================
     PACK v95AS_LOREFIX — Mode Histoire donjons
     - Recalcule unlockedDungeons depuis zéro selon completedDungeons
       (pour fix états corrompus)
     - Wrap renderDungeonLore pour forcer un rebuild propre
     ============================================================ */

<!-- ============================================================
     PACK v95AT_FINALCHECK — Hardening final post-audit
     - Null-check renforcé sur Firebase auth (fbUid)
     - Robustification du rééquilibrage stats v95AN (NaN-safe)
     - Sommaire & commentaires HTML
     ============================================================ */
<!--
  ╔════════════════════════════════════════════════════════════╗
  ║  MONARQUE XD — RPG FITNESS v95L_GUILDORIGINS               ║
  ║  Single-file HTML game (Firebase + Cinzel/Rajdhani)        ║
  ║                                                              ║
  ║  ═══ SOMMAIRE GLOBAL DU FICHIER ═══                        ║
  ║  L. 1–4000      : <head>, CSS, polices, écran login        ║
  ║  L. 4000–9000   : HTML statique (écrans, modals)           ║
  ║  L. 9000–15500  : i18n FR/EN/ES (GAME_I18N)                ║
  ║  L. 15500–17500 : Données : EXERCISES, RANKS, classes,     ║
  ║                   DUNGEONS, monstres                       ║
  ║  L. 17500–24000 : Logique gameplay (player, combat, UI)    ║
  ║  L. 24000–30000 : Donjons, lore, exercices forcés          ║
  ║  L. 30000–35000 : Coffres (BOUFFON_CHESTS), loot,          ║
  ║                   DUNGEON_STORIES                          ║
  ║  L. 35000–40000 : Sauvegarde, sync, énergie                ║
  ║  L. 40000–45000 : Boutique gemmes (GEM_SHOP_ITEMS),        ║
  ║                   settings modal                           ║
  ║  L. 45000–50000 : Fitness, quêtes, training categories     ║
  ║  L. 50000–53000 : Tutoriel V4 (PNJ Aldric, mini-combat)    ║
  ║  L. 53000–60000 : Daily reward, défis, packs cosmetic      ║
  ║  L. 60000–70000 : Multijoueur (guild, pvp, hdv, coop)      ║
  ║  L. 70000–77500 : Packs v95M→v95AJ (fixes successifs)      ║
  ║  L. 77500–78600 : Packs v95AK→v95AT (loot, runique,        ║
  ║                   premium shop, tuto once, lore fix)       ║
  ║                                                              ║
  ║  ═══ PACKS RÉCENTS (v95AK→v95AT) ═══                       ║
  ║  v95AK  : Big loot pool 125 items réels                    ║
  ║  v95AL  : Coffre gratuit = or+xp+2 vedettes                ║
  ║  v95AM  : (retiré — poison/sentinel = classes pas items)   ║
  ║  v95AN  : Rareté Runique + 8 items élite + rebalance       ║
  ║  v95AO  : Exercises rééquilibrés (Burpees 30, Crunch 1)    ║
  ║  v95AP  : Audit safety + coordination wraps                ║
  ║  v95AQ  : Boutique Premium refondue + images packs         ║
  ║  v95AR  : Tuto une fois par compte + bypass mode popup     ║
  ║  v95AS  : Mode Histoire donjons fix (tous les rangs)       ║
  ║  v95AT  : Hardening final (null-check, NaN-safe)           ║
  ║                                                              ║
  ║  ═══ RAREZAS DROP ═══                                       ║
  ║  Common (gris)        : 14 items, coffre Bronze gratuit    ║
  ║  Rare (bleu)          : 41 items, Silver+                  ║
  ║  Epic (violet)        : 51 items, Gold+                    ║
  ║  Legendary (or)       : 19 items, Démon/Dragon/Diamond     ║
  ║  Runique (rose+or) ⚜️ : 8 items, Pack Voyd & Boss du Mois  ║
  ╚════════════════════════════════════════════════════════════╝
-->

<!-- ============================================================
     PACK v95AU_FORGE — Forge complète : fusion + boost
     - Fusion : 3 items IDENTIQUES (déjà patché en source ligne 38824)
     - Boost : nouveau système 3💎+200or, doublement à chaque niveau
     - UI accessible via bouton "⚡ Booster" dans la forge
     ============================================================ */

<!-- ============================================================
     PACK v95AV_RADARSTATS — Stats joueur en RADAR SVG hexagonal
     Remplace l'affichage texte par un graphique radar (style DBZ)
     6 axes : Force / Magie / Résistance / Agilité / Critique / Vampirisme
     ============================================================ */

<!-- ============================================================
     PACK v95AW_NEWRARITIES — 2 nouveaux rangs au-dessus de Runique
     - Mythique 🩸 : rouge sang + violet, accessible via fusion runique
     - Primordial 👑 : or pur + lumière divine, accessible via fusion mythique
     - PAS dropable des coffres (uniquement via forge)
     - Pools vides au départ → fusion utilise fallback synthétique x1.7 / x2.0
     ============================================================ */

<!-- ============================================================
     PACK v95AY_PASSIFS — Passifs de classe (5 voies × 4 tiers = 20)
     Chaque évolution active un passif EN PLUS (cumul tier 1 + tier 2 + tier 3 + tier 4)
     Affichage dans le profil + hooks combat pour les effets stats simples
     ============================================================ */

<!-- ============================================================
     PACK v95AZ_CHANGECLASS — Changer de classe pour 300 gemmes
     - Bouton dans le profil + paramètres
     - Reset playerClass + ouvre le sélecteur de classes
     ============================================================ */

<!-- ============================================================
     PACK v95BA_VIPERWIRE_AND_RESUME
     1) Câblage stun Basilic : monsterAttack skip si étourdi
     2) Popup confirmation Start mode normal : Reprendre / Recommencer
     ============================================================ */

<!-- ============================================================
     PACK v95BB_FORGEFIX_TUTOFIX
     1) Forge "atelier" (workshop) → redirige vers showAdvancedCraft
        (la VRAIE forge câblée par v95AU avec fusion + boost)
     2) Nouveau compte (register Firebase) → reset _tutorialV4Done
        + reset Firebase tutorialV4Done = false + force lance tuto
     ============================================================ */

<!-- ============================================================
     PACK v95BC_BIGFIX
     1) Forge : BRUTE FORCE — event delegation + override workshop screen
     2) Supprime "Bagarre vs Origines" (doublon avec Combat Gladiateur)
     3) Ajoute "Coop Combat Normal" dans le menu Coop
     4) Force boutons Créer/Rejoindre Guilde si pas dans une guilde
     ============================================================ */

<!-- ============================================================
     PACK v95BD_FIXSCREEN_INVITES
     1) Wrap showScreen pour FORCER le rendu guild + dungeons
        (ces 2 cas n'étaient pas câblés dans showScreen original)
     2) Liste joueurs en ligne dans Coop & 2v2 pour inviter direct
     3) Coop Normal sans donjon : utilise rang E par défaut
     ============================================================ */

<!-- ============================================================
     PACK v95BF_MEGAPACK
     1) ACHIEVEMENTS + PERCENTILE STATIQUE (32 achievements fitness+gameplay)
     2) NOTIFICATIONS PUSH (rappel fitness quotidien + boss du mois)
     3) PROFIL GRAPHIQUES (XP/jour, kills/jour, exos/jour, gold/jour)
     4) PASSIF MAGE ÉTINCELLE (10% chance de brûler 5 dmg/2 tours)
     ============================================================ */

<!-- ============================================================
     PACK v95M_USER_FIXES
     Corrige 4 problèmes signalés par le joueur :
     1) Popup "Continuer / Recommencer au début" sur Start mode normal
     2) Tutoriel forcé pour invités et nouveaux comptes
     3) Boutons "Mode Normal" et "Mode Coop" dans Paramètres
     4) Boutons Créer/Rejoindre toujours visibles dans la Guilde
     ============================================================ -->

<!-- ============================================================
     PACK v95N_AUDIO_AND_TUTO_FORCE
     1) Coupe la musique de fond (dame qui chante/crie) → fix lag
     2) Tutoriel STRICTEMENT forcé : if guest → tuto, if newUser → tuto
        Utilise MX_TUTO_V4 (système actif) + fallback showTutorial
     ============================================================ -->

<!-- ============================================================
     PACK v95O_USER_FIXES_2
     1) Bouton EMERGENCY "Skip Tutoriel" toujours visible
     2) Fix double popup mode normal (intercepteur PackN supprimé)
     3) PvP Arena : retire "under construction" + branche pvp_openMenu
     4) Boutons Coop Normal + Changer de classe (300💎) en plus dans Settings
     ============================================================ -->

<!-- ============================================================
     PACK v95P_FORCE_TUTO_FRESH
     Force le tuto pour TOUT compte vierge (totalXp=0, totalKills=0)
     OU explicitement marqué guest/new — sans aucune condition de welcome.
     Ne touche PAS aux comptes existants (qui ont _tutorialV4Done=true ou progression).
     ============================================================ -->

<!-- ============================================================
     PACK v95Q_FRIEND_SEARCH_FIX
     Améliore la recherche d'amis :
     - Cherche aussi en minuscules / majuscules / capitalize
     - Cherche dans presence ET players
     - Fallback : si rien trouvé, propose de partager son code/nom
     ============================================================ -->

<!-- ============================================================
     PACK v95R_MULTIPLAYER_FIXES
     Audit complet des modes multijoueurs + fixes :
     [1] Coop Normal toujours visible dans Settings (indépendant)
     [2] pvp_showResult() — écran résultat 1v1 manquant
     [3] MX_coop2_inviteFriend() — invitation ami manquante
     [4] updateCoopArenaUI() — refresh UI coop
     [5] Raid Guilde : retire WIP, branche contributeToRaid
     [6] PvP 2v2 : matchmaking minimal + transitions
     ============================================================ -->

<!-- ============================================================
     PACK v95S_DEEP_MULTIPLAYER
     1) Coop Normal RÉEL (sans donjon) — spawn EXTRAMONSTERS aléatoires
     2) PvP 2v2 matchmaking automatique via queue Firestore
     3) Chat guilde : alias et boot vérifié
     ============================================================ -->

<!-- ============================================================
     PACK v95T_ARENA_2V2_FULL
     Combat 2v2 complet — UI 4 joueurs, exercices, sync Firestore
     Win condition + récompenses
     ============================================================ -->


<!-- ============================================================
     PACK v95U_TUTO_BRUTE_FORCE
     Force le tuto pour TOUT nouveau compte Firebase exactement
     comme pour le mode invité — méthode brute :
     1) Wrappe registerWithFirebase (la vraie fonction d'inscription)
     2) Pendant 20s après inscription : essaie toutes les 500ms de lancer le tuto
     3) Stoppe dès que tuto est lancé OU _tutorialV4Done devient true
     ============================================================ -->

<!-- ============================================================
     PACK v95V_STEP8_KILLS_FIX
     Détecteur de kills tuto step 8 robuste avec 4 sources :
     1) delta gameState.totalKills
     2) delta gameState._winStreak
     3) transitions HP→0 du currentMonster
     4) compteur spawnMonster() depuis entrée step 8
     Plus : triche sur _winStreak pour faire converger v95B
     ============================================================ -->

<!-- ============================================================
     PACK v95W_TUTO_RADICAL
     Tutoriel custom autonome, ne dépend pas de MX_TUTO_V4.
     Se déclenche TOUJOURS pour :
     - playAsGuest()
     - registerWithFirebase()
     OU si gameState.totalXp === 0 ET _tutorialDoneV95W !== true
     ============================================================ -->


<!-- ============================================================
     PACK v95X_DEBUG_INDICATOR
     Affiche un badge visible en bas à droite pour confirmer que
     les patchs sont bien chargés. Si tu vois pas ce badge,
     c'est que tu charges un autre fichier que celui patché.
     ============================================================ -->

<!-- ============================================================
     PACK v95Y_TUTO_V4_FORCE
     Force le VRAI MX_TUTO_V4 (Aldric, gobelin, fitness program, 15 steps)
     pour les nouveaux comptes et le mode invité.
     N'utilise PAS de tuto custom — appelle directement window.MX_TUTO_V4.start()
     ============================================================ -->

<!-- ============================================================
     PACK v95Z_BIG_TUTO_BUTTON
     Bouton "LANCER LE TUTO" en surbrillance qui s'affiche pour :
     - Mode invité
     - Nouveaux comptes (totalXp=0, level=1)
     ET tant que _tutorialV4Done !== true.
     Clic = lance le VRAI MX_TUTO_V4. Une fois fini → bouton disparaît.
     ============================================================ -->


<!-- ============================================================
     PACK v95AA_KILL_AUTO_TUTO
     Désactive TOUS les auto-launches de tuto (v95M, v95P, v95U,
     ainsi que les setTimeout natifs dans registerWithFirebase et
     startGuest). Le tuto ne démarre QUE si MX_TUTO_V4.start() est
     appelé avec window.__MX_TUTO_MANUAL = true (le bouton v95Z).
     ============================================================ -->

<!-- ============================================================
     PACK v95AB_SIMPLE_TUTO_BTN
     Version SIMPLE et BRUTALE :
     - Bouton fixe TOUJOURS visible en haut au centre
     - Apparaît dès que document.body existe
     - Ne se cache QUE si l'utilisateur clique sur "Cacher" ou si tuto fini
     - Z-index max, position fixed, pointer-events auto
     ============================================================ -->

<!-- ============================================================
     PACK v95AC_COOP_NORMAL_SETTINGS
     Injection BRUTALE du bouton Coop Normal en HAUT du modal
     paramètres. Pas de magie : MutationObserver + querySelector.
     ============================================================ -->

  <!-- ============== JS modulaire (Phase 1 split) ============== -->
  <script defer src="jsmin/_bundle.js?h=8fab6f8b07"></script>
  <!-- [2026-07-06] BUNDLE ALLÉGÉ natif : médias lourds (.mp4/.mp3) chargés depuis Firebase sur l'app. NO-OP sur le web. -->
  <!-- [2026-07-07] LIVE UPDATES (OTA) : app native embarquée (offline OK) qui télécharge mes correctifs depuis Firebase, sans store. Rollback auto. NO-OP sur le web. -->
  <!-- [2026-07-07] HORS LIGNE : rend le mode Invité (100% local) évident quand pas de réseau. Purement additif (ne touche pas la sauvegarde). -->
  <!-- [i18n] shim window.currentLanguage : corrige les ~20 fichiers L(fr,en,es) bloqués en FR -->
  <!-- PERF AUDIT — désactivé (ralentissait via wrap setInterval/setTimeout) -->
  <!-- <script defer src="jsmin/v97-claude-PERF-AUDIT.js?h=2d84997d9a"></script> -->
  <!-- Stability fix : doit charger AVANT main.js pour intercepter setInterval tôt -->
<!-- [PERF 2026-08-07] empeche l'empilement des wrappers (spawnMonster 165ms -> ~10ms) -->
  <!-- KILL-TUTO-LOCKS : doit charger AVANT main.js pour capturer les setInterval tuto 100-400ms -->
  <!-- NO-TUTO : doit charger AVANT main.js pour intercepter les MutationObserver du tuto -->
  <!-- Phase 2.A — Module presence canonique (single writer pour presence/{me}) -->
<!-- [MARKET-UI 2026-06-12] -->
<!-- [2026-09-29] PARTIE INVITÉ ÉCRASÉE AU DÉMARRAGE : v348 (pendant son exécution), main-patches, v99-comeback-reward, v99-titles-system, v99-profile-save, v97-STABILITY-FIX appellent saveGameState() avant toute lecture → l état PAR DÉFAUT écrasait fitnessQuestComplete. Aucune sauvegarde locale écrite avant d avoir été relue. DOIT rester juste après main.js : chargé en fin de liste il arrivait 260 ms trop tard. Banc : scripts/_banc-sauvegarde-invite.mjs. Interrupteur : window.__mxSauvInviteOff -->
  <!-- [PERF] packs/p.js RETIRÉ : déco fumée/yeux/cendres (inutile, lourd) -->
  <!-- [PERF] packs/u.js RETIRÉ : tuto (désactivé) -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/v.js?h=4d372c04b2"></script> -->
  <!-- [PERF] packs/w.js + x.js RETIRÉS : tuto (désactivé) -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/y.js?h=f37a7a1ebd"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/z.js?h=69c27d220a"></script> -->
  <!-- [PERF] packs/dd.js RETIRÉ : tuto masques (désactivé) -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/ee.js?h=26fd86494d"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/ff.js?h=df90259518"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/gg.js?h=48071526a6"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/hh.js?h=65aed33c6c"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/ii.js?h=616e113194"></script> -->
  <!-- [2026-08-26 durcissement] GARDIEN DES GREFFES. 178 paquets remplacent une globale sans recopier ses marques __xxx ; le paquet precedent se croit desinstalle et se repose en boucle (fenetre quotidienne morte, double debit d energie, arbitre present deux fois). Charge TOT, ce gardien archive toutes les marques vues sur 64 globales chaudes (showScreen : 35 remplacements) et les repose apres chaque remplacement : l oubli n a plus d effet, sans toucher un seul des 178 fichiers. Patrouille 250 ms au demarrage puis 2 s. Pour les paquets futurs : MX_greffer(nom, fabrique). Interrupteur : window.__mxGardienOff -->
  <!-- [2026-08-14 demande user] TRAIN DOIT REPROPOSER LES 4 MODES. main-patches.js:8797 patchModePopup remplace showTrainingModePopup par une version qui ne l affiche JAMAIS : elle relance directement le dernier mode (_lastTrainingMode), d ou « je vais direct en Citadel ». Le contournement s installe par minuteries a 2/5/9 s et sort si __pkARpatched est deja pose : on pose donc ce drapeau nous-memes sur la fonction d origine avant la 2e seconde. Aucune ligne de main-patches.js modifiee. Interrupteur : window.__mxTrainChoixOff -->
  <!-- [2026-08-06 demande user] Slim Down RETIRÉ (nul) — Camera Training le remplace (onglet dans #mx-train-cats). Script non chargé.
  <script defer src="jsmin/v101-slim-program.js?h=e770d12509"></script> -->
  <!-- CITADEL déplacé en TOUT DERNIER (après v95M/v95O) pour gagner le détour startGameModeEnergy -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/v95O.js?h=d41051ca14"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/v95P.js?h=8d1ebd4dd6"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/v95V.js?h=06ab36f8db"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only) : <script defer src="jsmin/packs/v95AB.js?h=1022a62619"></script> -->

   <!-- Phase 2 - v96 fixes (charge en dernier) -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only debug) : <script defer src="jsmin/v96-claude-autotuto.js?h=092934f65d"></script> -->
  <!-- [NEW-TUTO 2026-06-15] ancien tuto retiré (tuto-only debug) : <script defer src="jsmin/v96-claude-tuto-diag.js?h=7408ef8637"></script> -->
  <!-- Phase 2.B — Module friends canonique (single writer pour friends + friend_requests) -->
  <!-- Phase 2.C — Module matchmaking canonique (challenge / accept / decline / cancel PvP) -->
  <!-- Phase 2.D — Module room canonique (observer pvp_matches active + heartbeat parallèle) -->
  <!-- Phase 2.E — Module combat canonique (intent attack/spell + bornes + stats) -->
  <!-- Phase 2.F — Module chat canonique (global / friend DM / guild — strictement isolés) -->
  <!-- Avatar Origin Guard — bloque le picker avatar tant qu'origin n'est pas définie -->
  <!-- Friends Strict — anti-fantômes : reset agressif au switch user + validation existence avant write -->
  <!-- Avatar Firestore Persist — origine + avatar persistés cross-device + UI refresh fiable -->
  <!-- Avatar Display Fix — origines/ inexistant → ORIGIN_PREVIEW_IMG + re-changement origine + DOM render -->
  <!-- Origin Persistence — await+verify Firestore write + pull serveur au login + sentinel anti-écrasement -->
  <!-- Avatar Routing — clic avatar → showAvatarSelector direct (skip menu intermédiaire) + boutons header origine/cadre -->
  <!-- Settings Fix — texte invisible + Battle Pass dans Bonus + Origine dans Compte (250 💎) -->
  <!-- [2026-06-18] Suppression de compte in-app (exigence Google Play / Apple) -->
  <!-- New User Flow — origine AVANT tuto, refus tuto persistent, mx-origin-confirmed relance tuto -->
  <!-- Façade canonique multijoueur — voir ARCHITECTURE.md -->
  <!-- Duel polish : dégâts flottants, shake on hit, avatars stables, modal résultat -->
  <!-- FRIENDS Anti-Flicker : couche de stabilité avatar côté affichage (debounce 10s) -->
  <!-- Duel Flow Fix : watcher global qui force l'entrée en arène quand status=active -->
  <!-- Duel Polish V2 : avatars +grands, 8 exercices, scaling level, no auto-heal -->

  <!-- Duel Sync : HP sync temps réel + backup modal victoire + grace period fix -->

  <!-- Defi Fix : victory quand HP=0, popup défi simplifié, popup reps -->

  <!-- PvP Rules Fix : pas d'auto-forfeit, draw sans pénalité, toast errors -->

  <!-- PvP V2 : remplace flux d'attaque (vraies stats, anti-regen, animations, timeout) -->

  <!-- HDV Redirect : redirige l'ancien HDV local vers MX_hdv2 Firestore -->

  <!-- Guild Redirect : redirige l'ancien système guilde local vers Firestore + search/browse -->

  <!-- Assure Social : try/catch + toast + auto-diag boot pour HDV/Guilde/PvP -->

  <!-- SYNC-FORCE : force saveToFirestore immédiat après op critique (bypass debounce 3s) -->
  <!-- CITADEL en DERNIER : son détour 'normal' → chapitres prime sur le popup resume de v95M/v95O -->
  <!-- NAV-FIX en dernier : popup resume → chapitres + clics carte garantis -->
  <!-- [2026-06-14] Duel épique : sagas groupées par exercice (filtre Pompes/Squats/…) -->
  <!-- [2026-06-14] Personnalisation de guilde : cadre + emblème (clic sur le logo/nom) -->
  <!-- [2026-06-15] v100-avatar-coalesce RETIRÉ : updateProfileAvatar est non-configurable
       + re-wrappé en boucle par 7 packs → la coalescence ne tenait pas. Le vrai gel
       (multi-secondes) venait du batch friends bloquant (corrigé dans FRIENDS-CLEAN). -->
  <!-- [2026-06-14] Quartier Social = classement top 5 par poids (Social District + Taverne) -->
  <!-- [2026-06-10] Cadres premium 4 tiers (Arcane & Runes) + picker rangé -->
  <!-- [2026-08-07] 12 cadres PEINTS (icone/cadres/*.png, centre transparent → avatar au milieu) -->
  <!-- FX d'impact modernes par origine (splash gobelin, balles robot…) -->
  <!-- [2026-06-12] STUDIO D'ANIMATIONS : attaques + victoires custom, pickers Réglages, sync PvP -->
  <!-- [2026-06-12] SKINS des boutons d'attaque (css/image/vidéo) — PvE+PvP+coop -->
  <!-- [2026-07-07 demande user] feature "Style des boutons d'attaque" (couleur/animation) RETIRÉE (inutile) :
       <script defer src="jsmin/v99-button-skins.js?h=0f2f75eab8"></script> -->
  <!-- [2026-06-12] Roadmap enrichie + vote communautaire (boss/idées) -->
  <!-- [2026-06-13] Animations de drop par rareté (commun→légendaire) -->
  <!-- [2026-06-13] Messages d'achat : invite boutique sur or/gemmes insuffisants -->
  <!-- [2026-06-18] Talents RETIRÉS du jeu (on garde les points de compétence) -->
  <!-- [2026-06-18] Compteur de reps par exercice (jour/semaine/à vie) → conditions de titres -->
  <!-- [2026-06-18] Système de titres : gratuits par score + premium animés (sans boost) -->
  <!-- Maps de combat : fonds chapitres 1-8 + sagas épiques -->
  <!-- Refonte guilde : raid mensuel + boosts partagés + marché + pièces -->
  <!-- [2026-06-11] Avatars rares ANIMÉS .mp4 (combat only, PvP inclus) + picker par rareté + heal ids supprimés -->
  <!-- [2026-06-11] REFONTE CONTENU : 12 chapitres explicites + sagas + donjons (EN DERNIER) -->
  <!-- [2026-06-24] Histoires d'intro de chapitre de saga -->
  <!-- [2026-06-23] Sagas multi-chapitres : sélection de chapitre + chapitres 2/3 payants en billets (croissant) -->
  <!-- [2026-07-02] Sélecteur de difficulté saga (Normal/Difficile/Ultime ×1/×3/×9) — APRÈS saga-chapters (wrap outermost) -->
  <!-- [2026-06-23] Parrainage RÉEL (lien Firestore parrain↔filleul) + anti faux-code + crédit du parrain + Cloud Function -->
  <!-- [2026-06-23] Firebase Analytics (GA4) : sessions/users auto + événements clés -->
  <!-- [2026-06-23] Remote Config → leviers d'équilibrage poussables depuis la console Firebase -->
  <!-- [2026-06-23] Classement Mondial (Niveau + PvP) — lit le snapshot serveur (Blaze) -->
  <!-- [2026-06-14] Système de capacités de boss (chapitre/saga/donjon) : bouclier, régén, résistance, rage, attaque dévastatrice -->
  <!-- [2026-06-15] HUD combat PvE : PV+noms ENTRE avatars et exercices + masque cadres redondants + cartes vertes -->
  <!-- [2026-06-17] REFONTE animations combat : impacts distincts par exercice + mort cinématique + buffs boss + victoire (remplace flash blanc/rouge) -->
  <!-- [2026-07-17] Cinématique ULTIME plein écran : THE VOYD Forme Parfaite (monstre le plus fort) -->
  <!-- [2026-06-25] Animation des barres de PV (joueur+monstre+HUD) sur dégâts/soin -->
  <!-- [2026-06-11] Dédup notifications : 1 seule carte par invite duel/coop/ami + carillon -->
  <!-- [2026-08-15] PURGE de la memoire empoisonnee par la faille des invitations coop. La fenetre d invitation portait l id FIXE coopb-invite-pop ; le dedoublonneur (v99-notif-dedup.js:25) en deduisait la cle « pop » pour TOUTE invitation, et marquait cette cle comme traitee au premier clic — 24 h pendant lesquelles chaque invitation suivante etait retiree en silence. L id est corrige a la source ; ce pack efface la seule cle « pop » deja inscrite chez les joueurs. DOIT passer AVANT v99-notif-dedup.js, qui charge le registre au chargement. Interrupteur : window.__mxNotifPurgeOff -->
  <!-- [PERF 2026-07-02] extra-dicts.js (PT/ZH/DE 441Ko) + extra-dicts3.js (TR/AR 329Ko) NE sont PLUS
       chargés au boot → chargés À LA DEMANDE par v99-i18n-lazy.js (au changement de langue). ~770Ko de
       JS en moins parsés au démarrage pour FR/EN/ES. -->
  <!-- [2026-06-15] Traductions du classement par poids (8 langues) — après les dicts + engine6 -->
  <!-- [2026-06-17] Re-traduction des modals/panneaux ouverts dynamiquement (Réglages restait en FR) -->
  <!-- [2026-06-17] Pack de complétion des dicos i18n (chaînes UI récoltées : settings + écrans) — 8 langues -->
  <!-- [2026-06-18] Traductions PT/ZH/DE/TR/AR des nouveaux textes (titres, packs, saga, no-talents) -->
  <!-- [2026-06-18] Traductions 7 langues de l'écran COFFRES (tiers / EN CONSTRUCTION / pub / items vedettes) -->
  <!-- [2026-06-19] PASSE i18n EXHAUSTIVE : 458 chaînes UI FR de tous les onglets traduites en 7 langues -->
  <!-- [2026-06-19] Strings du helper L(fr,en,es) (cartes anim-studio/button-skins/vote) → 7 langues, en/es alignés sur L pour le reverse -->
  <!-- [2026-06-26] Noms/descriptions de cadres (avatar+guilde) + titres de marche → 7 langues -->
  <!-- [2026-06-26] Lore saga + buffs/capacités de boss + sorts + bannières combat → 7 langues -->
  <!-- [2026-07-07] Descriptions des SORTS + POTIONS → 8 langues (étaient FR codées en dur) -->
  <!-- [2026-07-02] Messages de spécialité des boss de saga + sélecteur de difficulté → 8 langues -->
  <!-- [2026-07-22] Programme fitness + Centre d'Entraînement (Running/Salle) + noms d'exercices → 7 langues -->
<!-- [i18n 2026-07-27] noms/descriptions des 3 packs boutique en 8 langues -->
  <!-- [2026-06-17] Fallback image pour les équipements retirés (plus d'image cassée) -->
  <!-- [2026-06-19] Sauvegarde profil ROBUSTE : langue + cadre suivent le compte (cloud) + ré-application au login -->
  <!-- [2026-06-15] Musique par contexte : donjon (rang) / chapitre (idx) / saga (id) — config MX_CONTEXT_MUSIC, fallback défaut, respecte mute -->
  <!-- [2026-06-15] Onboarding léger 1ère session : 2 coachmarks non bloquants (combat + exercice réel), 1×, 8 langues -->
  <!-- [2026-06-15] Récompense PAS RÉELS (HealthKit iOS / Health Connect Android via Capacitor) + fallback web teaser -->
  <!-- [2026-06-15] Pont natif Capacitor : notifications locales (rappel quotidien) + vibrations sur les coups -->
  <!-- [2026-06-15] Push FCM : enregistrement + topic "all" → annonces depuis la console Firebase (no Cloud Functions) -->
  <!-- [2026-06-12] Flux guilde temps réel : accept instantané + toast demandes + notif refus -->
  <!-- [2026-06-12] FIX daily reward (chaîne de wraps récursive neutralisée) + anims de claim daily/BP -->
  <!-- [2026-06-11] Refonte FAMILIERS : roster réconcilié + évolutions + sorts 6h (EN DERNIER) -->
  <!-- [INV-PROFILE 2026-06-12] Décorateur classes inventaire + profil (raretés invp-*, héro pf-*, badge niveau or) -->
  <!-- [NEW-TUTO 2026-06-15] Déclencheur de tutoriel PROPRE (guest/create → tuto ; login → rien). Chargé EN DERNIER. -->
  <!-- [2026-06-24] TUTORIEL GUIDÉ COMPLET (guest/new user, 1×) — override MX_startTutorial du trigger -->
  <!-- [2026-06-15] PERF : coalesce updateAllUI (anti-lag changement d'avatar) — chargé EN DERNIER -->
<!-- [MAX REPS 2026-07-27] record sur une serie en haut du compteur -->
<!-- [COACH 2026-07-27] nudge variete d'exercices en fin de run monotone -->
  <!-- [CAMÉRA 2026-08-03 BÊTA] combat/entraînement caméra (reps réelles → dégâts) + coach vocal. Isolé, auto-injecté, engine MediaPipe chargé À LA DEMANDE (0 coût au boot). -->
  <!-- [2026-08-14] ALIAS CAMERA. Le module expose window.MXCameraPushups (mx-camera-pushups.js:1684) ; onze de mes packs lisent window.MXCamPushups, un global qui n existe NULLE PART (recherche exhaustive sur js/, jsmin/, index.html : zero affectation). Resultat : ces onze packs n ont jamais execute une ligne de leur logique, ni en dev ni en prod — d ou la camera qui redemande l autorisation a chaque ecran et ne survit pas au changement de monstre. Un accesseur suffit. Mesure (fausse camera, code deploye) : sans alias 0/11 packs installes ; avec alias 11/11, 2e monstre sans rappel de getUserMedia. Interrupteur : window.__mxAliasCamOff -->
  <!-- [2026-08-15 demande user] VERROU D ORIGINE. Aucun jeu web ne peut etre rendu incopiable (le navigateur doit l executer) : ce verrou rend la copie INUTILISABLE TELLE QUELLE. Sur une origine etrangere, les points d entree du coeur — combat camera, moteur de pose, detecteur, PvP, coop, chat video — sont neutralises en silence : le copieur obtient une coquille dont la mecanique centrale est morte, et doit retirer le verrou dans du minifie. LISTE PERMISSIVE, testee 11/11 : production, firebaseapp, canaux de previsualisation, localhost, 127.0.0.1, reseau local, file://, capacitor:// et ionic:// — une application store n est JAMAIS bloquee. En cas de doute on laisse passer. Ajout d origine sans toucher au code : window.MX_ORIGINES_OK = [...]. Interrupteur : window.__mxVerrouOrigineOff -->
  <!-- [2026-08-14 demande user] CONNEXION GOOGLE ET APPLE. Deux boutons dans l ecran de connexion. Aucune duplication du flux : loginWithFirebase (js/main.js:29498) leve le mode invite, arbitre local/cloud, restaure l avatar, relance le tuto, et QUINZE packs l enveloppent — on neutralise donc seulement firebaseLogin (js/firebase-config.js:431), deja fait par OAuth, et on appelle la fonction d origine. Popup, avec bascule automatique en redirection si le navigateur la refuse (webview). MESURE 14/08 : les deux fournisseurs rendent OPERATION_NOT_ALLOWED — ils doivent etre actives dans Firebase ▸ Authentication ▸ Sign-in method, sinon aucun code ne peut ouvrir la session ; on sonde et on l explique en clair au clic. Interrupteur : window.__mxOauthOff · MX_oauthDiag() -->
  <!-- [ANTI-FREEZE 2026-08-07] FIX freeze Firefox sur manips rapides : coalesce la cascade avatar (212 renders/changement) via debounce. Chargé tard pour wrapper les versions finales. -->
  <!-- [SIGNALEMENT 2026-08-07] bouton 🚩 en arène PvP + coop (modération quand on voit la caméra d'un inconnu) -->
  <!-- [PRO 2026-08-04] MONARCH PRO — abonnement (surcouche d'entitlement, 0 mutation d'inventaire). Chargé APRÈS packs/frames/avatar/camera pour wrapper leurs cibles. -->
  <!-- [2026-06-16] RÉÉQUILIBRAGE GLOBAL : PV monstres ×3 / dégâts ÷2 (réglable MX_MONSTER_HP_MULT/DMG_DIV) -->
  <!-- [2026-06-23] Anti-triche PvP : dégâts via Cloud Function pvpAttack (flag OFF par défaut, repli client). EN DERNIER pour wrapper après PVP-V2. -->
  <!-- [2026-06-24] Monétisation mobile : IAP RevenueCat + pubs AdMob (web = fallback gracieux). -->
  <!-- [2026-07-07] RÉGLAGE À DISTANCE (rbal-2) : édite packs + sorts + familiers + stats monstres (par nom) + stats items + leviers globaux (PV/dégâts/XP/drops) depuis la console Firebase (config/balance) → web + app en direct, sans rebuild. MX_balanceSeed() (admin) puis édite dans Firestore. -->
  <!-- [2026-06-24] Rétention : récompense de retour (welcome back) scalée sur l'absence. -->
  <!-- [2026-06-24] Système d'événements (rétention) : event Cyber (boss qui revient plus fort + coffres exclusifs). EN DERNIER pour wrapper monsterDefeated après les autres. -->
  <!-- [2026-07-07] AJOUT DE CONTENU À DISTANCE : édite config/content dans Firebase → nouveaux monstres (pool normal) + nouveaux événements (écran Événements), en direct, sans rebuild. APRÈS events pour wrapper monsterDefeated/openEvents en dernier. -->
  <!-- [2026-08-08] Les 3 bulles flottantes (événement / quêtes du jour / training day) regroupées dans UNE bulle qui les déploie au clic. EN DERNIER : les 3 modules propriétaires sont chargés. -->
  <!-- [2026-08-10] Coalescence des ecritures Firestore de presence. MESURE : une seule connexion declenche ~134 ecritures sur 2 documents (44 force-bump + 23 re-bump), ce qui sature le canal et fait expirer le Promise.race de 10 s de loadFromFirestore -> faux "mot de passe refuse" + debut de partie lent. EN DERNIER : enveloppe le SDK, aucun pack existant n'est touche. Interrupteur : window.__mxFsCoalesceOff = true -->
  <!-- [2026-08-11] Bouton « Maison d'Entrainement » de la carte -> menu 4 destinations en images (Forteresse / Citadelle / Centre / Combat Epique). Enveloppe MX_worldMapGo, la carte n'est pas touchee. PENDANT LE TUTO : pas de menu, redirection directe vers la Citadelle (le script du tuto attend le joueur la-bas). Ajoute aussi le voile « In build » sur Quartier Social + Hotel des Ventes. Interrupteurs : window.__mxTrainHubOff / window.__mxInBuildOff -->
  <!-- [2026-08-11] Stat ENDURANCE retiree du jeu. MESURE : main.js:10066 force `stats.endurance = 0` depuis le 2026-06-29, la reduction de cout d'energie vaut donc 0% -> la stat ne faisait plus RIEN, elle etait juste encore affichee (familiers) et distribuee (20% des points de niveau jetes). Ici : bonus d'endurance des familiers reconvertis en energie max, repartition de niveau 40/40/20 -> 50/50. Interrupteur : window.__mxNoEnduranceOff -->
  <!-- [2026-08-11] Titres : ancien systeme (main.js TITLES, noms FR par niveau/donjon/survie) neutralise et purge ; noms du vrai catalogue forces en ANGLAIS ; 22 titres affiches avec les images icone/titres/. Les 6 titres exclusifs de coffres restent en texte (images non fournies). Interrupteur : window.__mxTitleImgOff -->
  <!-- [2026-08-11] Medaillons icone/ranks/ : remplacent le texte « Paliers Rang X », s'ajoutent sous les onglets de rang et en tete de « Quetes du Royaume ». Interrupteur : window.__mxRankMedalOff -->
  <!-- [2026-08-11] Centre camera : icones de programme en images icone/programs4/ au lieu des emojis + le menu des voix se ferme au clic exterieur et avec Echap (avant : la carte occupait tout l'ecran, il ne restait aucun pixel de fond cliquable). Interrupteurs : window.__mxProgImgOff / window.__mxVoiceCloseOff -->
  <!-- [2026-08-11] Les 10 sortileges (MAGIC_SPELLS) etaient ecrits en FRANCAIS EN DUR, hors dictionnaires i18n : nom + description traduits dans les 8 langues, re-appliques au changement de langue. Interrupteur : window.__mxSpellI18nOff -->
  <!-- [2026-08-11] MONARCH PRO : +5 tickets epiques par mois calendaire (memorise dans _proTicketsMonth, sauvegarde au cloud sinon 5 tickets a chaque reconnexion). Les avatars et les cadres ne sont PLUS donnes par l'abo (v99-avatar-media.js / v99-frames-premium.js). Interrupteur : window.__mxProTicketsOff -->
  <!-- [2026-08-11] VRAIES VOIX DU COACH. Mesure : 3 voix systeme francaises sur la machine, dont UNE seule masculine, pour 13 personas masculins -> ils partageaient tous la meme voix (seul le pitch changeait), d'ou « c'est trop similaire ». Chaque persona a maintenant une vraie voix humaine differente, pre-synthetisee hors ligne depuis des modeles Piper telecharges (dont fr_FR-mls-medium, 125 locuteurs reels ; genre mesure par F0). RIEN n'est telecharge par defaut : le dossier d'un persona (~330 Ko de MP3) n'est charge que s'il est POSSEDE et ACTIF. Repli sur la voix systeme si un clip manque. Interrupteur : window.__mxVoiceClipsOff -->
  <!-- [2026-08-12] ANTI-PERTE DE PROGRESSION (2 defauts confirmes par audit).
       A) main.js:29640 posait __mxCloudLoaded=true SANS CONDITION, y compris dans la branche qui
          venait de constater que le cloud est injoignable (main.js:29616) : l'etat local perime
          remontait alors et ECRASAIT le cloud des le retour du reseau. On rend ce drapeau incapable
          de passer a true tant qu'une lecture serveur n'a pas confirme le cloud. Par defaut le pack
          ne verrouille RIEN : il n'arme que sur un echec reseau AVERE, pour un compte authentifie.
       B) La sauvegarde locale est indexee sur le PSEUDO (main.js:27598), pas sur le compte : deux
          comptes homonymes sur un meme appareil se recopiaient l'un sur l'autre. On tamponne la
          sauvegarde avec _ownerUid et on refuse celle d'un autre compte.
       Interrupteurs : window.__mxAntiWipeOff / window.__mxOwnerStampOff -->
  <!-- [2026-08-12] BLOQUANT corrige : « Changer d'Origine » (250 gemmes) relancait le TUTORIEL sur un
       compte existant, et MX_startTutorial remet or/XP/niveau a ZERO (v99-tutorial-flow.js:1016).
       Chaine : main.js:35640 -> v97-claude-AVATAR-ROUTING.js:262 emet mx-origin-confirmed a CHAQUE
       confirmation -> v99-tutorial-trigger.js:94 l'ecoute SANS CONDITION -> tutoriel -> compte detruit.
       La seule garde (_newTutorialDone) n'est posee qu'a la FIN du nouveau tuto : aucun compte anterieur
       ne la porte. On enveloppe MX_startTutorial (point d'etranglement de toutes les voies d'appel) et on
       refuse si le compte porte une trace de partie jouee, puis on l'immunise definitivement.
       Interrupteur : window.__mxTutoGuardOff -->
  <!-- [2026-08-12] Le BOSS DU MOIS (2,8 M PV, niveau 50 requis, 5 energie) rapportait 0 XP et 0 or :
       main.js:19024 prend une branche dediee qui fait `return` et saute donc monsterDefeated(), la seule
       fonction qui credite. Or le monstre porte bien xp:50000 / gold:25000 (main.js:13309) : l'intention
       est explicite, c'est un bug. On enveloppe onBossDuMoisDefeated (appelee alors que currentMonster est
       encore le boss) et on verse les valeurs declarees, boosts appliques. Aucune recompense sur un combat
       de resurrection, et un drapeau empeche tout double versement.
       Interrupteur : window.__mxBossRecompenseOff -->
  <!-- [2026-08-12] Le plafond de 5 pubs/jour vivait UNIQUEMENT dans localStorage (main.js:33006),
       alors que la recompense (+3 gemmes, +10 or) part au CLOUD. Vider le stockage local remettait
       donc le compteur a zero : +3 gemmes toutes les 60 s, sans limite. La pub est en plus SIMULEE
       (« plus tard = vrai AdMob »), donc aucun revenu ne compense. On adosse le compteur a gameState
       (sauvegarde au cloud) et on retient toujours la valeur la plus haute.
       NE REMPLACE PAS une monnaie autoritaire cote serveur, a faire avant monetisation.
       Interrupteur : window.__mxPubCompteurOff -->
  <!-- [2026-08-12] BOUTON RETOUR ANDROID. MainActivity.java est vide (BridgeActivity nu) et AUCUN code
       web n'ecoutait le retour : la WebView ne pouvant jamais reculer sur une page unique, le bouton
       Retour QUITTAIT l'application depuis n'importe quel ecran, meme en plein combat. @capacitor/app
       n'etant pas installe, on empile des entrees d'historique a chaque changement d'ecran : le Retour
       declenche alors popstate au lieu de fermer l'app. Ordre : fermer le calque ouvert, sinon revenir
       a l'accueil, sinon laisser quitter. Rend aussi le bouton Precedent utile en navigateur.
       Interrupteur : window.__mxRetourOff -->
  <!-- [2026-08-12] A) showScreen() sur un identifiant INCONNU masquait les 35 ecrans sans en afficher aucun : page blanche, aucun bouton, aucun retour possible (main.js:14848). On retombe sur l accueil et on journalise l id fautif. B) L Hotel des Ventes annonce « In build » restait ouvert par l onglet Encheres du Marche (index.html:2639) : on y pose le meme voile. Interrupteurs : window.__mxEcranGardeOff / window.__mxHdvInBuildOff -->
  <!-- [2026-08-12 demande user] GUILDE : l option « changer le cadre » disparait, il ne reste que les emblemes. 16 nouveaux emblemes decoupes de icone/avatar_guilde.png (grille MESUREE : cellules de 285..301 px, pas 313.5). Repartition demandee : 1 achat direct en gemmes, 10 achat + condition severe (raid du mois fini, 10 kills en 7 jours, 100 membres, niveau de guilde, gemmes investies), 5 verrouilles jusqu au prochain raid (MX_GUILD_AVATAR_SAISON). Interrupteurs : window.__mxGuildAvatarsOff / window.__mxGuildFramesKeep -->
  <!-- [2026-08-12 demande user] TITRES payables en OR OU en gemmes au debut, gemmes uniquement ensuite. 1 gemme = 500 or ; or accepte jusqu a 40 gemmes (titres de profil) et 90 gemmes (titres de guilde). Le prix est lu sur le bouton d achat existant, l achat passe par la fonction d origine (conditions et sauvegarde inchangees). Interrupteur : window.__mxTitresOrOff -->
  <!-- [2026-08-12 demande user] SONDES de verification : chaque repetition camera est-elle comptee dans le bon compteur, l ennemi attaque-t-il, les bonus d equipement sont-ils recalcules, soin/sorts/buffs/familiers ont-ils un effet mesurable. Instrument d observation pur (enveloppe, note, rappelle l originale). MX_sondesRapport() pour lire. Interrupteur : window.__mxSondesOff -->
  <!-- [2026-08-12] « ya rien dans quests » : showScreen('quests') appelle updateQuestProgress() PUIS showQuestsRank('E'). Si le premier leve, le second n est jamais atteint et #quest-list reste vide. Il leve des que gameState.completedQuestRanks n est pas un tableau : main.js:13891 ne se protege que du cas falsy, un dictionnaire {0:'E'} passe la garde et casse sur .includes (main.js:13907). MESURE : objet = 0 carte + TypeError, tous les autres cas testes = 15 cartes. On normalise le champ ET on empeche toute exception de la banniere d avaler les cartes. Interrupteur : window.__mxQuetesFixOff -->
  <!-- [2026-08-12 demande user] LIBELLE DU DETECTEUR : a chaque repetition validee, le nom de l exercice REELLEMENT detecte monte et s efface, avec le score de forme et les degats MESURES sur les PV du monstre. Sert a voir les faux positifs (le nom affiche n est pas celui qu on croit faire) et a verifier qu une pompe et un jumping jack ne font pas les memes degats. Derivation sur MXCamPushups.attach/attachStream, le rappel d origine est toujours appele. Interrupteur : window.__mxLibelleOff · essai : MX_libelleDemo('pompes') -->
  <!-- [2026-08-12 demande user] CAMERA DE SESSION : une fois activee, la camera reste allumee jusqu a MX_camSessionStop(). CAUSE de la lenteur : v101-camera-combat.js:1171 close() appelle eng.dispose() MEME en reconstruction silencieuse close(true), donc a chaque changement de monstre — dispose() coupe les pistes (1 a 2 s de chauffe materielle a la reouverture), ferme le PoseLandmarker et jette sa promesse memoisee. On intercepte stop() (arme _extern, contrat deja prevu par le module), dispose() (met _pose de cote avant l appel et le remet apres — jamais ferme, promesse conservee) et start() (reutilise le flux via _streamExterne, chemin natif du module ligne 1174, getUserMedia sautee). Interrupteur : window.__mxCamSessionOff -->
  <!-- [2026-08-12 defaut signale en jeu] DEGATS CAMERA : v101-camera-combat.js:783 fixe TARGET=18 et derive perRep = maxHp/18, puis retire les PV en direct (l.872) SANS jamais appeler attackMonster() (main.js:18946). Resultat : ~18 repetitions pour tuer n importe quel monstre, quel que soit le joueur — niveau, stats, equipement, guilde, avatars ne comptent pas. On pose un PLANCHER (jamais un plafond) : si les degats reels du joueur (base exercice x equipement x force, formule de main.js:19345-19352) depassent ce que le combat vient d infliger, on retire la difference. Joueur faible = aucun changement. Interrupteur : window.__mxDegatsCamOff · MX_degatsCamTest() -->
  <!-- [2026-08-12 defaut signale en jeu] « play as guest revient a la page de login ». startGuest (main.js:28037-28039) appelle getAccounts() puis saveAccounts() AVANT de masquer l ecran de connexion (28041) : une exception avant cette ligne laisse le login affiche — exactement le symptome. Or ce sont les deux seuls points non proteges du bloc : JSON.parse sans try/catch (27566) et localStorage.setItem sans try/catch (27594). Cle fitnessQuestAccounts corrompue ou stockage sature = joueur bloque DEFINITIVEMENT (la donnee fautive est persistante). On rend les deux fonctions incapables de lever — ce qui couvre aussi connexion et inscription (30 appelants). Aucune sauvegarde de partie n est touchee (elles vivent sous fitnessQuest_*). Interrupteur : window.__mxComptesSecoursOff · MX_comptesDiag() -->
  <!-- [2026-08-12 defaut signale en jeu] CHANGER DE CAMERA : mx-camera-pushups.js:1426 flipCamera ne se garde que de _starting, faux pendant le CHARGEMENT DU MODELE — c est l instant ou l utilisateur a clique. Il coupe alors la seule camera (M.stop()) avant d avoir la remplacante, et si les deux start() echouent l ecran reste noir. On refuse la bascule tant que le detecteur n est pas pret (message au lieu d ecran noir), on met la camera de session en retrait pendant l operation (sinon v112 reinjecterait l ancien flux et le bouton n aurait aucun effet), et on retente l orientation d origine si plus rien ne tourne. Interrupteur : window.__mxCamFlipOff · MX_camFlipDiag() -->
  <!-- [2026-08-12 demande user] FLUIDITE DU DETECTEUR. La cadence est CALCULEE et les deux chemins n ont pas le meme budget : worker = min(600, max(1000/24, inf x 1.1)) soit 24 img/s ; thread principal = min(900, max(1000/15, infEma / 0.32)) soit 3x moins vite a materiel egal, car il ne s accorde que 32 pour cent de la periode. Deux VERDICTS PERSISTANTS peuvent enfermer l appareil dans ce mode degrade : mx_cam_mainpath_ko_v1 (14 jours) et mx_cam_delegate_v1 (30 jours), ecrits sur une mesure PONCTUELLE — un releve pris pendant une charge (sortie de Citadelle) classe l appareil lent pour des semaines. On expose le rapport, la remise a zero, et on efface automatiquement UNE FOIS par session un verdict qui degrade quand la cadence mesuree est mauvaise. Interrupteur : window.__mxCamFluiditeOff · MX_camFluidite() · MX_camResetPerf() -->
  <!-- [2026-08-12 defaut signale en jeu] FAUX POSITIFS POMPES : allonge, bouger les epaules suffisait a compter. Le seul signal de corps des pompes est shoulderY (mx-pushup-detector.js:136 mode explicite, :246 mode auto) et une rep est validee des qu UN signal a bouge (nBig >= 1, :524) — un roulement d epaules et une vraie pompe donnent donc LA MEME MESURE. Balayage du seuil mesure : repDelta 0.07 tue la vraie pompe AVANT le faux positif. Ce qui manque est une seconde mesure physique, le BASSIN : une vraie pompe translate tout le tronc, un roulement d epaules laisse les hanches fixes. On greffe le signal hanches (repris de MXExercises.auto, table exposee :994) et on inscrit les pompes dans la co-activation deja presente (:304,:383,:525). Si le bassin est hors cadre, rien n est exige : aucune regression sur cadrage serre. Interrupteur : window.__mxPompesHanchesOff -->
  <!-- [2026-08-12] FLUIDITE, LE VRAI LEVIER. Console utilisateur : « Graph successfully started running [vision_wasm_internal.js] » vient de la PAGE, pas d un worker — MediaPipe tourne sur le THREAD PRINCIPAL, dont la reserve n accorde que 32 pour cent de la periode a l inference (mx-camera-pushups.js:1302) contre 110 pour cent cote worker (l.779) : 3x moins d images a materiel egal. Cette reserve protege un telephone bas de gamme, mais pendant une seance camera le jeu est immobile — garder 68 pour cent du thread au repos coute la fluidite pour rien. On releve la reserve a 55 pour cent UNIQUEMENT si l inference reste sous 120 ms (appareil confortable) ; au-dela on ne touche a rien. Jamais au-dela du plafond du module. Accesseur sur _minDetectMs : la formule d origine reste maitresse du calcul. Interrupteur : window.__mxBudgetOff · reglage : window.MX_BUDGET_CIBLE · MX_budgetDiag() -->
  <!-- [2026-08-12 demande user] UNE SEULE COMMANDE A TAPER : MX_rapport(). La console crache des centaines de lignes dont 90 pour cent sont du bruit (XHR Firestore, « wrapped », sauvegardes) et l information utile s y noie. Ce pack collecte en continu les ERREURS JS et AVERTISSEMENTS seulement, puis rend un bloc court : etat du detecteur (chemin, delegate, inference, images/s, bascule GPU), degats par repetition et champs de stats qui les produisent, compteurs des sondes, verdicts memorises, packs charges, erreurs. Copie automatique dans le presse-papier. Observation pure : aucune fonction du jeu modifiee. Interrupteur : window.__mxRapportOff -->
  <!-- [2026-08-12 defaut signale en jeu] REPETITIONS FANTOMES AU CLAVIER + « si c est trop sombre dis trop sombre ». Les deux phrases decrivent le meme defaut : MediaPipe rend TOUJOURS 33 reperes meme quand il ne voit presque rien, avec une faible visibility et une position qui TREMBLE. Or le compteur ne regarde que l amplitude min/max d un signal (mx-pushup-detector.js:524, nBig >= 1) : un tremblement en faible lumiere produit la meme amplitude qu un vrai mouvement. Aucun seuil ne peut les separer — ce qui les separe est la QUALITE de l image. On mesure la luminance moyenne (canvas 32x24, 2 fois par seconde) et la visibility moyenne du tronc (epaules 11/12 + hanches 23/24), et on SUSPEND le comptage en l affichant en clair. Le detecteur et ses seuils ne sont pas touches : on lui fait sauter l image, comme une camera en pause. Interrupteur : window.__mxQualiteOff · reglages : MX_SEUIL_LUMIERE / MX_SEUIL_CONFIANCE · MX_qualiteDiag() -->
  <!-- [2026-08-14 demande user] GROSSE PASSE DETECTEUR. Greffe sur MXRepCounter/MXExercises (mx-pushup-detector.js:994), JAMAIS sur ses seuils de comptage : on n ajoute que des ETIQUETTES et des REFUS. Quatre greffes mesurees sur 10 cycles par exercice : classement du geste (etiquetage 698/2061 -> 2183/2183, donc degats par exo enfin corrects), partenaire de co-activation exige au PRORATA (+122 reps reelles rendues), co-activation pilotee par le geste (bras seuls 10->0, jambes seules 10->0, roulement d epaules 10->0), quatre refus geometriques sans dimension (reps fantomes 1210 -> 6). Pompe/squat/jumping jack/montee de genoux/burpee : 10/10 en auto ET en explicite. Ordre v113 -> v114 -> v118 mesure meilleur que l inverse. Interrupteurs : __mxClassementOff __mxPrecisionOff __mxCoactGesteOff __mxBassinAutoOff __mxParasiteOff -->
  <!-- [2026-08-15] CO-ACTIVATION COUPEE — mesure sur ses PROPRES enregistrements de pompes du 15/08, rejoues hors ligne en mode auto : detecteur nu 10 reps, +v113 10, +v114 10, +v118 -> 2. v118-detecteur-precision divisait ses pompes PAR CINQ alors que son coude decrit 10 cycles complets (amplitude 113-127 deg). Test un par un de ses interrupteurs : seul __mxCoactGesteOff restaure (2 -> 10). Ce filtre exige qu un signal PARTENAIRE (tronc/bassin) bouge en proportion — vrai sur scenes de synthese, faux sur un corps filme de face. Bilan sur TOUS ses enregistrements : avec 9 fausses / 41 vraies ; sans 9 fausses / 68 vraies. Zero fausse en plus, +27 vraies. Le reste de v118 (etiquetage du geste, refus geometriques) continue de tourner. Rallumage : window.__mxCoactGesteOff = false -->
  <!-- [2026-08-15 audit « pret a publier », point le plus grave] SECURITE DES JOUEURS. Verifie dans le code servi : AUCUNE verification d age (aucun type=date / birth / naissance dans index.html), AUCUN blocage reel (MX_blockFriend masque un ami, n empeche ni ses messages ni ses invitations), signalement present UNIQUEMENT sur pvp2-screen (v102-report-player.js:173), AUCUN filtre de contenu (precheckSend mx-chat.js:94 ne verifie qu auth/invite/delai/longueur). Or le jeu propose chat, photos libres et liaison audio-video en direct (v102-voice-chat.js). Ce pack ajoute : age minimum 13 ans (booleen seul, aucune date stockee), blocage reel (MX_bloquer), signalement partout (MX_signaler, charge alignee sur firestore.rules:695 qui exige reason), filtre injures + COORDONNEES (telephone, e-mail, reseaux, liens) greffe sur MX_Chat.global/friend/guild. Interrupteur : window.__mxSecuOff -->
  <!-- [2026-08-15 audit, BLOQUANT store] LIENS LEGAUX. privacy.html et account-deletion.html sont deployes mais AUCUN lien ne pointe vers eux (grep privacy.html sur index.html + js/ + css/ : zero resultat). Google Play exige le lien DANS l app des qu une permission sensible est utilisee (camera), Apple 5.1.1 exige qu il soit accessible depuis l app. Ce pack ajoute un bloc « Informations legales » dans les Reglages : politique, suppression du compte, et avertissement sante obligatoire pour une app de sport. Interrupteur : window.__mxLegalOff -->
  <!-- [2026-08-15 demande user] BOUTON « REVOIR LE TUTORIEL ». Le lancement automatique est verrouille par CINQ paquets (tutoguard, autotuto, tuto-launcher, NEWUSER-FLOW qui enveloppe MX_TUTO_V4.start derriere un GETTER-SETTER, main-patches). Mesure sur le vrai flux playAsGuest() : la progression est bien purgee (totalXp 5000 -> 25, niveau 7 -> 1) et l autorisation posee, mais _tutorialV4Done reste true et le body garde la classe mx-tuto-done. Forcer un 6e paquet sans pouvoir verifier l affichage de facon fiable, c est ce qui a casse la camera deux fois cette semaine : on s en abstient. On expose donc le chemin OFFICIEL deja present (MX_replayTutorial), ce qui repond au besoin et isole le defaut. Interrupteur : window.__mxBoutonTutoOff -->
  <!-- [2026-08-15 audit] ZONES SURES / bord-a-bord Android 16. Consequence du passage a targetSdk 36 (obligatoire : Play refuse l API 35 des le 31/08/2026) : une app ciblant l API 36 ne peut plus refuser l affichage bord-a-bord, le contenu passe SOUS la barre d etat. Or grep safe-area-inset sur css/ + js/ ne rendait qu UNE ligne (v98-polish.css:234, padding-bottom) — rien en haut : l en-tete du jeu se serait retrouve sous l horloge. Ce pack ajoute viewport-fit=cover (sans lui env() vaut toujours 0) et declare les 4 marges sures. Sur un appareil sans encoche env() vaut 0 : rendu strictement inchange. Interrupteur : window.__mxZonesSuresOff -->
  <!-- [2026-08-15 audit RGPD] POIDS CORPOREL RETIRE DU CLOUD. gameState._fitnessProgram.bodyWeight (main.js:41506) partait tel quel dans players/{uid} via saveToFirestore (firebase-config.js:331, JSON.parse(JSON.stringify(gameState))), or ce document est lisible par TOUT joueur connecte — et une regle Firestore autorise ou refuse un document ENTIER, elle ne peut pas masquer un champ. Le poids est une donnee de sante. On ne touche PAS au chemin de sauvegarde (coalesce + differe : trop dangereux) : on recopie la valeur en local puis on la retire de gameState, donc elle ne peut plus partir quel que soit le chemin d ecriture. Re-injectee juste avant l ecran de calibrage pour garder le champ pre-rempli. Interrupteur : window.__mxPoidsPriveOff -->
  <!-- [2026-08-15] GARDE DE CADRAGE — « une video ou je ne fais RIEN et il compte 6 repetitions » + « des pompes ou il ne compte presque rien ». MESURE sur ses 20 enregistrements, classes par visibilite du BASSIN : hors cadre (<0,50) 5 series -> 8 fausses reps / 1 vraie ; visible (>=0,50) 15 series -> 4 fausses / 57 vraies. Quand le bassin sort du champ, MediaPipe place quand meme hanches/genoux/chevilles avec une visibilite proche de zero, et ces points inventes BOUGENT (serie immobile : 11 cycles de chevilles, coude a 94 deg alors qu il ne bouge pas) : le detecteur elit du bruit comme signal meneur, invente des reps et rate les vraies. On ne touche AUCUN seuil : on annule la rep produite quand le bassin n est pas vu, et on affiche « recule ». Rejeu : 20 -> 5 fausses reps, 72 -> 68 vraies. Interrupteur : window.__mxCadrageOff · reglage MX_CADRAGE_MIN -->
  <!-- [2026-08-15] « toutes les pompes que je fais ne comptent pas ». MESURE sur ses 5 enregistrements, rejoues en mode AUTO puis en mode POMPES : 870722 -> 10 contre 2 · 398868 -> 12 contre 5 · 542704 -> 10 contre 8. Le meme fichier, le meme corps : le mode impose jette la moitie a la totalite des repetitions. Cause : en auto le detecteur choisit son signal meneur et calibre sur CE joueur ; en mode impose il n a que coude et corps, avec des seuils penses pour une prise de vue de profil — filme de face l angle du coude est geometriquement COMPRIME et ne descend jamais assez bas (minimum releve 104, 110, 112 degres, alors que la serie 870722 contient 18 cycles complets). On garde donc l exercice choisi pour l etiquette, le coach et le bareme de degats, mais on compte avec la logique automatique. Mesure : +21 vraies repetitions, +1 fausse. Interrupteur : window.__mxModeExpliciteOff -->
  <!-- [2026-08-15 demande user] « quand la camera est activee le micro est active automatiquement et la musique desactivee ». En arene et coop, v101-camera-combat.js:1287 maybeStartCamShare() appelle MX_VoiceChat.start() sans demande du joueur — l intention etait de partager l IMAGE. Mais start() declenche duck(true) (v102-voice-chat.js:49-57) qui pose __MX_VOICE_ACTIVE=true (musique a zero) et divise les effets par 3. On separe : le partage d image reste automatique, la musique n est coupee que si une piste micro EMET reellement. Interrupteur : window.__mxMicroMusiqueOff -->
  <!-- [2026-08-15 demande user] COMBAT CAMERA EPURE. .mxcam-vs (v101:115) est une COLONNE de 58 px avec fond et 2 bordures qui separe les portraits ; .mxcam-php (:208) et .mxcam-mhp sont des barres de 15 px doublees d un texte. Sous 820 px : le VS devient une pastille posee AU MILIEU des deux images (qui se rejoignent et gagnent en largeur), et les barres de vie sont remplacees par un compteur au coeur lisant gameState (playerHp / currentMonster.currentHp). Rien n est supprime : masquage CSS + recopie des valeurs du jeu. Interrupteur : window.__mxEpureOff -->
  <!-- [2026-08-14 demande user] DIAGNOSTIC TACTILE. « sur portable je n ai pas acces a la console, ajoute des boutons qui feront la commande ». Pastille en bas a droite -> panneau : (1) mesure 10 s de la cadence REELLE via _infN (mx-camera-pushups.js:789), le moteur, les reps comptees, l exercice reconnu ; (2) envoi du rapport dans la collection diagnostics (fetch keepalive, pas sendBeacon : bloque en silence par WebKit). N ecrit dans aucun etat du jeu. Ouverture au click et non au pointerdown, pour ne pas avaler le clic fabrique au lever du doigt. Interrupteur : window.__mxDiagTactileOff -->
  <!-- [2026-08-14 demande user] BOUTONS D ENREGISTREMENT. « prepare tous les boutons car j ai pas acces a la console sur le portable ». Le moteur existe deja (v118-enregistreur-poses.js : MX_recStart/MX_recStop, 13 points du squelette, decoupage en tranches de 5500 caracteres numerotees) mais ne se pilotait qu en console. Ce pack n ajoute QUE l interface : 9 series (7 mouvements reels + 2 leurres pour mesurer les faux positifs), decompte 3 s puis capture 25 s avec les reps comptees en direct, arret et envoi automatiques. Interrupteur : window.__mxRecTactileOff -->
  <!-- [2026-08-12 defaut signale en jeu] « ca affiche MONARQUE puis revient au login », bon mot de passe, aucun message. La connexion REUSSIT donc — ce n est pas une exception avant le masquage du formulaire. Quelque chose REMET #login-screen visible juste apres, et aucun message n apparait puisqu aucune erreur n a eu lieu. L element est manipule depuis 14 endroits (main.js:27603/27785/29793/36901/46081, packs/c.js, packs/d.js, packs/f.js) : on MESURE au lieu de parier. Accesseur sur style.display + MutationObserver ; a chaque remise en visibilite dans les 8 s suivant une connexion, on capture la PILE D APPELS (le fautif se nomme) et on BLOQUE le rebond. Garde-fou, pas correctif final. Interrupteur : window.__mxRebondOff · MX_rebondDiag() -->
  <!-- [2026-08-12] DIAGNOSTIC DE CONNEXION A L ECRAN. L utilisateur est sur TELEPHONE : pas de console, donc tout diagnostic qui suppose F12 lui est inutilisable. On observe le clic (capture sur window, rien ne peut l avaler), l appel reel de loginWithFirebase, ses levees et rejets ; puis 3 s apres, si l ecran de connexion est encore la SANS message, on affiche la conclusion sur la page avec un bouton COPIER. Observation pure. Interrupteur : window.__mxLoginDiagOff -->
  <!-- [2026-08-13] GARDE ANTI-ONGLET-ZOMBIE. Resolution du « ca ne marche toujours pas » : le rapport iframe depuis l iPhone a prouve que le jeu y tourne parfaitement (354 scripts, 0 erreur, invite -> accueil) — mais Chrome iOS GELE les onglets et les ressert des jours plus tard SANS recharger : l onglet Monarque de l utilisateur rejouait une page d avant tous les correctifs. Ce pack relit /index.html (no-store) au reveil de l onglet et toutes les 10 min, compare les empreintes ?h= du HTML servi avec celles du DOM vivant, et recharge automatiquement a un moment sur (login/accueil, jamais en combat, 1 fois par 20 min max) sinon banniere cliquable. Interrupteur : window.__mxVersionGardeOff · MX_versionDiag() -->
  <!-- [2026-08-13] TAP-SECOURS — l affaire du toucher mort. Mesure sur l iPhone (iOS 26.5, WebKit) : page vivante, jeu charge sans erreur, test de visee PROPRE (le bon bouton est sous le doigt, aucun calque), un clic PAR SCRIPT fonctionne — mais AUCUN appui du doigt n a jamais declenche un ecouteur de clic. WebKit ne synthetise pas l evenement click apres le toucher. Contournement : touchend en capture ; si aucun click 450 ms apres un appui bref et immobile, on retrouve l element vise (elementFromPoint) et on fabrique le clic (+ focus sur les champs — le clavier qui ne s ouvrait pas est le meme defaut). Inactif sans tactile ; jamais declenche si le navigateur emet ses clics ; anti double-action (clic naturel tardif avale a moins de 300 ms / 24 px d une fabrication) ; telemetrie TAP_NATUREL_OK / TAP_SECOURS_ACTIF une fois par session. Interrupteur : window.__mxTapSecoursOff · MX_tapDiag() -->
  <!-- [2026-08-13 demande user] CONFORT MOBILE (CSS seul, < 820 px, le bureau ne bouge pas). A : plancher tactile 46 px sur boutons/onglets/coffres et plus rien sous 14 px (regle des plateformes : 44 px minimum). B : la carte s allonge (min-height 128vw) et les rangees respirent — les marges en % pensees pour le bureau poussaient les cibles hors cadre sur telephone. C : pendant un pincement, les decors position:fixed sont desancres — iOS les colle au viewport VISUEL, ils recouvrent la carte agrandie et volent les touchers (meme famille que le voile de connexion). Interrupteur : window.__mxMobileOff · MX_mobileDiag() -->
  <!-- [2026-08-13] ENREGISTREUR DE POSES REELLES. Limite de methode assumee : tous les reglages du detecteur sont valides sur des trajectoires de reperes que J ECRIS — se noter sur sa propre copie. Le faux positif du roulement d epaules n existait dans aucune simulation, seul le vrai corps l a revele. Ce pack enregistre les 33 reperes REELS pendant l entrainement (x, y, visibility — deja calcules par MediaPipe pour compter ; AUCUNE image, AUCUN son, la video ne quitte jamais l appareil) et les depose pour regler sur des mouvements humains authentiques. Ne demarre que sur appel explicite. MX_recStart('pompes') / MX_recStop(). Interrupteur : window.__mxRecOff -->
  <!-- [2026-08-13 demande user] UNE SEULE AUTORISATION CAMERA PAR SESSION. requestPermissionUI (mx-camera-pushups.js:1044) sait deja sauter la fenetre, mais via navigator.permissions.query({name:camera}) — API ABSENTE dans WebKit/Safari-iOS pour la camera : la promesse echoue, on retombe sur la fenetre a CHAQUE ouverture. L utilisateur est sur iPhone, donc exactement dans ce cas. On memorise en sessionStorage tout demarrage REUSSI (efface a la fermeture de l onglet, jamais persistant) et on demarre directement ensuite ; si le demarrage echoue, on oublie et on re-affiche la fenetre avec son bouton Reessayer. Complementaire de v112-camera-session qui garde le FLUX entre deux monstres. Interrupteur : window.__mxCamAutoOff -->

  <!-- [2026-08-14 demande user] LE COMBAT CAMERA EST UN JEU A PART, ON LE REBRANCHE SUR LE VRAI JEU. Les trois packs ci-dessous sont INDEPENDANTS et debrayables un par un. ORDRE IMPERATIF : effets AVANT degats — le dernier pack qui enveloppe MXCameraPushups.attach decore onRep en PREMIER, donc son decorateur finit le plus PRES de v101 ; on veut que ce soit celui des degats, pour qu il mesure uniquement ce que v101 vient d ecrire. -->
  <!-- 3) « les poison bouclier brulure sont present meme quand j active la camera » : applyMonsterDebuffDamage (main.js:19699) et applyPerTurnDebuffEffects (main.js:25416) n ont qu UN appelant, completeExercise (main.js:19498/19501), que la camera ne franchit jamais ; et v101-camera-combat.js:308+863 tue les DoT temps reel. On appelle les fonctions DU JEU, une fois par TOUR (= gameState.exerciseCount reps), + pastilles de statut dans l overlay. Interrupteur : window.__mxEffetsCamOff -->
  <!-- 1) « fait une passe sur chaque rep fait bien les degat » + « bien prendre en compte boost inventaire etc stats » : v101-camera-combat.js:783 fabrique les degats depuis les PV du monstre (maxHp/18) et fige perRep a l ouverture. On releve CHAQUE repetition a ses degats reels, pour l exercice REELLEMENT detecte, catalogue main.js:42801+ (tractions 25 et burpees 40, pas 8) et toutes les couches lisibles du jeu. Interrupteur : window.__mxV120DegatsOff -->
  <!-- [2026-08-15] EFFETS DE STATUT SUR LE BOUTON « +1 » EN CAMERA. Cause lue dans le code SERVI : v101-camera-combat.js:520 attachEngine passe au moteur une INDIRECTION onRep:function(info){if(st&&st.onRep)st.onRep(info)} — visible telle quelle dans jsmin/ — et c est ELLE que decorent les 6 packs camera. Or le bouton « +1 » appelle st.onRep DIRECTEMENT (v101:712, 902, 1002, 1079, 1121, 1510) : il ne traverse aucun decorateur, donc les PV du monstre baissent mais aucun effet de statut ne part et tous les compteurs de v120-effets-camera restent a 0 (mesure confirmee). On ecoute le clic en CAPTURE, en passif (aucun preventDefault, aucun stopPropagation, aucun element ajoute), on ne compte la rep que si les PV de gameState.currentMonster ont reellement baisse, et on appelle l entree publique deja exposee MX_v120EffetsTickTour. Interrupteur : window.__mxCamPlus1EffetsOff -->
  <!-- [2026-08-15 demande user] FAMILIER EN CAMERA. Le bonus de degats du familier est applique DANS attackMonster (v98-claude-FAMILIAR-SPELLS.js:164-168, facteur 1+dmgPct/100). Or le combat camera n appelle JAMAIS attackMonster : il ecrit directement mm.currentHp (v101-camera-combat.js:898). Et la chaine de degats camera ne le rattrape pas — recherche de familier/famSpell/dmgPct dans v120-degats-camera-reels.js : AUCUNE occurrence. Le familier etait donc sans effet dans le mode principal du jeu. On applique le MEME facteur, depuis la MEME source (gameState._familiarSpellBuff.dmgPct), en enveloppant MX_v120_degatsRep. Chemins disjoints : aucun double comptage, plus un garde de reentrance. Interrupteur : window.__mxFamilierCamOff -->
  <!-- [2026-08-15 demande user, idee 2] EQUILIBRAGE DISTANT — TUYAUTERIE SEULEMENT. But vise : que le code copie soit un MOTEUR SANS CONTENU (PV, degats, prix, sorts, familiers dans Firestore, pas dans le .js). MESURE AVANT DE CODER : config/balance et config/content N EXISTENT PAS (REST anonyme -> 404), donc le reglage distant de v99 n a jamais servi ; et la regle est allow read:if true — la collection se lit SANS AUCUN COMPTE, en une commande curl. Deplacer les chiffres maintenant ne protegerait donc rien : le copieur les lirait au meme endroit que nous. Ce pack ne deplace AUCUNE valeur ; il ajoute les deux pieces qui manquaient : (1) un CACHE LOCAL — v99 applique la config recue mais ne la garde pas, donc sans reseau on retombe sur les valeurs codees ; un client fraichement copie n a aucun cache et ne peut pas en fabriquer un ; (2) un RE-ABONNEMENT APRES AUTHENTIFICATION — v99 s abonne au chargement du script, avant que Firebase ait resolu l utilisateur ; des que la lecture sera filtree (App Check), ce premier abonnement sera refuse et v99 ne reessaie jamais. Additif : aucun fichier existant modifie, uniquement MX_balanceApply / MX_contentApply que v99 expose deja. Echec ouvert : pas de reseau, pas de cache, lecture refusee -> valeurs codees, le jeu demarre toujours. Amorcage admin : MX_equilibrageSemer(). Interrupteur : window.__mxEquilibrageOff -->
  <!-- [2026-08-15] QUEUE PARASITE DES VOIX. MESURE par decodage PCM sur 288 clips et 1728 points de coupe : la cause dominante n est PAS la fin de fichier mais la COUPURE en plein mot — v105-voice-clips.js:206 fait actuel.pause() puis currentTime=0 sur le clip precedent, ce qui produit un pop mesure entre -17 et -5,6 dBFS. Le fondu de FIN a ete teste et REFUTE (l escalier residuel y est plus fort que le clic). On applique une rampe demi-Hann de 60 ms sur le volume AVANT le vrai pause(), uniquement sur les elements crees pour voix/xx/persona/clip.mp3 (proprietes propres d instance, aucun prototype touche : musique, sons et chat video intacts). Sonde du volume : si non reglable (iOS), le pack se met totalement en veille. Interrupteur : window.__mxVoixCoupureOff -->
  <!-- 2) « quand je tue un monstre je passe a l autre mais je reste en camera » : realDefeat (v101-camera-combat.js:931) appelle close() qui retire #mxcam-ov (l.1273) et AUCUN code du depot ne le rouvre. Le flux video survit (v112-camera-session), c est l interface qui meurt. On memorise l intention et on rouvre openMonsterFight avec le MEME exercice. Interrupteur : window.__mxCamSuiteOff -->
  <!-- [2026-09-14] v120-exos-en-developpement.js DEBRANCHE — remplace par v167-exercices-en-dev.js. Les deux posaient le badge « en developpement » sur les MEMES lignes du selecteur camera : mesure a l ecran, le joueur lisait « Abdos EN DEVELOPPEMENT 🚧 En developpement », deux fois. v167 est retenu parce qu il s appuie sur les enregistrements REELS du 20/08 (abdos 10 reels -> 2 comptes, gainage 22 s -> 4,4 s detectees) la ou v120 badgeait par ABSENCE de mesure, et parce qu il repere ses lignes par la CLE de l exercice quand v120 les repere par un index verrouille sur « exactement 12 entrees » — un garde qui n a survecu que par hasard aux quatre entrees ajoutees et retirees le meme jour (burpees et dips ajoutes, course et escalier retires). Le fichier reste sur le disque et est declare dans ORPHELINS_ASSUMES de scripts/audit-greffes.mjs. -->
  <!-- [2026-08-14 demande user] BANDEAU DU PROGRAMME DU JOUR, rehabille. v98-claude-DAILY-QUESTS.js:209 affichait un rectangle rouge plat avec un seul emoji, des libelles d exercice ECRITS EN DUR EN FRANCAIS (FITNESS_LABELS main.js:41350) et un titre traduit en 3 langues seulement sur les 6 du jeu. On guette #mx-fit-reminder et on le rehabille : vraies vignettes du jeu (icone/pompe.png, squat, abdo, traction… celles du combat), libelles et titre dans les 6 langues, cadre sombre et dore coherent, sens RTL en arabe. Le pack d origine n est pas touche, le clic est conserve. Interrupteur : window.__mxBandeauProgOff -->
  <!-- [2026-08-14 demande user, captures iPhone] ECRAN CAMERA EN PORTRAIT. La scene (v101-camera-combat.js:110) est une RANGEE joueur 58% | VS 58px | monstre 42% : sur 370 px de large la video portrait est rognee par object-fit:cover (l.136) au point de ne montrer que le visage — « trop zoome, le detecteur ne peut pas bien agir ». CSS uniquement, sous 820 px ET portrait : scene en COLONNE (joueur en haut ~57%, monstre en bas), VS + compte a rebours en pastille horizontale posee sur la jonction (pointer-events:none), video en object-fit:contain (grand angle, corps entier), barre de titre retiree (croix flottante), 5 boutons compactes a 44 px. Interrupteur : window.__mxCamPortraitOff -->
  <!-- [2026-08-15] TRAIN, 3e signalement : sur telephone lent, le contournement de main-patches.js:8797 (minuteries 2/5/9 s depuis SON chargement) gagne la course contre mes packs charges en fin de liste — le clic part en selectTrainingCategoryAndPlay(citadel) sans passer par le DOM. On enveloppe donc la FONCTION D ARRIVEE, que tous les chemins traversent : lancement non choisi -> menu des 4 destinations ; choix explicite (clic dans la fenetre des modes ou le menu, 6 s) et tutoriel -> passent. Interrupteur : window.__mxTrainVerrouOff -->
  <!-- [2026-08-15 demande user] PUNITION : -10% -> -5%, et fenetre traduite. MESURE avant correction : la perte d XP FONCTIONNE (addXpCapped(1000) credite 900, chaine main.js:42115 preservee par les enveloppes posterieures) — seul le taux et la langue etaient en cause. main.js:41712-41716 ecrit les textes en francais EN DUR (Punition activee / Tu as failli / Malus actif pendant 24h / -10%) : un joueur anglophone lisait du francais. On enveloppe getFitnessPenaltyMultiplier (0.9 -> 0.95) et on retraduit la fenetre dans les 6 langues, le taux affiche etant lu sur la meme source. Interrupteur : window.__mxPunition5Off -->
  <!-- [2026-08-15 demande user, capture iPhone] CAPACITES DU BOSS REPLIEES. v101-boss-buffs-ui.js:96 empile un bandeau flex-wrap : 9 pastilles = 4 lignes, pres du tiers de la hauteur utile, qui repoussent le combat et compriment l arene VS a droite. Sous 820 px on replie tout derriere une pastille « Capacites du boss (9) » ; l appui deploie un panneau en position:absolute AU-DESSUS du combat (donc plus rien n est repousse), les pastilles d origine sont DEPLACEES telles quelles et gardent leur onclick et leur info-bulle. Ouverture au click et non au pointerdown. Interrupteur : window.__mxBossReplOff -->
  <!-- [2026-08-15] I18N — 47 entrees perdues par RENOMMAGE de cles francaises. Ma mesure precedente (« DE et AR a -35 % ») etait FAUSSE : les 7 dictionnaires sont equilibres (FR_AR 4464, FR_DE 4452, FR_TR 4450). Le vrai trou vient de chaines FR renommees dans main.js sans mise a jour des tables : la cle ne correspond plus, la traduction est perdue. Audit sur les 6 langues : DE 10, AR 8, PT 10, ZH 8, TR 9, ES 2 -> 13 cles distinctes, 47 entrees. Ce pack fusionne les manquantes SANS toucher aux dictionnaires existants ; place en DERNIER pour que les 7 objets existent deja. Mesure : node .audit/i18n-coverage.mjs. Interrupteur : window.__mxI18nComplementOff -->
  <!-- [2026-08-16 demande user, signalee plusieurs fois] TUTO AUTO EN INVITE / NOUVEAU COMPTE. MON DIAGNOSTIC PRECEDENT ETAIT FAUX : MX_TUTO_V4 est un NO-OP depuis le 15/06 (v99-tutorial-trigger.js:29-31 ecrase start/finish/skip), donc le verrou getter-setter de v97-NEWUSER-FLOW porte sur du code mort — et le bouton "Revoir le tutoriel" de v123 est mort lui aussi, puisque MX_replayTutorial appelle MX_TUTO_V4.start(). LE VRAI PORTIER est v107-tuto-guard.js : il enveloppe MX_startTutorial (l.67) et refuse si dejaJoue() (l.46-61) trouve une trace de partie parmi HUIT signaux, puis en refusant il ECRIT _newTutorialDone=true et _tutorialV4Done=true et pousse dans Firestore (l.79-85) — le premier refus scelle tous les suivants. Sur un compte neuf, SEPT signaux sur huit sont propres : le seul qui ment est _tutorialV4Done, pose sans condition par v98-claude-NO-TUTO.js:113 et rejoue TOUTES LES 3 SECONDES pendant 120 s (l.115-117), que l accesseur de v96-claude-tutoguard.js:259-272 laisse passer (il n interdit que false). Le declencheur, lui, attend 800 ms puis sonde toutes les 400 ms (v99-tutorial-trigger.js:74-79) : la fenetre de tir est perdue par construction. CE PACK enveloppe MX_startTutorial PAR-DESSUS v107 et remet les deux drapeaux a false dans le MEME TICK, juste avant de lui passer la main — hors de portee du rejeu de v98. Il ne se branche PAS sur playAsGuest : l invite est un slot PERSISTANT (main.js:21293/:29401) restaure par loadGameState (main.js:28043), et armer la-dessus ferait executer v99-tutorial-flow.js:1016 (gold=0; totalXp=0; playerLevel=1) donc EFFACERAIT la progression a chaque clic sur Invite. GARDE-FOU : on ne rearme que si les sept autres signaux sont propres (copie conforme de dejaJoue sauf la ligne 48) — sur un compte vierge la remise a zero est un no-op, rien ne peut etre efface. On ne pose PAS __mxTutoEnCours soi-meme (il desarmerait les huit protections d un coup). Mesure par CLIC REEL : compte vierge MX_tutoGuardDiag() {refus:1,lances:0} -> {refus:0,lances:1} ; compte existant {refus:1} inchange et gold/playerLevel identiques. Interrupteur : window.__mxTutoAutoOff -->
  <!-- [2026-08-16 demande user, choix « cliquable »] BULLE FAMILIER EN CAMERA. Ce n est pas une decoration : le sort du familier est INATTEIGNABLE en combat camera. Son bouton #mx-familiar-spell-btn (v98-claude-FAMILIAR-SPELLS.js:217) appartient au combat classique, or #mxcam-ov est en position:fixed inset:0 z-index:2147483300 (v101-camera-combat.js:104) et recouvre tout. Cette bulle est le SEUL acces au sort dans le mode principal du jeu. LE COIN N ETAIT PAS LIBRE, trois occupants releves avant de poser : .mxcam-phase right:11 bottom:12 (v101:146) — masque sur telephone par v121-camera-portrait.js:112 et :149 parce que tu as demande un HUD nu, donc encore visible sur grand ecran : la bulle remonte a 52px au-dela de ces bornes ; #mxcam-ally right:8 bottom:36 z-index 6 (v101:1303), la video du partenaire en PvP/coop, qui nous recouvrirait — quand elle existe la bulle bascule A GAUCHE ; .mxcam-win z-index 5 (v101:178), l ecran de victoire — la bulle est donc a z-index 4 et ne peut jamais le recouvrir. ZERO STYLE EN LIGNE : un style en ligne l emporte sur une @media sans !important, la correction ne s appliquerait jamais (variante de la lecon « regle CSS qui ne s applique jamais, en silence »). CLIC TACTILE : pointer-events:auto UNIQUEMENT sur le cercle de 54px, jamais de conteneur ni d inset:0, et on ecoute click et PAS pointerdown — un decor qui repond au pointerdown avale le clic fabrique au relachement du doigt. Aucune regle de jeu reimplementee : MX_castFamiliarSpell (v98:65) gere lui-meme le familier absent et la recharge de 6 h. Interrupteur : window.__mxFamilierBulleOff -->
  <!-- [2026-08-16 demande user, DEUXIEME fois] BANDE VS DU COMBAT CLASSIQUE. Je m etais trompe d ecran le 15/08 : v123-combat-epure.js ne vise que #mxcam-ov .mxcam-vs, la bande du combat CAMERA. Sa capture montrait le combat CLASSIQUE (le bouton CAMERA y est encore visible, donc la camera n est pas lancee) — une interface differente, jamais touchee. La « bande » n est pas un element mais un empilement de TROIS decors dans #combat-vs-screen (index.html:3131-3136), tous en position:absolute, pointer-events:none, SANS id ni classe : #combat-vs-bg dont le CENTRE est brun-orange, un halo radial orange au milieu, et une barre verticale de 4px a left:50% dont la box-shadow de 20px l elargit visuellement. Le « VS » est un element SEPARE (index.html:3144) entre les deux cartes : on retire les trois decors et on n y touche pas — « je veux JUSTE le VS au milieu ». Identification PAR SIGNATURE de style en ligne (radial-gradient(ellipse at 50% 50%, et left:50%+width:4px), jamais par position : viser « le 2e enfant » casserait au premier pack ajoute. Aucun noeud supprime : on pose une classe et on masque en CSS, donc retirer ce pack rend l ecran a son etat d origine. Interrupteur : window.__mxVsSansBandeOff -->
  <!-- [2026-08-16 demande user] LE SELECTEUR D EXERCICES MASQUAIT LA CAMERA. Ce n est pas une panne : .mxcam-expick est en position:absolute inset:0 z-index:7 avec un fond radial-gradient a 97-98 % d opacite (v101-camera-combat.js:220) et il est ajoute a #mxcam-stage (l.666), c est-a-dire au plateau ENTIER — il recouvre donc la camera ET le monstre. Le flux video n est jamais arrete : applyCamEx (l.638-650) ne touche ni au moteur ni au MediaStream. On DEPLACE le noeud dans #mxcam-monp (l.267), la moitie « monstre » : etant en inset:0 il ne couvre plus que cette moitie, et la camera reste visible pendant le choix — plus pratique, on voit son cadrage en changeant d exercice. On deplace plutot que de repositionner parce qu un top:57% serait juste en portrait et faux en paysage, ou le plateau est une RANGEE (v121-camera-portrait.js:58 contre :149) : deplacer le noeud laisse la mise en page decider, sans calculer un seul pourcentage. Contenu, boutons, gestionnaire de clic et fermeture restent ceux de v101 ; si #mxcam-monp n existe pas, on ne touche a rien. Interrupteur : window.__mxExosPleinCadreOff -->
  <!-- [2026-08-16 demande user : « abdo mets en developpement »] EXOS EN DEVELOPPEMENT AUSSI DANS LA BOUTIQUE. Incoherence trouvee pendant l audit du detecteur : v120-exos-en-developpement.js:42 marque deja abdos/pullups/gainage « En developpement », mais UNIQUEMENT dans le selecteur du combat camera, et par INDEX dans CAM_EX (l.62-68). Les memes exercices restent VENDUS A L UNITE dans le Training Center — abdos 40 gemmes, gainage 50, pullups 60 (v101-camera-training.js:45-47). Un joueur peut donc payer pour un exercice que le jeu lui affiche ailleurs comme non termine. Pour le gainage c est pire : mesure a l appui, il ne peut compter AUCUNE repetition (repDelta 999, mx-pushup-detector.js:229 ; 0 rep sur deux series reelles) — c est encaisser pour une fonction qui ne peut pas marcher. Les cartes sont des <button class=mxct-ex data-ex=cle> (v101-camera-training.js:603) : on les grise, on pose l etiquette, et on INTERCEPTE le clic en phase de CAPTURE avant le gestionnaire d achat, sans envelopper aucune fonction de v101. Rien n est retire du catalogue : retirer la cle de la liste (ou window.MX_EXOS_DEV = []) rouvre la vente. ON NE TOUCHE PAS aux exercices DEJA ACHETES : si un joueur a paye pour abdos avant aujourd hui, sa carte reste utilisable — on empeche seulement de NOUVEAUX achats. Memes cles et memes traductions que v120, pour que les deux ecrans disent la meme chose. Interrupteur : window.__mxExosDevBoutiqueOff -->
  <!-- [2026-08-16 trouve en mesurant ses enregistrements] LE BANDEAU « TROP SOMBRE » ETAIT INVISIBLE. Sur son lot 1786908726665 : 11 cycles de coude reellement presents (visibilite 0.96), rejeu du detecteur deploye 8, son telephone 3, et v118-detecteur-precision refuse ZERO. L ecart n est donc pas dans les garde-fous geometriques. La seule difference entre le banc et le telephone est connue : le banc DESACTIVE OBLIGATOIREMENT v114-detecteur-qualite (son filtre echantillonne l apercu video, absent hors navigateur — sans ce debrayage le rejeu rend 0 pose sur 233). Sur le telephone v114 tourne et SUSPEND le comptage quand la lumiere ou la visibilite du tronc passent sous leur seuil. Et le joueur ne peut pas le savoir : v114 annonce bien la suspension dans un bandeau #mx-qual-msg (v114:113-126), mais pose en position:fixed sur le BODY avec z-index:100000, alors que #mxcam-ov est en z-index:2147483300 (v101-camera-combat.js:104) — le bandeau est peint DERRIERE la camera, invisible precisement dans la seule situation ou il servirait. Vecu : le comptage s arrete, l utilisateur continue ses pompes, rien ne compte, aucun message n explique pourquoi. Ce pack remonte le bandeau au-dessus du panneau camera. On ne touche NI aux seuils de v114 NI a sa logique : tant que la luminance reelle de ses seances n est pas mesuree, deplacer le seuil serait deviner. pointer-events:none conserve (un decor ne vole jamais un toucher). On cumule aussi le temps passe en suspension, lisible sur le telephone via MX_qualiteVisibleDiag() — c est la mesure qui manquait pour decider si le seuil doit bouger. Interrupteur : window.__mxQualiteVisibleOff -->
  <!-- [2026-08-16 demande user : « je souhaite que mes repetitions comptent vraiment »] LE COMPTEUR ETAIT REMIS A ZERO EN PLEINE SERIE. Deux fausses pistes assumees avant celle-ci : v114 (innocente par son propre releve SUR L APPAREIL — 483 images vues, 0 ecartee, luminance 154 pour un seuil de 42) et le mode auto (mesure : auto et explicite donnent le meme chiffre). Le fait qui restait inexplique : en rejouant SES images avec SES paquets, le detecteur compte 10, alors que son ecran en montre 3. La difference n est pas dans le signal, elle est dans le CYCLE DE VIE du compteur. setExercise (mx-pushup-detector.js:348-351) appelle reset() SANS CONDITION, meme quand la cle ne change pas — et reset() ne fait pas que remettre count a 0 : il vide _bufs, _env, _stats, _lastRepMs, _downT, c est-a-dire TOUTE la calibration adaptative apprise sur une fenetre de 6 secondes. Or le combat rattache le moteur en cinq endroits (v101-camera-combat.js:714, 904, 1004, 1034, 1512) et la seance impose l exercice a chaque etape (l.1055) : chaque passage remet a zero et fait tout reapprendre. Le banc hors ligne construit le compteur UNE fois et n appelle jamais setExercise — d ou 10 contre 3. Ca explique aussi le delai mesure : premiere repetition comptee a 8880 ms sur les pompes et 11892 ms sur les genoux, alors que la calibration initiale ne prend que 439 ms. CE PACK : si l exercice demande est DEJA celui en cours, on ne remet rien a zero. Un changement REEL remet a zero comme avant. Compromis assume : deux etapes consecutives du meme exercice ne repartent plus de zero — ce qui va dans le bon sens, perdre sa calibration entre deux series identiques n a aucun interet ; counter.reset() reste disponible pour qui veut vraiment repartir. Mesure dans le panneau de diagnostic : remises a zero evitees. Interrupteur : window.__mxNoResetOff -->
  <!-- [2026-08-17 demande user] SEANCE : CAMERA PLEIN ECRAN, COMPTEUR EN BAS. « dans programme tu peux faire un truc comme ca : grand ecran, et en bas de l ecran le compteur de l exercice avec l image du coach ». TOUT EXISTE DEJA : sessionPaneHtml (v101-camera-combat.js:394) contient le compteur #mxcam-sbig, le nom #mxcam-sexn, l emoji #mxcam-sex, la progression #mxcam-sprog et le portrait du coach #mxcam-coachbg. Le probleme n est pas le contenu mais la place : ce panneau occupe 42 % de la scene en LATERAL (.mxcam-monp{flex:1 1 42%}, v101:130), donc la camera n en a que 58 %, et la moitie de la hauteur en portrait. On le repasse en BARRE BASSE compacte (hauteur clamp 76-104px) et on rend la place a la camera. Aucun element cree ni supprime. UNIQUEMENT EN SEANCE : le combat garde sa mise en page, le monstre doit rester grand (demande anterieure). On distingue les deux par un FAIT DU DOM et non par un drapeau — la seance est le seul mode dont le panneau droit contient .mxcam-sess (v101:267, rightMode=session) — et on pose/retire une classe sur #mxcam-ov, donc le pack suit les changements de mode seul. Classe en JS plutot que :has() : :has() ne ferait rien, en silence, sur une WebView trop ancienne, et on ne choisit pas la version chez le joueur. Dans la barre : compteur et coach COTE A COTE (la .mxcam-sess est en colonne centree, v101:170), compteur ramene de 56px a une taille fluide, portrait du coach eclairci de brightness(.34) a .55 car sur 90px de haut il etait invisible, etiquette COACH masquee faute de place. AUCUN pointer-events touche : la camera grandit, elle ne se deplace pas. Interrupteur : window.__mxSeancePleinEcranOff -->
  <!-- [2026-08-17 decision user] LE POIDS EXACT NE QUITTE PLUS L APPAREIL. firebase-config.js:346 sauvegarde par JSON.parse(JSON.stringify(gameState)) donc TOUT gameState, _fitnessProgram.bodyWeight compris, part dans players/{uid} — dont la regle est allow read:if isAuth() (firestore.rules:456) : tout compte connecte peut lire le poids exact de tout le monde, en kilos. Et une regle Firestore autorise ou refuse un DOCUMENT entier, elle ne masque pas un champ : changer la frequence d affichage du classement n y change RIEN. On publie la CATEGORIE : le classement ne se sert pas du kilo pour classer, il range en categories via classOf (v99-social-ranking.js:90) — Plume<60, Felin 60-75, Loup 75-90, Ours 90-105, Dragon >=105 — le kilo ne servant que de departage INTERNE (cmp, l.96). On publie donc le MILIEU de la categorie : classOf rend la meme categorie, le classement marche sans qu une ligne de v99 soit touchee, et le departage interne se reporte sur le niveau. INTERCEPTION : ni saveToFirestore (firebase-config.js:224-231 se rappelle lui-meme apres coalescence, une enveloppe naive se re-entre), ni un toJSON sur _fitnessProgram (JSON.stringify sert AUSSI a la sauvegarde locale : le vrai poids serait perdu au rechargement, et 4 packs s en servent pour des coefficients — v99-fitness-rank:59/:74, v101-slim-program:34, v98-TRAINING-PLUS:46). On enveloppe le PROTOTYPE de DocumentReference (verifie en production : partage par toutes les references, expose path/set/update) et on n agit que si le chemin commence par players/ : seul point par lequel passent toutes les ecritures, quel que soit l ecrivain, et il ne touche jamais le local. ON NE DETRUIT RIEN : le poids reel reste dans gameState et en local ; les valeurs deja dans le cloud ne sont pas purgees (destruction irreversible depuis le client, et bornes firestore.rules:469-485 evaluees sur le document FUSIONNE) — elles seront ecrasees a la prochaine sauvegarde. Interrupteur : window.__mxPoidsCategorieOff -->
  <!-- [2026-08-17 demande user] MONARCH PRO : +10 D ENERGIE MAXIMUM. getMaxEnergy (main.js:21739-21751) additionne base 20 + niveau/5 (plafonne par ENERGY_MAX_CAP) puis AJOUTE familier et bonus achete PAR-DESSUS le plafond : le bonus d abonnement se comporte pareil, on enveloppe la fonction et on ajoute 10 quand isPro(). Une seule fonction touchee, et c est celle que tout le jeu interroge (main.js:14365, 14676, 15530, 15554, 15780...). ON N ECRIT RIEN DANS LA SAUVEGARDE, c est le point important : ajouter 10 a gameState.bonusMaxEnergy (le champ du bonus ACHETE, persistant) laisserait le bonus acquis APRES expiration de l abonnement et le cumulerait a chaque renouvellement. On calcule donc a la volee, sans jamais muter l etat. L energie COURANTE n est pas offerte : seul le maximum monte, le joueur remplit par la regeneration normale — crediter 10 points serait de la monnaie donnee, et a chaque rechargement de page si la garde etait mal posee. Degradation sure : MX_PRO absent, isPro() qui leve, getMaxEnergy pas encore defini -> valeur d origine inchangee, aucun chemin ne peut faire BAISSER le maximum. L avantage est aussi ANNONCE dans la fenetre d abonnement : la liste PERKS (v101-pro-subscription.js:37) est privee dans sa fermeture, on insere donc la ligne au moment de l affichage avec la meme mise en forme — promettre dans l interface ce que le code ne fait pas (ou l inverse) serait pire que de ne rien faire. Interrupteur : window.__mxProEnergieOff -->
  <!-- [2026-08-17] LE CHOIX D EXERCICE PILOTE ENFIN LE COMPTAGE. Son hypothese (« l enchainement pompes -> squats perturbe la calibration ») est INNOCENTEE par la mesure : rejoues dans le MEME compteur avec horodatages continus, les squats seuls donnent 3 et les squats apres les pompes 4 — l enchainement n aggrave rien. La vraie cause, sur son lot 1786951496057 : mode auto 3 comptees (10121, 11622, 16626 ms) contre mode squats 6 comptees (10021, 11522, 13223, 14925, 16726, 18527 ms), soit le DOUBLE. Parce qu en combat le compteur reste TOUJOURS en auto : applyCamEx (v101-camera-combat.js:638-650) ne change que _hlKey, l etiquette et l annonce du coach, il n appelle JAMAIS setExercise — choisir « Squats » ne changeait ni le comptage ni le bareme de degats. Le mode auto doit deviner le signal meneur parmi sept capteurs, la definition squats sait qu il faut le genou et la hanche et dispose d un repli de seuils non calibres (fixed, mx-pushup-detector.js:143) dont auto est depourvu (fixed:null, l.239). On enveloppe MXCamPushups.setHighlight (mx-camera-pushups.js:184-189), seul point que applyCamEx appelle deja avec la cle choisie, et on y ajoute counter.setExercise. TROIS GARDES : (1) uniquement les VRAIES cles — setHighlight accepte aussi lunges/situps/crunch/plank qui n ont aucune definition, on verifie MXExercises[cle] ; (2) le COMPTE DU JOUEUR EST PRESERVE — setExercise appelle reset() qui met count a 0, changer d exercice en plein combat effacerait les reps deja faites : on releve le compte avant et on le repose apres, seule la calibration repart ; (3) les POMPES ne sont pas touchees — mesure sur le lot 1786951452802 : auto 13, pushups 13, identique, car v124-mode-explicite rebascule deja def sur auto pour pushups/pullups/dips. NON-REGRESSION verifiee sur les series parasites : 1->1 et 2->2 entre auto et squats. Interrupteur : window.__mxCombatExerciceOff -->
  <!-- [2026-08-17 demande user : « les voix ne sont pas assez variees »] LA VARIETE EXISTAIT, C EST LE TIRAGE QUI CLOCHAIT. Verifie avant de coder : le catalogue fait 24 personas x 57 clips x 2 langues = 2736 fichiers, et v105-voice-clips.js:248-253 tire deja au sort — praise_0..4 (5 variantes), plank_0..3 (4), lost_0..1 (2). Le defaut n est donc pas le nombre de phrases mais la REPETITION IMMEDIATE : Math.floor(Math.random()*5) peut rendre deux fois de suite le meme index, soit une chance sur 5 d entendre la meme phrase d affilee, une sur 4 pour le gainage, une sur DEUX pour la defaite. On remplace le de par un SAC MELANGE : tirage sans remise, les 5 encouragements passent tous avant qu aucun ne revienne, et le premier du nouveau sac n est jamais le dernier de l ancien. MAP est privee dans la fermeture de v105 : on enveloppe donc HTMLMediaElement.prototype.play et on n agit QUE sur les URL voix/<langue>/<persona>/<famille>_<n>.mp3 — musique, effets, voix systeme et clips uniques (go, n7...) passent intacts. ON NE PARLE JAMAIS PLUS QUE PREVU : on substitue un fichier a un autre, une lecture reste une lecture, et les garde-fous de v105 (silence si trop bavard, deverrouillage audio mobile) restent en amont. volume et muted sont recopies sur le remplacant, sinon un joueur qui a baisse le son l entendrait a plein volume — et v125-voix-coupure ajuste justement le volume. Echec ouvert : URL non reconnue, lecture refusee ou exception -> on joue l element d origine, jamais de silence a la place. Interrupteur : window.__mxVoixVarieeOff -->
  <!-- [2026-08-17 demande user] BOSS ANIMES. Le mecanisme existait, il manquait les entrees : MX_MONSTER_VIDEO (v98-claude-CITADEL.js:105-122) associe le NOM EXACT d un monstre a sa video, main.js:16597 l applique dans updateMonsterUI (couvre chapitres, donjons et sagas) et v101-camera-combat.js:339-343 lit le MEME tableau — les ajouts valent donc aussi en combat CAMERA. IDENTIFICATION PAR PREUVE, PAS AU JUGE : v98 porte la trace d une erreur de juillet (video attribuee au « Prince Dechu » alors qu elle montrait le Shogun, reconnue a l oeil sur une image extraite). Chaque association vient d un fait verifiable — Roi Sanglier a pour image Monstre/roi_cochon.png (data.js:746) ; Megalodon porte le meme nom que la video (data.js:678) ; The VOYD a 38100 PV, le plus eleve du catalogue (data.js:806) ; Reine Larvaire Putride, Grimace l Abominable, Groul Seigneur des Meutes et Roi-Troll Royal sont les DERNIERS monstres de leurs donjons dans DUNGEONS (data.js:58), regle donnee par l utilisateur lui-meme. CINQ VIDEOS RESTENT NON BRANCHEES VOLONTAIREMENT (boss_genie, boss_legend, boss_primordial, voyd_govuerneur, voyd_perfect) : quatre monstres « Primordial » differents existent, aucun « Gouverneur » ni « Perfect », et le donjon du genie n est pas nomme ainsi — brancher au hasard mettrait la mauvaise animation sur un boss, visible par tous les joueurs. On n ECRASE JAMAIS une entree existante : ce pack ne peut qu ajouter. Interrupteur : window.__mxBossVideosOff -->
  <!-- [2026-08-17] UN BOUTON QUI ECHOUE TOUJOURS EST PIRE QUE PAS DE BOUTON. Verifie sur le vrai site via accounts:createAuthUri (l appel qui demande a Firebase si un fournisseur est utilisable, AUCUN identifiant en jeu) : google.com rend HTTP 200 avec son URL de consentement, apple.com rend OPERATION_NOT_ALLOWED « The identity provider configuration is not found ». Le bouton « Continue with Apple » etait pourtant affiche : un joueur qui clique recoit une erreur Firebase brute — mauvais pour lui, et motif classique de refus en revue App Store et Play. Apple ne PEUT pas etre active aujourd hui : Sign in with Apple exige un Service ID, une cle .p8, un Team ID et un Key ID, tous delivres par un compte Apple Developer payant que le projet n a pas. CE PACK interroge les fournisseurs au chargement et intercepte le clic en phase de CAPTURE pour ceux qui ne repondent pas, en affichant « bientot disponible » au lieu de laisser partir un appel voue a l echec. LE JOUR OU APPLE SERA CONFIGURE, le controle rendra 200 et le bouton redeviendra actif SANS QUE PERSONNE NE TOUCHE AU CODE — rien a se rappeler de defaire. On n efface pas le bouton, on l estompe : le masquer changerait la mise en page et suggererait que l option n existera jamais. ECHEC OUVERT : si le controle reseau echoue (hors ligne, quota), on ne neutralise RIEN — mieux vaut une erreur rare qu une option bloquee a tort. Interrupteur : window.__mxOauthIndispoOff -->
  <!-- [2026-08-17 demande user : « quand je reprends une potion et je peux pas, mets un pop-up, la ya rien »] LE MESSAGE EXISTAIT, IL ETAIT MASQUE. usePotion (main.js:14283+) refuse correctement et annonce « Potion reutilisable dans … » via showMessage. Mesure sur le site : apres l appel, #message porte bien le texte mais son style calcule est display:none, taille 0x0. La regle responsable est '#game-screen #message,#battle-arena #message{display:none!important;}' (v100-combat-hud.js:63), posee A LA DEMANDE DE L UTILISATEUR pour retirer les « cartes vertes/rouges de commentaire SOUS les exercices ». L intention etait bonne, l effet de bord non : #message est le canal de TOUS les retours du jeu — potion en recharge, energie insuffisante, cible manquante… tous muets depuis. ON N ANNULE PAS LA REGLE (les cartes restent supprimees, c est ce qui avait ete demande) : on enveloppe showMessage et on affiche le texte dans un bandeau bref en haut, qui disparait seul. Aucun texte reecrit : c est EXACTEMENT le message du jeu, traduction comprise. On enveloppe showMessage et pas usePotion parce que le meme silence touche TOUS les refus. DETAILS : pointer-events:none (un bandeau ne vole JAMAIS un toucher) ; z-index SOUS le panneau camera pour ne pas encombrer une seance filmee ; anti-repetition (meme texte a moins d une seconde = prolongation, pas clignotement) ; et si #message redevient visible un jour, on n affiche RIEN pour eviter le doublon. Interrupteur : window.__mxMessagesOff -->
  <!-- [2026-08-17 demande user : « retire ton icone de mesure, on commence les pubs »] ECRAN PROPRE POUR LES VIDEOS. La pastille de diagnostic #mx-diagt-ouvre (v119-diagnostic-tactile.js:221, bas droite, z-index 2147483400) a ete ajoutee parce qu il joue sur telephone sans console : c est elle qui a permis de relever le filtre de qualite, les remises a zero du compteur et l ecart detecteur/jeu. On en aura encore besoin — on la MASQUE, on ne la supprime pas. Elle n a rien a faire dans une video publicitaire ni sur une capture de fiche store, et un element de debogage visible est aussi un motif de remarque en revue. Masques : #mx-diagt-ouvre, #mx-diag-tuto-btn, #mx-logindiag. Le panneau lui-meme n est pas touche, et AUCUN element de jeu n est masque. Rallumage sans redeploiement : ?diag=1 (memorise ensuite), localStorage mx_diag=1, ou window.__mxEcranPropreOff. On ne touche PAS au voyant REC de l enregistreur de poses : il ne s affiche que pendant une capture volontaire et c est le seul repere indiquant qu elle tourne. Interrupteur : window.__mxEcranPropreOff -->
  <!-- [2026-08-17 trouve en preparant les fiches store] L ECRAN DE VICTOIRE RESTAIT EN FRANCAIS. Sur ses enregistrements tout est en anglais (SPORT PROGRAMS, ENABLE CAMERA, +1 REP, CLOSE, Choose ONE chest) SAUF le titre de fin de saga : « SAGA SAMOURAI — TERMINEE ». Cause en clair dans v99-completion-chest.js:147 : title = (saga ? saga.name : Saga) + ' — Terminee' — le suffixe est ecrit EN DUR, et saga.name vient de main.js:7899+ ou les sagas portent des noms francais (SAGA EGYPTE, SAGA ZOMBIE, SAGA VAMPIRE) quelle que soit la langue. Ce n est pas cosmetique : une capture avec un ecran francais sur une fiche App Store ou Play en anglais fait amateur, et la revue le releve. On enveloppe MX_showRewardChoice, point unique de cet ecran, et on reecrit le TITRE a l affichage : suffixe traduit, et themes connus (Egypte, Zombie, Vampire, Samourai, Paques, Squelette, Professeurs) traduits en gardant la casse d origine. ON NE RENOMME RIEN dans les catalogues : saga.name reste la cle du jeu, sauvegardes et comparaisons par nom ne bougent pas. Un theme absent de la table est laisse tel quel — mieux vaut un mot francais isole qu une traduction inventee qui changerait le nom d un contenu connu du joueur. N agit que si la langue n est pas le francais. Interrupteur : window.__mxSagaI18nOff -->
  <!-- [2026-08-27 retour de test telephone] « au debut ya un message disant que jai fait 0 rep
       alors que je viens d allumer la camera ». Le message n est pas mauvais : son horloge l est.
       v144:141 declenche au bout de 10 s comptees depuis l OUVERTURE DE L OVERLAY (v144:121), pas
       depuis l allumage de la camera — et sans jamais verifier que la camera est vivante (mesure :
       la bulle sort meme si on n active JAMAIS la camera). Pire, a t+4 s le jeu affiche lui-meme
       « CALIBRATION — fais 1-2 repetitions » (v101:434) et 6 s plus tard un autre message reproche
       au joueur de n avoir rien fait. Ce n est pas non plus la pompe qui l efface : la bulle a son
       propre minuteur de 7 000 ms (v144:105) — mesure 6 947 ms sans rep contre 6 911 ms avec.
       v207 retire la bulle tant que #mxcam-vsee n est pas en classe `on` (v101:418-427 : camera
       active ET pose vue ET calibree ET jambes cadrees) et la reemet apres 20 s de silence REEL. -->
  <!-- [2026-08-27 demande user] « retire le +1 rep dans le mode camera, les pompes fonctionnent
       tellement fluide ». On NE SUPPRIME PAS le noeud : 8 des 9 sites ecrivent
       $('mxcam-rep').onclick sans garde (v101:712, 902, 1002, 1079, 1103, 1121, 1148, 1517), et
       l exception tomberait AVANT attachEngine — la camera ne serait meme plus branchee.
       On masque par feuille de style, uniquement EN COMBAT et uniquement quand le detecteur compte
       vraiment. Le bouton reste en programme (v101:1103 « +1 = passer la pause », v101:1148 « en
       hold, +1 termine le hold »), en mode manuel ou il est le SEUL moyen de compter, et en repli
       quand la camera ne demarre pas. Supplante v192-plus1-hors-combat.js, mesure a ZERO masquage
       sur le vrai chemin (son contexte vaut null via MX_cameraMonsterFight). -->
  <!-- [2026-08-27 demande user] « dans les events je veux le meme systeme que le premier event
       avec les offres — sniper 5 victoires 1 coffre etc. ». v204 avait deja des paliers (v204:145)
       et les payait (v204:469), mais ils etaient INVISIBLES (aucune lecture dans carte(),
       v204:569-591 ; verifie aussi a l ecran) et son « coffre » etait un emoji texte (v204:528).
       v209 apporte la table demandee (5/10/20/30), l affichage calque sur le Cyber, et un vrai
       coffre. Il ne reecrit PAS la victoire : il declare les 5 seuils de v204 deja encaisses dans
       s.claimed AVANT de lui passer la main, ce qui neutralise son versement sans toucher au reste.
       L or des coffres est module par event (facteur mesure) : 30 victoires coutent 3 590 reps en
       Last Stand contre 142 945 au Cyber. -->
  <!-- [2026-08-27 audit App Store regle 1.2, mais c est d abord une question de securite]
       PENDANT UN DUEL FILME CONTRE UN INCONNU, LE JOUEUR N AVAIT AUCUN RECOURS.
       Le signalement existe (v102-report-player.js) mais il etait injoignable au moment ou il
       sert : (1) son bouton n est injecte que dans #pvp2-screen et #coopb-screen (v102:173-174),
       or #mxcam-ov recouvre tout l ecran pendant un duel camera ; (2) sa fenetre #mxrep-ov est
       en z-index 2147483270 (v102:67) contre 2147483300 pour l overlay camera (v101:104) —
       trente crans EN DESSOUS, donc invisible meme si on la declenchait.
       v210 pose un bouton ENFANT de #mxcam-ov (jamais sur document.body : c est l erreur qu on
       corrige) qui appelle MX_openReportPlayer() — la fonction que v102 expose deja, aucune
       logique dupliquee — et fait passer #mxrep-ov au-dessus de la camera. Le bouton n apparait
       que s il y a un adversaire humain a signaler. -->
  <!-- [2026-08-27] REGISTRE DES GREFFES — on s attaque a la CAUSE, pas au symptome.
       Mesure prealable (scripts/_banc-empilement.mjs) : 2 975 fonctions globales, 312
       enveloppees, 579 marques, pire cas showScreen a 24 couches. Et surtout : ZERO reecriture
       dans les 30 s apres le demarrage — les paquets ne se reposent PAS en boucle a l execution.
       Le cout reel n est donc pas la performance, c est qu un defaut se cherche a travers vingt
       couches anonymes. v205 REPARE les marques perdues apres coup (179 paquets les oublient) ;
       v211 rend l ECRITURE elle-meme sure : il recopie les marques automatiquement, REFUSE une
       repose a l identique (la cause du gonflement) et tient le registre de qui a greffe quoi.
       MX_greffes() rend la chaine complete d une fonction.
       Il ne s installe QU APRES le demarrage et JAMAIS sur une propriete deja accesseur : un
       bouclage mutuel avec un shim existant a deja bloque ce jeu au premier lancement. -->
  <!-- [2026-08-27 chasse a la justesse] LA TROISIEME FOIS QUE CE PIEGE SE PAIE.
       main.js:27434 declare `let currentAccountName = null;`. Un let au sommet d un script vit
       dans l environnement lexical global : lisible en identifiant nu par tout script, mais
       ABSENT de window. Mesure dans le jeu : window.currentAccountName = undefined, et
       getAccountSaveKey(...) rend "fitnessQuest_undefined".
       CE QUE CA CASSAIT : v106-anti-perte.js:412 cherchait cette cle inexistante — la moitie
       LOCALE de la protection contre la perte de progression ne s executait JAMAIS ; et
       v206-sauvegarde-verifiee.js:50 relisait la cle INVITE pour un compte nomme, donc
       verifiait la mauvaise sauvegarde. Plus une dizaine de lectures dans main-patches.js
       (nom du joueur, avatar, adversaire) qui retombaient sur "Player".
       Pas de correction a la source : la variable est affectee a TREIZE endroits de main.js,
       donc treize occasions d oublier un miroir — et un miroir oublie donne une valeur PERIMEE,
       pire qu une valeur absente. On publie donc un accesseur qui LIT la vraie variable.
       Il ne boucle pas : le lecteur fait `return currentAccountName` en identifiant NU, resolu
       sur le let avant l objet global. C est la difference exacte avec l incident currentLang,
       ou le repli lisait une PROPRIETE. Verifie par 1000 lectures d affilee. -->
  <!-- [2026-08-27 chasse a la justesse — DEFAUT BLOQUANT]
       LES REPETITIONS FAITES EN CAMERA N EXISTAIENT POUR RIEN HORS DU COMBAT.
       Prouve par comptage : v101-camera-combat.js ne contient AUCUNE occurrence de
       exerciseCount, globalStats ni MX_trackExercise — zero sur tout le fichier. Sa boucle
       st.onRep (v101:885) retire des PV au monstre et s arrete la. Le joueur faisait vingt
       vraies pompes et l ecran des Quetes ne bougeait pas d un pouce. C est la fonctionnalite
       centrale du jeu, vendue 40-60 gemmes et mise en avant comme avantage PRO.
       v153-camera-stats couvre les RECORDS (meilleure serie, rang fitness) — pas les quetes.
       v213 compte par ECARTS et non par cloture de serie : updateGlobalStats ACCUMULE, alors
       que MX_talentLog ne garde que le maximum. Une serie comptee deux fois gonflerait les
       quetes, et un joueur qui gagne des recompenses non meritees est un defaut aussi grave
       que l inverse. Versement toutes les 3 s, et avant tout passage en arriere-plan. -->
  <!-- [2026-08-28 regle Apple 1.2, mais d abord une question de securite]
       LA CHARTE AVANT L ACCES AU SOCIAL. Le jeu met en relation des inconnus QUI SE FILMENT
       MUTUELLEMENT — le duel aleatoire impose la camera (v190:22). Une personne qui tombe sur
       un comportement deplace doit savoir AVANT d y entrer qu elle peut signaler et que ca a
       des consequences. v210 a rendu le signalement atteignable pendant un duel filme ; v214
       fait la seconde moitie : prevenir avant, pas seulement reparer apres.
       Apple exige (1.2) une charte acceptee avant tout acces au contenu genere par les
       utilisateurs, avec tolerance zero explicite. Google a des exigences voisines.
       Passe par MX_greffe : showScreen porte 26 couches et n est pas configurable. -->
  <!-- [2026-08-30 signale sur iPhone : « toutes les notifications pop-up sont en francais alors que j etais en anglais »] LA TRADUCTION ETAIT CALCULEE PUIS JETEE. main.js:21308 traduit bien (t = T(t)) et ecrit dans #message ; mais #message est masque EN PERMANENCE par v100-combat-hud.js:63, et le bandeau de secours qui s affiche reellement (v131-messages-visibles.js:124) relit `t`, l ARGUMENT D ORIGINE. Le `t = T(t)` de main.js ne modifiait qu une variable locale, dans un element invisible : 100 % des pop-up sortaient en francais, y compris les ~95 chaines que le dictionnaire traduit parfaitement. v131 affirme pourtant dans son en-tete « traduction comprise » — l intention y etait, le code non. ON TRADUIT DONC AVANT v131, en resolvant window.T AU MOMENT DE L AFFICHAGE : v99-i18n-engine6.js:244 remplace le T() en/es de main.js par une version 8 langues, et capturer T a la pose figerait l ancienne. Traduire deux fois est sans danger (T fait une egalite exacte de cle : une chaine deja traduite ressort inchangee). RESTE A FAIRE, mesure : sur 619 appels showMessage, 496 passent du francais en dur et ~20 % seulement sont au dictionnaire ; 235 sont des concatenations, structurellement introuvables par T(). Ce paquet retablit le canal, il ne remplit pas le dictionnaire. Interrupteur : window.__mxMsgTraduitsOff -->
  <!-- [2026-08-30 demande user : « donne-moi la possibilite de bloquer / signaler dans l historique, ca m evite de faire un duel pour bloquer »] SIGNALER ET BLOQUER ETAIENT PRISONNIERS D UN DUEL EN COURS : v102-report-player.js:161 n injecte son drapeau que dans #pvp2-screen / #coopb-screen et sort si ctx() est nul (« pas de match en cours -> pas de bouton ») ; v229 pose son Bloquer dans cette meme fenetre. Or c est APRES le duel qu on y pense. OBSTACLE LEVE : l historique ne gardait que le NOM de l adversaire (main-patches.js:4377) alors que l identifiant etait sous la main (d.hostId lu juste au-dessus, d.opponentId utilise a la ligne 4141) — simplement jete. On l enregistre (oppUid) et on le porte au DOM en data-uid, dans l historique ET dans le classement. Le CLASSEMENT est le point important : c est le seul ecran qui liste de vrais joueurs avec leur identifiant sans exiger de duel, donc le seul demontrable seul. Signaler passe par MX_signaler (v122:90) qui ecrit le rapport ET bloque — la fonction que personne n appelait. LIMITE ASSUMEE : les entrees d historique enregistrees AVANT ce jour n auront jamais d identifiant (le document de match est supprime, le matchId n est pas conserve) : pas de boutons sur ces lignes-la. Interrupteur : window.__mxBlocHorsDuelOff -->
  <!-- [2026-08-30 signale sur iPhone : « un bouton qui gene en bas quand je cree un compte — transferer / plus tard — mais les deux boutons ne marchent pas »] LES BOUTONS SONT BONS, C EST LE MOMENT QUI EST MAUVAIS. v195-migration-invite:207 et :234 posent bien leurs addEventListener. Test de vise (elementFromPoint au centre de chaque bouton, 375x812) : les DEUX sont bloques par #mx-tuto-pop, le fond de la fenetre du tutoriel, en position:fixed;inset:0 a z-index 2147483250 (v99-tutorial-flow:379) — la banniere est a 2147483000, soit 250 crans dessous. ON NE PERCE PAS CE VOILE : son fond est un degrade a 92-97 % d opacite, c est un vrai fond de modale dont le role est d empecher de toucher derriere ; le rendre traversant ouvrirait tous les clics parasites pendant le tutoriel. ON NE MONTE PAS NON PLUS LA BANNIERE AU-DESSUS : elle masquerait le tutoriel d un joueur qui decouvre le jeu pour lui proposer un transfert dont il n a pas idee. On la met donc EN SOMMEIL tant qu elle est recouverte, et on la montre des que le chemin est libre — la proposition survit au tutoriel et revient d elle-meme. Le test ne demande pas « le tutoriel est-il ouvert ? » mais « quelqu un recouvre-t-il mes boutons ? » : un test nommant #mx-tuto-pop raterait le prochain voile, et il y en aura un — c est le cinquieme cas de ce piege ici. Interrupteur : window.__mxTransfertAttOff -->
  <!-- [2026-08-30 signale plusieurs fois : « je peux encore aller a droite de l ecran d accueil »] MES MESURES PRECEDENTES DISAIENT « RIEN A SIGNALER », ET ELLES AVAIENT RAISON : aucun element ne depasse la FENETRE (right > innerWidth), sur 11 largeurs et 7 ecrans. Je posais la mauvaise question. Ce qui glisse, ce sont des conteneurs qui debordent A L INTERIEUR D EUX-MEMES : .player-stats-panel contenu 515 px pour un cadre de 344 (171 px de trop), #mx-bg-game 450 pour 375 (75 de trop) — verifie en poussant scrollLeft, ils defilent REELLEMENT de 171 et 75 px. ET VOILA POURQUOI SEULEMENT VERS LA DROITE : ils sont a scrollLeft 0, on ne peut tirer que vers le contenu en trop, qui est a droite ; a gauche il n y a rien a atteindre. L asymetrie signalee n etait pas un caprice de l iPhone, c est la consequence exacte de la position de depart. PAS overflow-x:clip : essaye ici, y compris en style en ligne avec !important, la valeur calculee reste `hidden` — le navigateur refuse clip sur un axe quand l autre defile. On utilise touch-action:pan-y (la propriete faite pour ca : interdit le geste horizontal, garde le vertical) + overscroll-behavior-x:none sur html et body, ou il n etait JAMAIS pose (v98-polish.css:196 ne le met que sur .screen). Le paquet MESURE les conteneurs fautifs a chaque passage au lieu de figer une liste, et EPARGNE ceux dont l overflow-x vaut auto/scroll : ceux-la defilent expres. Interrupteur : window.__mxGlissementOff -->
  <!-- [2026-09-01 demande user : « je vois pas signaler et bloquer, tu peux mettre a cote d abandonner »] LES TROIS LISTES DE v232 NE SUFFISENT PAS : le classement lit la collection `users` (main-patches.js:4443) ou ne figurent que les joueurs ayant deja ouvert l arene — il peut etre vide ; l historique n a d identifiant que depuis le 30/08 ; et surtout le joueur qui veut signaler quelqu un est EN TRAIN de le subir : il est sur l ecran d attente ou en plein duel, pas dans une liste. L utilisateur a designe le bon endroit. DEUX ECRANS, DEUX SOURCES : ① l ecran d attente #pvp2-search (main-patches.js:3629) n affiche qu un message — showSearchingOverlay(msg) ne recoit AUCUN identifiant — donc on enveloppe MX_pvp2_challengeFriend(targetUid,targetName) (main-patches.js:3730), seul point du parcours ou l information existe ; ② en duel, l adversaire se lit dans le document de match, meme source que v102 et v229. ON N INVENTE JAMAIS D IDENTIFIANT : sans certitude sur qui est en face, aucun bouton — bloquer la mauvaise personne est pire que ne pas pouvoir bloquer. ON NE TOUCHE A AUCUN BOUTON EXISTANT : Annuler et Abandonner gardent place, taille et gestionnaire, on insere APRES eux ; Bloquer est en retrait et demande confirmation pour qu un joueur qui veut abandonner ne le touche jamais par erreur. NOTE : l ecran d attente est celui ou l utilisateur reste coince (« invitation envoyee, maximum 60 s ») ; y poser les boutons ne repare pas ce blocage, mais rend le signalement possible pendant qu il dure. Interrupteur : window.__mxSignalDuelOff -->
  <!-- [2026-09-01 signale sur iPhone, capture a l appui : « regarde comment c est centre, c est claque, on voit pas tous les boutons »] Quatre choses rognees EN MEME TEMPS sur l ecran de duel : la carte de l adversaire et sa barre de PV coupees a DROITE, le bouton « Cha… » coupe a droite, « …de Normal » coupe a GAUCHE, et « ABANDONNER (10 min avan… » coupe en bas. Rogne des DEUX cotes : ce n est pas un decalage, c est un contenu plus large que l ecran et centre, donc qui depasse symetriquement. JE N AI PAS PU MESURER CET ECRAN : ouvrir l arene demande un duel reel entre deux comptes, aucun banc ne le reproduit. Le paquet ne fige donc AUCUNE valeur — il mesure sur l appareil a l affichage et ne corrige que ce qui depasse vraiment. ① tout element franchissant la fenetre est BORNE (max-width:100% + box-sizing), on ne deplace rien ; ② les libelles trop longs sont reduits jusqu a rentrer, plancher 11px, mesure au canvas (scrollWidth ment des qu il y a du remplissage, un Range ment des que le texte revient a la ligne) ; ③ min-width:0 sur les enfants flex — sans ca un element flex REFUSE de descendre sous la largeur de son contenu, et c est LA raison pour laquelle une carte deborde au lieu de retrecir : invisible en lisant le CSS, decisif a l ecran. ON NE TOUCHE PAS AUX POSITIONS (aucun transform, aucun recentrage en dur : si la mise en page change un jour, un decalage ecrit en dur DEVIENDRAIT le defaut) NI A L OVERLAY CAMERA (quatre paquets s en occupent deja). Interrupteur : window.__mxAreneCadreeOff -->
  <!-- [2026-09-01 demande user : « enleve le drapeau en haut a gauche pour signaler et laisse les boutons en bas qui sont mieux »] IL Y A DEUX DRAPEAUX EN HAUT A GAUCHE, ET ILS NE SERVENT PAS AU MEME MOMENT. v102-report-player.js:65 pose `.mxrep-btn` a top:10px dans #pvp2-screen / #coopb-screen : depuis v235, Signaler et Bloquer sont a cote d Abandonner, au meme endroit et plus lisibles — c est un doublon, on le masque. v210-signalement-camera.js:115 pose le sien a top:52px, ENFANT de #mxcam-ov : pendant un duel FILME la camera recouvre tout l ecran et les boutons de v235, qui vivent dans l arene en dessous, sont inatteignables — ce drapeau-la est alors le SEUL recours, on n y touche pas. Le retirer rendrait le signalement impossible exactement quand il sert le plus, face a un inconnu qui se filme. ON NE MASQUE QUE SI LE REMPLACANT EST LA : le drapeau ne s efface que lorsque `.mx-sd-actions` est reellement pose dans le meme ecran ; si v235 n a pas pu identifier l adversaire (il refuse de poser des boutons sans certitude), le drapeau reste — un recours moche vaut mieux que pas de recours. ON MASQUE, ON NE SUPPRIME PAS : v102 reinjecte son bouton toutes les 1,5 s (v102:171), le supprimer creerait une boucle pose/retire et un clignotement. Interrupteur : window.__mxDrapeauEnTropOff -->
  <!-- [2026-09-01] CE PAQUET NE CORRIGE RIEN, IL MESURE. J ai corrige une cause CERTAINE du defi bloque (le popup d invitation mourait a 30 s alors que l expediteur attend 60 s) mais je n ai pas pu reproduire un duel a deux comptes : impossible de verifier que c etait LA cause. Quatre hypotheses ont deja ete ecartees aujourd hui en LISANT le code — regles Firestore, energie, minuterie de duel, mx-room — chacune paraissait solide, une seule mesure sur l appareil aurait tranche plus vite. Ce journal enregistre le cycle de vie d une invitation DES DEUX COTES, horodate : envoi, creation du match, chaque changement de statut, affichage du popup, DISPARITION du popup, clic sur Accepter, et surtout l ECHEC de l ecriture avec son code d erreur. Le point qu aucune lecture de code ne peut donner : un onSnapshot REFUSE est totalement muet cote application — ici il apparait en clair. AUCUNE ECRITURE, aucune greffe sur la logique de combat : on observe le document en lecture seule et on horodate deux fonctions d interface. Un mouchard qui change ce qu il observe ne sert a rien, et sur du multijoueur il ferait pire. Memoire bornee a 60 entrees. Lecture : MX_journalDefi() · Interrupteur : window.__mxJournalDefiOff -->
  <!-- [2026-09-01 demande user : « celui qui envoie l invitation a la pop-up defier un ami par-dessus, faut cliquer hors zone pour retomber sur l arene — je voudrais arriver direct dans la page defi »] Au lancement d un defi le jeu retire UNE fenetre, celle ou l on choisit son adversaire (main-patches.js:3770, pvp2-friends-modal). Mais le MENU de l Arene qui l a ouverte — « Defier au hasard / Defier un ami / Sans stats » — reste en place (pvp2-menu-modal) et se retrouve PAR-DESSUS l arene quand le duel demarre. Meme oubli cote coop : coop2-friends-modal est retiree, coop2-menu-modal non (main-patches.js:6102). Ce paquet referme les fenetres du menu des que l ecran d arene est VISIBLE. ⚠️ VISIBLE et pas seulement present : les ecrans de ce jeu existent en permanence et sont masques, donc se fier a getElementById refermerait le menu a l instant meme ou le joueur l ouvre — on mesure une largeur non nulle. ⚠️ ON RETIRE, ON NE MASQUE PAS, contrairement a l habitude de ce projet : ces fenetres sont recreees de zero a chaque ouverture du menu et ne conservent aucun etat ; les masquer laisserait des noeuds morts qui se rouvriraient « deja remplis » au tour suivant. Interrupteur : window.__mxAreneSansMenuOff -->
  <!-- [2026-09-01 demande user : « les gens peuvent rafraichir l application pour quitter le defi sans abandonner » — solution retenue par l utilisateur : « le plus sur »] L ABANDON AUTOMATIQUE A EXISTE ET A ETE DESACTIVE EXPRES (main-patches.js:3995, « no-op anti auto-forfeit ») ; v97-claude-PVP-RULES-FIX:134 va meme jusqu a ANNULER tout abandon automatique detecte. La raison est bonne : la version d avant declarait perdant un joueur dont la connexion avait hoquete. On ne reactive donc RIEN de tout cela. Ce paquet MONTRE, il ne DECIDE PAS : quand le battement de coeur de l adversaire se tait, un bandeau annonce « Adversaire deconnecte — 60 s pour revenir » avec le decompte ; s il revient, tout reprend. Le decompte ecoule, un bouton « Reclamer la victoire » APPARAIT — il n agit jamais seul. C est la difference essentielle avec le systeme desactive : aucune minuterie ne declare personne perdant, un joueur present CHOISIT. ⚠️ le battement s arrete quand l ecran est masque (main-patches.js:3985, volontaire pour la facture serveur), donc quelqu un qui repond a un message a l air deconnecte : d ou un seuil genereux (30 s de silence AVANT d annoncer quoi que ce soit) plus 60 s de decompte, soit pres de deux minutes avant qu une victoire soit seulement PROPOSABLE. ⚠️ ON N ECRIT RIEN tant que personne ne clique — ce projet a divise sa facture serveur par 25 en traquant les ecritures inutiles. La reclamation met les PV de l absent a 0 DANS LA MEME ECRITURE que `winner`, comme l exige pvpVictoireLegitime() : on respecte la regle, on ne la contourne pas. Reglages : window.MX_SILENCE_MS / MX_RETOUR_MS · Interrupteur : window.__mxReconnexionOff -->
  <!-- [2026-09-01 signale par l utilisateur : « impossible d inviter un ami qui n a plus d energie, c est une faille aussi »] CE N ETAIT PAS UN CONTOURNEMENT, C ETAIT UN GENERATEUR. Quatre fichiers ecrivaient avant d accepter un duel : `if(gs && (typeof gs.energy !== 'number' || gs.energy < 2)) gs.energy = 2;`. L invite passait a 2, consumeEnergy en retirait 1, et il se retrouvait avec 1 point QU IL N AVAIT JAMAIS EU — se faire inviter rapportait de l energie. Et la condition `typeof !== 'number'` en fabriquait meme quand la valeur etait illisible. Sites : v96-claude-SOCIAL-FIX2 (4 emplacements), mx-matchmaking:187, v96-claude-FIX-SOCIAL-PROPER:913, v97-claude-NOTIFS-REALTIME:383. L intention d origine etait bonne (« R3 : consumeEnergy bloque et l arene ne s ouvre jamais ») mais le vrai defaut etait que ce refus etait MUET — corrige aujourd hui (main-patches.js:3849) : on n a plus besoin de mentir sur l energie pour que le duel fonctionne. UNE SEULE FONCTION PUBLIEE plutot que quatre copies : recopier ce controle est exactement ce qui a produit le defaut, et ce projet a deja paye aujourd hui pour deux listes d exclusion divergentes (772 Ko de traductions en 404) et deux minuteries d invitation (30 s contre 60 s). ⚠️ En cas de DOUTE on laisse passer (energie illisible = aucun blocage) ; ⚠️ on DECLINE au lieu de se taire, sinon l expediteur attendrait ses 60 s pour rien. Interrupteur : window.__mxEnergieDuelOff -->
  <!-- [2026-09-01 demande user : « 5 defis arene par jour qui se renouvelle a minuit, a moins qu il paye 20 gemmes pour reset — ou qu il soit MONARCH PRO, PvP et PvM compris ; PvM 5 invitations par jour ; je veux bien le pop-up pour les prevenir »] ON COMPTE UNIQUEMENT LES DEFIS QUE L ON LANCE : MX_pvp2_challengeFriend (3730), MX_pvp2_startRandom (3370), MX_coop2_challengeFriend (6079), MX_coop2_startRandom (5913). ⚠️ ACCEPTER NE CONSOMME RIEN, et c est delibere : sinon n importe qui pourrait vider ton quota en te spammant d invitations — une limite qu un tiers peut epuiser a ta place n est pas une limite, c est une arme. ⚠️ ON NE COMPTE QUE CE QUI A VRAIMENT DEMARRE : on attend de voir l ecran d attente (pvp2-search / coop2-search) avant d incrementer, sinon un defi refuse pour cooldown, energie ou pari annule couterait un essai et le joueur perdrait ses cinq defis sans en jouer un seul. MINUIT et pas 24 h glissantes : meme calendrier que v228 et la recompense quotidienne — deux facons de compter les jours dans un meme jeu finiraient par se contredire, et le glissant punit celui qui a joue a 20 h hier. PREAVIS des le 3e defi, et au 5e on annonce que c etait le dernier : decouvrir une limite au moment ou elle bloque est la pire facon de l apprendre. PRO illimite via MX_PRO.isPro() (v101-pro-subscription:101). Reglages : window.MX_DEFIS_PAR_JOUR / MX_COUT_RESET_DEFIS · Interrupteur : window.__mxDefisJourOff -->
  <!-- [2026-09-01 demande user : « en debut de jeu je veux un mailbox avec 15 gemmes offert et un chapeau niveau 1, c est le cadeau de bienvenue de la part de l Architecte, fais passer le message en anglais etc. » · « qui peut reclamer »] EN LOCAL, PAS DANS FIRESTORE, et c est deliberе : les regles exigent fromUid == request.auth.uid (firestore.rules:218), donc le message viendrait du joueur lui-meme et non de l Architecte ; un joueur en mode INVITE n a pas de compte et ne verrait jamais rien ; et un cadeau de bienvenue qui depend du reseau peut arriver en double ou pas du tout. On pose la carte dans #mb-content, le conteneur reel de la boite (v96-claude-mailbox:42), et l etat vit dans gameState — hors ligne, en invite ou sur un compte neuf, ca marche pareil. QUI PEUT RECLAMER : tout le monde, UNE SEULE FOIS ; la marque suit la sauvegarde, survit au rechargement, et un invite qui cree ensuite un compte l emporte avec sa progression (v195-migration-invite). ⚠️ ON MARQUE AVANT DE DONNER : crediter puis marquer est la recette du double cadeau au premier double-clic un peu rapide. ⚠️ Chapeau volontairement MODESTE (niveau 1, +2 degats, +15 PV) : un cadeau de bienvenue ne doit pas rendre inutiles les vingt premieres heures de jeu. Traduit dans les 8 langues. Interrupteur : window.__mxCadeauOff -->
  <!-- [2026-09-01 demande user : « il y a une faille dans les recompenses du classement ? » puis « merci de neutraliser ca »] LA FAILLE, TELLE QU ELLE EST DANS LE CODE : claimWeeklyReward() (js/main.js:38521) recompense selon le CLASSEMENT au boss de la semaine — 1er x3, 2e x2,5, 3e x2, top 10 x1,5, plus un titre exclusif « Champion Semaine N » — et ce classement est INVENTE (js/main.js:38534) : `var fakeOthers = [450000, 320000, 280000, 195000, 150000, 120000, 95000];`. Le joueur n est pas compare a d autres joueurs mais a SEPT NOMBRES ECRITS EN DUR : depasser 450 000 degats suffit a etre « premier » contre personne. Et tout est credite COTE CLIENT (gameState.gold += …, playerXp += …) sans aucune verification serveur. Le garde-fou `rewardClaimed` empeche bien de reclamer deux fois — c est le classement lui-meme qui est fictif. ⚠️ CE N EST PAS LA FONCTION SERVEUR DU MEME NOM : exports.claimWeeklyReward (functions/index.js:168) est irreprochable — transaction, document d idempotence weekly_claims/{uid}_{semaine}, credit par FieldValue.increment. Deux fonctions homonymes, deux natures opposees ; on ne touche QUE celle du client. ON NE SUPPRIME RIEN : ni le boss hebdomadaire, ni les donnees de participation, ni les titres deja obtenus — reprendre de l or a des joueurs qui l ont recu de bonne foi serait pire que la faille ; on ferme la porte, on ne fouille pas les poches. ON MASQUE LE BOUTON SANS LE RETIRER : la modale est reconstruite a chaque ouverture (main.js:38436), un retrait serait defait au tour suivant et le bouton clignoterait. Reversible : window.__mxHebdoOff = true retablit tout. -->
  <!-- [2026-09-01 demande user : « tu peux empecher de dire gros mot etc… comme sur LoL, les insultes -*** »] LE FILTRE EXISTAIT DEJA ET N ETAIT APPELE NULLE PART. MX_filtrer (v122-securite-joueurs.js:180) fait exactement ce qui est demande — chaque insulte remplacee par autant d asterisques, coordonnees personnelles masquees par […], 37 mots et 4 motifs. Recherche sur tout le projet : AUCUN appel hors de sa propre definition. Ecrit, publie sur window, jamais branche — exactement comme MX_bloquer ce matin. ON BRANCHE SUR LES DEUX MOMENTS : a l EMISSION (rien de grossier ne part) et a l AFFICHAGE (la base contient deja des messages ecrits avant ce paquet, et un client modifie peut toujours ecrire directement puisque le serveur ne filtre pas). ON CENSURE, ON NE BLOQUE PAS : refuser le message apprend au joueur a contourner le filtre ; le laisser partir en **** ne lui donne aucune information sur ce qui a ete detecte — c est le choix de League of Legends. LIMITE ASSUMEE ET ECRITE : les 37 mots sont essentiellement FRANCAIS, le filtre ne couvre ni l anglais ni les sept autres langues du jeu. Elargir la liste est un ajout de donnees, pas de code (GROS_MOTS dans v122). Interrupteur : window.__mxFiltreChatOff -->
  <!-- [2026-09-01 decision de publication] LE BOUTON « REGARDER UNE PUBLICITE » NE MONTRAIT AUCUNE PUBLICITE. watchAdForGems (js/main.js:33119) affiche « Chargement… », attend 3 secondes par setTimeout, puis donne +3 gemmes et +10 or. Aucune regie n est installee — verifie dans package.json : ni AdMob, ni AppLovin, ni Unity Ads. Le bouton promettait une video qui n existe pas. TROIS RAISONS DE LE RETIRER : une fonctionnalite qui n accomplit pas ce qu elle annonce est un motif de refus direct en revue (un examinateur clique, attend, ne voit rien) ; elle rendait FAUSSE la reponse « Publicite : OUI » du questionnaire d age, gonflant la classification pour une fonction inexistante ; et pour le joueur c est un mensonge — on lui fait croire qu il paie de son attention ce qu on lui donne. ON MASQUE, ON NE SUPPRIME PAS : watchAdForGems reste en place, le jour ou une vraie regie sera branchee il suffira de retirer ce paquet. ON NE REPREND RIEN aux joueurs qui ont utilise ce bouton de bonne foi. CEINTURE ET BRETELLES : le CSS cache le bouton, la greffe neutralise la fonction (appelable autrement), et les TEXTES qui promettent une pub sont masques dans les 8 langues — un bouton retire mais une promesse restee a l ecran serait pire. Interrupteur : window.__mxFaussePubOff -->
  <!-- [2026-09-01 decision de publication] IL Y AVAIT DEUX CHATS GLOBAUX, v218 N EN A FERME QU UN. Le 28/08, v218 a ferme celui de mx-chat.js (panneau flottant #mx-globalchat-*), pour une excellente raison : un canal public mondial est la plus grosse exposition de moderation d un jeu tenu par une personne. Mais il en existe un SECOND, complet et independant : ChatSystem (js/main.js:38931), un ecran a trois onglets — 🌍 Global, ⚔️ Guilde, 💬 Prive — ouvert par showScreen(chat), dont l onglet Global ecrit dans chat_global et l ecoute en temps reel. Non touche, et atteignable. Deux implementations du meme besoin ecrites separement, comme les deux claimWeeklyReward et les deux showDuelNotification trouves le meme jour : on avait ferme une porte en croyant fermer la maison. POURQUOI MAINTENANT : le questionnaire d age d Apple (obligatoire depuis septembre 2026) demande si l app a une « capacite reseau social », definie comme un flux qui « diffuse du contenu aupres d un grand nombre d utilisateurs de maniere visible ». Un chat mondial correspond mot pour mot ; repondre NON en le laissant ouvert serait faux. ON FERME UNIQUEMENT L ONGLET GLOBAL : guilde et messages prives restent entiers, ce sont des canaux fermes et non un flux — ils relevent de « Messagerie et chat », declare honnetement OUI. TROIS VERROUS, parce qu un seul se contourne : l onglet disparait ; switchChannel(global) est refuse (un ancien bouton ou un etat sauvegarde ne peut y ramener) ; et si le canal courant EST global au chargement, on bascule sur prive. LE SERVEUR AUSSI : masquer l interface ne ferme pas la collection — les regles autorisaient encore create sur chat_global, ferme dans le meme mouvement. Une declaration a Apple doit etre vraie, pas seulement visuelle. Reversible comme la fausse pub : window.__mxChatGlobal2Off = true -->
  <!-- [2026-09-02 defaut de la chasse du 27/08] LE JOUEUR VOIT « 👑 25 GEMMES + TITRE » ET N OBTIENT JAMAIS LE TITRE. Le jeu tient les titres dans DEUX tableaux : customization.ownedTitles, LE SYSTEME VIVANT — c est lui que lisent l ecran des titres (main.js:34696, :34740, :34806) et les conditions de sorts (:11772) — et unlockedTitles, l ancien systeme, que plus rien ne lit pour decider ce que le joueur possede. Or CINQ recompenses n ecrivent QUE dans le second : coffre (main.js:29016), effets d objet (:33891 et :33981), achat en boutique (:35582), 30e jour de serie (:37333), parrainage (:37409). v99-health-steps.js:139 fait les choses correctement — il ecrit dans LES DEUX — et c est ce modele qu on generalise. MESURE AVANT, profil neuf, reproduction exacte du chemin fautif : unlockedTitles ["title_iron_will"], ownedTitles ["title_novice"] inchange, le joueur possede le titre = FALSE. UN MIROIR PLUTOT QUE CINQ CORRECTIFS : corriger les cinq appels demanderait cinq greffes dans main.js, cinq occasions de se tromper, et rien pour un sixieme endroit ajoute demain. ON DEMARRE APRES LA PURGE DE v105 (v105-titles-images.js:173-187 vide unlockedTitles UNE SEULE FOIS, tot, pour retirer l heritage) : synchroniser avant elle recopierait cet heritage dans le systeme vivant. ON NE RECOPIE QUE CE QUI EXISTE AU CATALOGUE : les cinq sites ne poussent pas la meme chose — certains un identifiant, main.js:35583 un NOM d affichage — donc on resout par id PUIS par nom, et on ignore ce qui ne correspond a rien. ON N ENLEVE JAMAIS RIEN : le miroir n ajoute que. Interrupteur : window.__mxTitresPromisOff -->
  <!-- [2026-09-02 demande user : « je veux que tout le jeu soit 50 % plus simple, 50 % de vie en moins, on ne touche pas aux degats »] ON N EDITE AUCUNE VALEUR DE MONSTRE. Le jeu multiplie DEJA tous les PV par un facteur global pose par v100-monster-balance.js:20 (MX_MONSTER_HP_MULT = 3), dont l en-tete dit « Reglable / reversible ». On passe de 3 a 1,5 : citadelle, donjons, saga epique, boss du mois, portails et coop voient leurs PV divises par deux, sans qu une seule valeur de contenu soit touchee. Les DEGATS des monstres ne bougent pas (MX_MONSTER_DMG_DIV reste a 2). LE PIEGE EVITE : main.js:13662 dit « la difficulte paie via les PV » — l XP et l or sortent de MX_curatedXp(hp). Diviser les PV par deux aurait AUSSI divise les gains par deux, donnant un jeu plus facile ET une progression deux fois plus lente, ce qui n est pas demande. On enveloppe donc MX_curatedXp pour qu elle calcule sur les PV D AVANT : les recompenses restent exactement ce qu elles etaient. A LIRE AVEC v101-camera-combat.js, ou le plafond maxHp/18 a ete retire le meme jour : les deux vont ensemble. Interrupteur : window.__mxMoitieVieOff -->
  <!-- [2026-09-02 demande user : « en camera les points de vie de nous et de l ennemi sont pas trop visibles, tu peux faire un peu plus visible pour bien montrer les changements, la perte ou le gain »] CE QUI MANQUAIT, releve dans v101-camera-combat.js avant d ecrire une ligne : la barre du MONSTRE (.mxcam-mhp, 15 px) n avait AUCUN chiffre — le joueur ne voyait jamais « 350 / 600 », seulement une largeur qui glisse ; la barre du JOUEUR avait un texte de 10 px, illisible a bout de bras pendant une pompe ; et AUCUNE des deux ne signalait le CHANGEMENT — une perte de 3 % et une perte de 40 % se ressemblaient. ON AJOUTE : une BARRE FANTOME qui reste a l ancienne valeur puis fond, si bien qu on voit le MORCEAU enleve et pas seulement le resultat (technique des jeux de combat) ; les CHIFFRES courant/max des deux cotes, en 13 px ; une PULSATION rouge a la perte et VERTE au gain — le gain etait totalement invisible ; et des barres a 20 px au lieu de 15. ON NE TOUCHE A AUCUN CALCUL : ce paquet ne lit que des largeurs deja posees par v101, il n ecrit jamais un PV ni un degat. LES 5 PX GAGNES POUSSENT CE QUI EST DESSOUS : .mxcam-atk (« l adversaire frappe dans… ») est descendu de 64 a 70 px, sinon les deux se chevauchaient. LA BOUCLE NE TOURNE QUE PENDANT UN COMBAT CAMERA (rien tant que #mxcam-ov n existe pas) — ce projet a deja mesure le cout des minuteries. Interrupteur : window.__mxPvCameraOff -->
  <!-- [2026-09-02 demande user : « les events il faut respecter le minuit, quand tu fais un event il faut attendre 24 h, a part si tu regardes une pub pour refaire l event ou 500 or et ca monte en or a chaque fois, puis ca reinitialise au bout de 30 jours, et 5 events max du meme evenement dans la journee pour forcer a faire d autres evenements »] LA REGLE : 1 passage GRATUIT par evenement et par jour, remis a zero a MINUIT ; au-dela on paie en OR, et le prix MONTE a chaque deblocage (500, 1000, 1500… plafonne a 5000) ; 5 passages MAXIMUM du meme evenement dans la journee — au 6e, aucun montant ne debloque quoi que ce soit, et c est ce plafond seul qui force a aller voir les autres evenements ; le prix repart a son plancher tous les 30 JOURS. ⚠️ LA PUBLICITE EST PREPAREE MAIS FERMEE, ET C EST VOLONTAIRE : l auteur vient de declarer aux DEUX stores que l app ne contient aucune publicite — c est pour ca que le faux bouton « regarder une video » a ete retire le 01/09 (v246). Rebrancher un bouton pub aujourd hui rendrait cette declaration fausse pendant que la build 30 est en verification chez Apple. Le chemin existe donc, ferme par un seul drapeau : window.MX_EVENTS_PUB_OK = true. Le jour ou une vraie regie sera integree, ce drapeau et un appel a la regie suffiront. ON N ECRIT AUCUN COMBAT : MX_eventFight (v204:494) est le point par lequel TOUT passage demarre — les cartes de l ecran comme le bouton « continuer plus fort » de l ecran de victoire — on l enveloppe et on decide seulement de laisser passer ou non. LE COMPTEUR N AVANCE QUE SI LE COMBAT DEMARRE VRAIMENT : si l original refuse (energie, monstre absent), le passage du joueur n est pas consomme. MEME CALENDRIER que v242 et la recompense quotidienne — deux calendriers dans un meme jeu, c est un joueur qui voit sa journee changer selon l ecran. Interrupteur : window.__mxEventsJourOff -->
  <!-- [2026-09-07] audit produit : R1 R7 R4 R2 R6 R3 R5 T3 T2 T1 -->
  <!-- [2026-09-07 soir] petits défauts : quêtes traduites, calibration, rappel natif traduit, réglage web mémorisé -->
  <!-- [2026-09-08] arbitrage du login : la source perdante n'est plus jetée, le joueur tranche -->
  <!-- [2026-09-09] MESURÉ : 55 monstres de citadelle sur 136 (40 %) portaient un bouclier, un sur
       trois par la règle `step % 3 === 1` (v98-claude-CITADEL:222) — le joueur en voyait un tous les
       trois combats. Le bouclier redevient une mécanique de BOSS. Et les PV sont divisés (citadelle
       et donjon ÷3, combat épique ÷2) APRÈS la compression de v249, sur le monstre lui-même : le
       multiplicateur global ne suffirait pas, les boss y sont épinglés à une cible qui l'annule.
       Les récompenses ne bougent pas — elles se calculent sur `__mxPvOrigine`, qu'on ne touche pas. -->
  <!-- [2026-09-09] RETIRER un monstre du jeu, pour de bon. Un monstre est déclaré dans data.js (pool)
       ET dans v99-content-packs (les 12 chapitres, qui remplacent le pool au boot) ET dans DUNGEONS
       ET dans EPIC_SAGAS : couper dans un seul laisse les autres. Une liste, quatre structures
       filtrées, et deux garde-fous — on ne vide jamais une liste, on ne retire jamais le dernier
       monstre (c'est le boss). Ajouter un monstre à retirer = une ligne dans RETIRES. -->
  <!-- [2026-09-09] SEIZE CADRES VIDES SUR DIX-SEPT. `CLASS_IMAGES` (main.js:8403) déclare 17 images de
       voie ; seule `icone/ninja.png` existe, et les seize autres n'ont JAMAIS été dans git. Le repli
       emoji est écrit juste à côté (main.js:10762) et ne se déclenche pas : `CLASS_IMAGES[id] || null`
       garde contre une CLÉ absente, pas contre un FICHIER absent. On sonde chaque image une fois et on
       rend `null` quand elle manque — le repli déjà écrit fait le reste. Si les illustrations arrivent
       un jour, ce paquet s'efface tout seul. -->
  <!-- [2026-09-09] MESURÉ dans le vrai combat caméra, flux factice (donc aucune répétition détectée) :
       le texte le plus gros de l'écran est « 0 » à 50 px (#mxcam-cnt), loin devant tout le reste
       (✕ 16 px, VS 15 px, la consigne 11 px). Il est posé PAR-DESSUS la vidéo du joueur, au moment
       où il essaie de se cadrer, et tant qu'il vaut 0 il n'apprend rien. Il passe à 20 px / 45 %
       d'opacité tant que rien n'est compté, et reprend ses 50 px dès la première répétition. -->
  <!-- [2026-09-09 retour telephone] « le message pop-up quand je fais pas de repetition, il cache ma tete ».
       C est #mx-qual-msg (v114-detecteur-qualite:117), affiche quand v114 SUSPEND le comptage : top:14 %,
       centre, jusqu a 86 vw, 19 px. En portrait la video du joueur occupe la moitie haute — 14 % du viewport
       tombe donc sur son visage. On ne le supprime pas (v130 existe justement pour le rendre visible) : sous
       body.mx-cam-active il descend en bas d ecran en 12 px, et il ATTEND 30 s tant que le compteur est a 0.
       Des que le compteur depasse 0, il s affiche tout de suite — c est la que le message vaut de l or. -->

  <!-- [2026-09-10 signale sur iPhone] « quand je retourne l ecran ca zoome, puis je retourne, ca reste zoome »
       ET « il faut descendre pour voir le bouton Activer la camera ». UNE SEULE CAUSE : iOS agrandit tout seul
       le texte, et le seul frein — -webkit-text-size-adjust:100% — etait enferme dans @media (max-width:820px)
       (v117-mobile-confort.js:50,:81). Un iPhone en PAYSAGE fait 844 a 932 px : la regle ne s appliquait plus,
       WebKit gonflait le texte, l ecran paraissait zoome — et l overlay camera, plus haut, poussait sa rangee
       de boutons sous le pli. On sort la regle de la requete media (html ET body) et on borne l overlay a
       100dvh avec ~5 % d habillage en moins. Pas de transform:scale : le squelette est dessine en coordonnees
       ecran. Interrupteur : window.__mxRotationOff -->

  <!-- [2026-09-10] LE POINT D ENTREE QUE GOOGLE EXIGE. Le message RGPD est publie cote AdMob et la chaine de consentement est branchee (v99:614), mais showPrivacyOptionsForm / privacyOptionsRequirementStatus / resetConsentInfo n apparaissaient NULLE PART dans le jeu. Quand le statut vaut REQUIRED — le cas en Europe des que le message propose « Gerer les options » — Google impose un point d entree PERMANENT pour rouvrir le formulaire. Sans lui : diffusion restreinte, sans aucun signal. On l ajoute dans le bloc legal de v122, et SEULEMENT si le SDK dit REQUIRED (showPrivacyOptionsForm LEVE sinon). Interrupteur : window.__mxConsentOptionsOff -->

  <!-- [2026-09-10] LES BOUTONS GOOGLE/APPLE NE PEUVENT PAS ABOUTIR SUR iOS. Le grisage est corrige, la CONNEXION ne l est pas : aucun plugin natif d authentification n est installe et signInWithCredential n existe nulle part. Le flux est 100 % web (v119:231) — signInWithPopup puis signInWithRedirect — et les deux exigent une origine https joignable de l exterieur. WKWebView bride la popup, et le retour de redirection ne revient pas sur localhost. On masque donc sur iOS SEULEMENT : le web (vraie origine https) fonctionne, et Android sert https://localhost que la WebView intercepte elle-meme — non verifie, donc laisse et OBSERVE via MX_oauthDiag(). Rebranchement iOS = plugin natif + signInWithCredential, donc un binaire, pas une OTA. Interrupteur : window.__mxOauthPlateformeOff -->
  <!-- [2026-09-10] LE PONT NATIF. signInWithPopup/Redirect ne peuvent pas aboutir dans une WebView : la popup est bridee et le retour de redirection ne revient pas sur localhost. @capacitor-firebase/authentication ouvre la fenetre SYSTEME ; avec skipNativeAuth il ne garde aucune session et rend le CREDENTIAL, que ce paquet traduit pour le SDK WEB (signInWithCredential) — celui sur lequel tout le jeu tourne. Deux sessions separees donneraient un joueur « connecte » que le jeu ne verrait pas. Apple exige en plus le nonce BRUT, sans quoi auth/invalid-credential. Doit etre charge AVANT v309, qui decide de masquer ou non selon la presence de ce pont. Interrupteur : window.__mxOauthNatifOff -->

  <!-- [2026-09-10] « les recompenses quotidiennes sont plus grandes que l ecran ». Mesure : la carte fait 912 px sur iPhone SE (667), 892 sur iPhone 14 (844). Son max-height:92vh declare par main.js:37341 est ECRASE dans la cascade (calcule = none), et son overflow-y calcule vaut visible : elle ne defile pas elle-meme. On retrecit l habillage (en-tete 3.5em -> 2.2em, marges 26 -> 14 px, cases du calendrier) sans retirer un seul des 30 jours, et on pose un filet max-height:calc(100dvh - 24px) — dvh et non vh, car vh compte la barre d outils repliee. Interrupteur : window.__mxDailyCompactOff -->

  <!-- [2026-09-10] INSTRUMENT, PAS FONCTIONNALITE. Quatre correctifs livres sans savoir ni quel bundle tourne sur le telephone, ni quel maillon du pont natif manque — le diagnostic precedent s affichait AU CLIC, et v131 intercepte le clic en phase de capture, donc il ne s affichait jamais. Cette ligne s affiche SANS clic, uniquement en natif, et disparait des que le pont est arme. Interrupteur : window.__mxEtatOauthOff -->

  <!-- [2026-09-10] « le bouton volume touche l icone batterie, de meme pour ignorer tutoriel ». #mx-mute-fab (top:12px) et #mx-tuto-quit (top:9px) sont en position:fixed : le padding-top de zone sure que v122 pose sur <body> ne les protege pas, un element fixe se calant sur la fenetre. On ajoute env(safe-area-inset-top) a leur marge d origine — 0 sur un ecran sans encoche, donc rendu inchange ailleurs. ⚠️ ON DECALE AUSSI #mx-fab-hub : v117:140 le cale a top:64px, valeur CALIBREE sur la position du muet (son commentaire du 15/08 : « a 20px il TOMBAIT SUR #mx-mute-fab, le bouton jaune passait dessous et n etait plus cliquable »). Descendre le muet seul aurait recree ce defaut. Mais le hub n est decale QUE si on le MESURE pose par le haut (top en px + bottom:auto) : son origine v103:71 est bottom:74px a gauche, et lui imposer un top sans condition le ferait sauter en haut sur le web. Interrupteur : window.__mxZoneSureHautOff -->

  <!-- [2026-09-10] « la pop-up zero repetition est encore sur notre camera, je souhaite qu elle soit dans le cadre du monstre ». Meme demande que le 09/09, a laquelle v306 avait repondu pour le bandeau qualite : la bulle 0 rep avait ete oubliee. Il y en a DEUX, et c est pourquoi elle « revient » : #mx-filet-bulle (v144:95) et #mx-bulle-immobile (v207:142), toutes deux en style EN LIGNE position:absolute;left:50%;top:16% ajoutees a #mxcam-ov, l overlay ENTIER — en portrait v121 met la camera du joueur en premier, donc 16 % tombe sur son corps. On REPARENTE dans #mxcam-monp plutot que de reposer un top:57% qui serait faux en paysage (v121:58 contre :149) : la mise en page decide, dans les deux orientations. ⚠️ GARDE-FOU : v207 retire la bulle de v144 dans la meme micro-tache quand le detecteur n est pas pret ; on teste isConnected avant de deplacer, sinon appendChild ressusciterait le message faux du demarrage. Doit etre charge APRES v207 pour que son observateur passe en second. Interrupteur : window.__mxBulleSurMonstreOff -->

  <!-- [2026-09-11] « dans familier, le cadrage est horrible ». MESURE sur 375 px : la grille #familiars-shop est en 2 colonnes (v99-chat-shop-ui.css:76) dans un conteneur de 345 px, mais les colonnes CALCULENT a 251,6 px chacune — 511 px pour 345 — et la 2e carte va de x=275 a x=526, soit 151 px hors ecran, rognes sans defilement possible. CAUSE : `1fr` vaut `minmax(auto,1fr)` et `auto` vaut la taille min-content ; or main.js:11349 pose le cadre de l image en LARGEUR FIXE width:220px, ce qui impose un minimum de 254 px par colonne. On pose min-width:0 sur les cartes et on rend le cadre elastique (max-width:220px + aspect-ratio 220/280). ⚠️ ON NE TOUCHE PAS a object-fit : v100-smart-frame:93 impose `contain` deliberement (« monstre ENTIER visible ») et forcer `cover` recadrerait toutes les vignettes. Mesure : 526 -> 360 px, 5 cartes hors ecran -> 0, image toujours en contain. Seuls les familiers sont touches (equipements/potions/sortileges/armes mesures a 360 px). Interrupteur : window.__mxFamiliersCadrageOff -->

  <!-- [2026-09-11] UNE ANNULATION N EST PAS UNE PANNE. Le joueur ferme la fenetre Apple et le jeu lui repond en rouge « Connexion Apple impossible : The operation couldn t be completed. (com.apple.AuthenticationServices.AuthorizationError error 1001.) » — or 1001 est le code Apple pour « l utilisateur a annule », et cote Google la trace dit « The user canceled the sign-in flow ». L intention etait DEJA ecrite et jamais branchee : v119:60 porte `annule: null` dans les 8 langues, mais expliquer() (v119:197-202) n a aucune branche pour ce cas et retombe sur `echec + code`. `expliquer` et `afficher` etant locales a v119, on enveloppe les SORTIES (showLoginError, showMessage) et non les calculs. ⚠️ ON NE TAIT PAS sansReponse15s : c est la borne posee dans v310 apres une nuit sur un bouton muet, la faire taire recreerait ce silence. On la TRADUIT, et la trace technique reste dans MX_oauthTrace(). Interrupteur : window.__mxAnnulSilenceOff -->

  <!-- [2026-09-11] « la premiere fois que je clique sur Google il me demande de me connecter via Apple ». Le projet Firebase est regle sur « une seule adresse par compte » : quand l adresse existe deja sous UN fournisseur et qu on se presente avec un AUTRE, signInWithCredential refuse avec auth/account-exists-with-different-credential — et le message ne dit PAS quel fournisseur possede le compte (il faut le demander par fetchSignInMethodsForEmail). VERIFIE : ce code n etait traite NULLE PART dans js/. Le joueur recevait le code brut en anglais et devait deviner d essayer l autre bouton. v317 nomme le fournisseur dans sa langue, puis RATTACHE l autre des qu il se connecte — apres quoi les deux boutons marchent indifferemment. L identifiant en attente reste en memoire vive (jamais sur disque : c est un jeton), expire en 5 min, et le rattachement n a lieu que si l adresse correspond exactement. Il est APPELE depuis le catch de v310. Interrupteur : window.__mxDeuxFournisseursOff -->

  <!-- [2026-09-11] « mon ecran est zoome, impossible a dezoomer ». CE N EST PAS l agrandissement automatique de WebKit que v307 corrige : sur la capture, la fenetre « OU VEUX-TU T ENTRAINER ? » est coupee elle aussi — or elle est en position:fixed, qu un defilement ne peut PAS couper. Seule une mise a l echelle de la FENETRE VISUELLE le peut : c est un zoom au pincement. Et dans une app empaquetee il n y a ni barre d adresse ni bouton « taille reelle », et le jeu pose touch-action:manipulation a plusieurs endroits (v117:144) ce qui desactive le double-tap de reinitialisation — le joueur est enferme, seule issue : tuer l app. ⚠️ ON N INTERDIT PAS LE ZOOM (v307:50-53 a tranche, et a raison : accessibilite + reproche en revue) : on ajoute la SORTIE qui manquait. Un bouton n apparait QUE si l echelle depasse 1,05, et seulement sous 820 px ou le coin bas-gauche est libre. visualViewport.scale etant en lecture seule, le retour se fait en posant maximum-scale=1 sur la balise viewport PUIS en la remettant comme avant — le zoom redevient possible aussitot. Interrupteur : window.__mxSortieZoomOff -->

  <!-- [2026-09-11] « en dessous de la camera on comprend rien, enleve tes ... partout ». v121-camera-portrait:96-100 force TOUTE la rangee sur UNE ligne (flex-wrap:nowrap) avec text-overflow:ellipsis. A quatre boutons c etait tenable ; depuis, v172 en ajoute deux (SORTS, POTIONS) : six boutons se partagent 363 px et « ACTIVER LA CAMERA » devient « AC... » — le bouton qui demarre tout est devenu le plus illisible. La rangee peut desormais passer a la ligne, et sorts/potions se reduisent a leur emoji. ⚠️ ON NE REECRIT PAS textContent : v172:181 repasse toutes les 500 ms et reecrirait le libelle, donc un clignotement permanent. On garde emoji + mot dans le DOM (la comparaison de v172 passe, il cesse d ecrire) et on masque le mot en CSS. Interrupteur : window.__mxBoutonsCamOff -->

  <!-- [2026-09-11] TROIS RETOURS DU MEME ECRAN. ① « on ne voit meme pas la croix en haut, rajoute un bouton home plus grand » : bouton ACCUEIL en bas, cible de 52 px, loin de l encoche — la croix du haut est CONSERVEE, retirer une sortie pour en ajouter une autre laisserait sans issue ceux qui avaient l habitude. Jamais pose pendant un combat ni sous l overlay camera (z-index 2147483300, piege des boutons inatteignables deja paye 4 fois). ② le bandeau violet « Mode Camera » des evenements est masque : il chevauchait le titre ET il ne lancait PAS l evenement — v101:1417 appelle MX_camFightStart avec hp:24000 et gems:3 ECRITS EN DUR, sans rapport avec le monstre affiche. Il etait trompeur, pas seulement moche. ⚠️ « GO EVENT rentre en combat camera » N EST PAS FAIT : rerouter le vrai combat la veille d un examen App Store est un risque, masquer un bouton n en est pas un. ③ l acces a l evenement devient DEFINITIF : v204:331 remettait paye=false a chaque cycle sauf si MX_EVENT_ACCES_PERMANENT, jamais pose nulle part — le libelle « pour le cycle en cours » etait donc exact et c est le comportement qui ne correspondait pas. On pose le reglage, le libelle bascule seul. Interrupteur : window.__mxRetourAccueilOff -->

  <!-- [2026-09-11] « depuis que j ai ouvert Programme du Jour, mon jeu global zoome et dezoome tout seul ». CAUSE : sur iOS, un champ de saisie dont la police fait MOINS de 16 px declenche un zoom automatique au focus, puis un dezoom a la perte du focus. MESURE avant correctif : 9 champs sur 15 sous 16 px, dont #login-email, #login-password et les trois champs de creation de compte a 14 px — le tout PREMIER ecran du jeu. ⚠️ LE CORRECTIF EXISTAIT DEJA et ne gardait rien : css/v98-polish.css:186-190 porte la regle avec le bon commentaire (« >=16px -> empeche le ZOOM AUTO iOS au focus ») mais SANS !important, et css/main.css la bat avec des selecteurs a IDENTIFIANT (#login-screen .lx-input{font-size:14px!important}). Un identifiant vaut (1,0,0) : aucune regle generique ne peut lemporter. On retablit la regle avec !important ET on vise nommement les selecteurs a identifiant, a specificite egale et plus tard dans la cascade. Cases a cocher et curseurs exclus : leur font-size pilote leur taille visuelle, pas du texte. Mesure : 9 -> 0 champs sous 16 px, bord droit inchange a 269 px, aucun debordement. Ce paquet NE REMPLACE PAS le blocage du zoom au pincement (viewport, meme jour) : lun empeche le zoom VOULU, lautre le zoom SUBI. Interrupteur : window.__mxChampsZoomOff -->

  <!-- [2026-09-11] DEUX DEFAUTS DE CADRAGE SUR L ACCUEIL, mesures. ① la plaque #mx-tc-train fait 79 px et #mx-tc-centre 131 px — asymetriques — et les DEUX ont scrollWidth > clientWidth : leur texte deborde. Trois causes cumulees (v157:110-119) : font 20px, letter-spacing .18em, et un clip-path biseaute qui rogne 8 % de chaque cote. Le libelle francais passe a TRAINING (demande de l auteur) mais ANTRENMAN en turc et ENTRENAR en espagnol deborderaient encore : on rend donc la typographie ADAPTATIVE (clamp sur la largeur) et on rend au texte la place que prend le biseau. ② multiplyaer_global.webp fait 900x600 (PAYSAGE) et s affiche dans 78x105 (PORTRAIT) en object-fit:cover : mesure, 49 % de l image seulement reste visible, et « MULTIPLAYER » grave dans l image se lit « ULTIPLAYER ». On donne a la zone le ratio de l image (3/2) : cover n a plus rien a rogner, 49 % -> 100 %. ⚠️ les cartes deviennent plus COURTES (105 -> 52 px), c est le prix d une image entiere ; `contain` aurait garde la hauteur mais ajoute des bandes vides. Interrupteur : window.__mxAccueilCadrageOff -->

  <!-- [2026-09-11] LE FITNESS PASS ETAIT LE CHEMIN LE PLUS LONG DU MENU. Pour l atteindre il fallait Parametres -> onglet BONUS -> Fitness Pass, soit TROIS gestes, et l onglet BONUS n est pas celui ouvert par defaut : le bouton n est meme pas visible a l ouverture du panneau. Pour la boucle de recompense principale du jeu, et le seul achat permanent a 1000 gemmes, c est un mauvais placement. v157 ajoute l entree au menu CENTRE juste sous « Evenement » (deux gestes, sur le trajet deja emprunte pour le programme du jour) ; CE paquet-ci ne fait que RETIRER l ancienne entree des Parametres. En CSS et non par retrait de noeud : showSettingsModal (main.js:36080) reconstruit tout le panneau en innerHTML a chaque ouverture, un retrait serait annule. La regle vise le bouton par ce qu il FAIT (onclick*=showBattlePass), pas par sa position. ⚠️ ORDRE : v157 ajoute, v323 retire. Si v323 est eteint le joueur a DEUX chemins, jamais zero. Interrupteur : window.__mxFitnessPassParamOff -->

  <!-- [2026-09-11] « l ecran amis fait que de changer de langue tout seul, amis / friends etc. » CE N EST PAS UN CHANGEMENT DE LANGUE, C EST UNE PHRASE COUPEE EN DEUX. MESURE, langue anglaise, ecran Amis : au chargement « Mes Amis », apres la passe i18n « Mes Friends », et ca s arrete la — une seule bascule, aucune oscillation. Ce qui alterne sous ses yeux, c est la MOITIE d un titre restee en francais a cote de l autre moitie en anglais. VINGT-QUATRE titres du jeu sont dans ce cas : La Guild, Le Bestiary, Quests of Royaume, Auction Ventes, Hall of Repos, Manage Comptes, Mode Survie... LA CAUSE : ces titres sont ecrits avec le dernier mot en couleur — <h2>Mes <em>Amis</em></h2> — donc DEUX noeuds de texte. translateNode (main.js:7501) ne remplace que sur correspondance exacte et entiere, par prudence assumee (« pour eviter de remplacer des morceaux de mots, ex : de dans Monde ») : FR_EN_DICT[Amis] existe, FR_EN_DICT[Mes] non. LE DETAIL QUI TRANCHE : FR_EN_DICT[La Guilde] vaut deja The Guild — la bonne traduction de la phrase entiere EST ECRITE, elle n est jamais atteinte faute d un noeud qui la contienne. Sur 24 titres x 7 langues, 27 cases sur 168 sont deja remplies et dorment. On traite donc le titre comme UNE unite : une table donne par langue le couple [prefixe, mot accentue], on reecrit le noeud de texte et le <em> separement — le style en ligne du <em> (le degrade sang du Monarque Sanguinaire) est preserve — et l ordre des mots peut enfin changer : « Mes Amis » -> « My Friends », « Hotel des Ventes » -> « Auction House ». L empreinte francaise est prise AU CHARGEMENT, avant toute passe i18n : la lire plus tard donnerait « Mes Friends », une cle qui ne correspond a rien. Interrupteur : window.__mxTitresCoupesOff -->

  <!-- [2026-09-11] DEUX DEFAUTS DE LA BARRE HAUTE DU COMBAT, capture a l appui. ① index.source.html:3062 pose dans #game-screen un second bouton de navigation, showScreen('profile'). Son voisin showScreen('welcome') demande confirmation avant d abandonner le combat ; celui-ci appelle showScreen DIRECTEMENT, sans aucun garde-fou. Les deux boutons sont cote a cote, meme taille, meme couleur : rien ne dit que l un est sur et l autre non, et un doigt qui glisse de 40 px pendant une serie quitte le combat sans un mot. On le masque. ON NE FERME PAS L ACCES AU PROFIL : il reste a un geste depuis l accueil et #header-avatar (index:858) y mene toujours — ce qu on retire, c est une sortie SANS confirmation posee au milieu d un combat. ② MESURE sur #debuff-display : innerHTML vide (:empty vrai), min-height 32px + padding 12px + margin 15px 0 = 62 PIXELS DE HAUTEUR POUR RIEN, entre la barre de navigation et la carte de serie. C est le bandeau des malus, reserve en permanence meme quand le joueur n en a aucun — c est-a-dire presque toujours. On le masque UNIQUEMENT quand il est vide : des qu un malus est injecte la regle cesse de s appliquer d elle-meme, aucune minuterie, aucune information perdue. Un balayage de tous les ecrans confirme que c est le SEUL element du jeu dans ce cas : « retire ca partout » est satisfait par cette seule regle. Interrupteur : window.__mxBarreHauteOff -->

  <!-- [2026-09-11] LA BARRE DE BOUTONS DE LA CAMERA TIENT SUR DEUX RANGEES et vole ~50 px au monstre et a la camera. « mets tout ca sur une seule ligne et enleve le bouton +1 ». ⚠️ LE +1 REP N EST PAS QU UN RACCOURCI DE TRICHE : v101:1161 il passe le REPOS, v101:1206 il termine un GAINAGE, v101:1229 il enchaine l etape, et v101:43 le jeu dit lui-meme « No camera: use +1 rep ». Le retirer partout enfermerait le joueur devant un chrono de 60 s sans moyen d avancer. On distingue donc les deux contextes, exactement comme v216 le fait deja (.mxcam-sess present ou non) : en COMBAT CONTRE UN MONSTRE le +1 est REDONDANT — fermer l overlay rend la barre d exercices manuels (PUSH-UPS, ABS, SQUATS, PULLUPS) qui fait le meme travail et davantage — donc on le retire ; en SEANCE il reste, avec toutes les regles de v216. Pour la ligne unique : passer en nowrap sans rien liberer ramenerait la troncature que v319 venait de supprimer, on libere donc la place AVANT de serrer — le +1 s en va, et 🔄 (retourner la camera) est masque TANT QUE LA CAMERA EST A L ARRET, puisque retourner une camera qui ne tourne pas ne fait rien. Le bouton camera prend alors toute la largeur restante et garde son libelle ENTIER. Interrupteur : window.__mxBarreCameraOff -->

  <!-- [2026-09-11] « j ai beau avoir la bonne version, j ai TOUJOURS Citadelle a la place de HISTOIRE ». Il avait raison les DEUX fois et j ai corrige a cote les deux fois : le mot vivait a CINQ endroits independants — ① la tuile de l ecran Entrainement (corrigee le 10/09), ② la fenetre OU VEUX-TU T ENTRAINER (v157, le 11/09), ③ le TITRE de l ecran d arrivee (v98-claude-CITADEL.js:680), ④ le libelle sur la CARTE DU MONDE (index.source.html:1016), ⑤ les textes du TUTORIEL, 8 langues x 3 blocs (v99-tutorial-flow.js). Le joueur touchait « Histoire » et arrivait sur un ecran intitule « 🏰 La Citadelle ». ③ ④ ⑤ sont corriges a la source ; CE PAQUET apporte ce qui manquait pour que ca tienne dans les SEPT autres langues : v98:680 affiche T('Histoire'), et T() rend le francais quand la cle est absente du dictionnaire — corriger le titre francais sans ces entrees aurait echange un defaut visible contre un autre. Les mots sont EXACTEMENT ceux du menu Centre (v157) : un seul vocabulaire. ON NE RENOMME PAS la cle interne `citadel` (aucune route ni sauvegarde ne bouge), ni « La Citadelle de Fer » qui est le NOM DU CHAPITRE 1, ni « Citadelle Eternelle / Citadelle+ » qui est le nom d un pack deja vendu. Interrupteur : window.__mxHistoireOff -->

  <!-- [2026-09-11] LES DEUX COFFRES QU ON VENAIT DE RETABLIR ETAIENT MOINS BONS QUE DES COFFRES DEUX FOIS MOINS CHERS. MESURE dans le jeu, joueur niveau 50 : rang 5 Coffre du Monarque 19 000 or -> plafond item 100, x10, 15,00 % de chance d item Monarque ; rang 6 Transcendance 40 000 or -> plafond 100, x12, 0,30 % ; rang 7 Legendaire 28 000 or -> plafond 150, x14, 0,30 %. DEUX DEFAUTS. ① LE PLUS CHER DONNAIT LE MOINS : le rang a plat vient de l ORDRE dans CHEST_TIERS (chestTier = BOUFFON_CHESTS.indexOf+1, main.js:22923) et c est lui qui fixe CHEST_MAXLVL[rang] et mult = rang*(1+niveau*0.02) ; je les avais ecrits dans le mauvais sens. Corrige a la source : Legendaire rang 6, Transcendance rang 7, et les numeros de tier suivent enfin le prix. ② LES DEUX ETAIENT A 0,30 % D ITEM MONARQUE : MX_CHEST_MONARQUE_P ne contenait que {5:0.15}, donc le coffre a 19 000 avait CINQUANTE FOIS plus de chances que celui a 40 000. APRES : 19 000 -> 100/15 %, 28 000 -> 120/20 %, 40 000 -> 150/30 %. La courbe redevient monotone sur les trois axes. Les plafonds 150 des rangs 7-8 dormaient sans proprietaire (la table prevoyait 8 rangs pour 5 coffres) : ils vont enfin au sommet reel de la boutique. Les noms des deux coffres n etaient traduits dans AUCUNE langue alors que les cinq anciens le sont dans sept : complete. Interrupteur : window.__mxCoffresHautOff -->

  <!-- [2026-09-11] LA FENETRE DE CONFIRMATION D ACHAT AFFICHAIT UN EMOJI AU LIEU DE L IMAGE. Le modal SAIT pourtant afficher une image : main.js:21286 fait `${options.img ? <img src=options.img> : (options.icon || "🛒")}`. Tout est la — la balise, la taille, le repli. Il manque UNIQUEMENT `img`. MESURE : sur les VINGT sites d appel de showPurchaseConfirm, celui des packs (main.js:33790) passe {icon, name, price} et JAMAIS img. Le caddie s explique pareil : les packs d exercice (main.js:33181-33193) n ont meme pas de champ icon, le modal tombe donc sur son ultime repli ecrit en dur. Le caddie n est pas un choix graphique, c est le dernier cran d une chaine qui n a rien trouve. L IMAGE EXISTE POURTANT DEPUIS LE DEBUT : pack_voyd imageKey=Monstre/the_VOYD.png, expack_escalier imageKey=icone/pack_ex_escalier.png — c est ce champ que la LISTE de la boutique utilise, d ou le paradoxe : l image est belle dans la liste et disparait au moment de payer. UNE ENVELOPPE ET PAS VINGT CORRECTIFS : vingt sites, c est vingt occasions d en oublier un, et le vingt-et-unieme ecrit dans six mois repartirait sans image. PIEGE TRAITE : `imageKey` a DEUX SENS — pour un COFFRE c est une CLE (coffre_terrien -> CHEST_IMG), pour un PACK c est un CHEMIN tel quel. Le resolveur de main.js:9102-9117 essaie ITEM_IMAGES puis CHEST_IMG et s arrete la : il n a pas le cran « c est deja un chemin ». C est ce cran qu on ajoute. ON NE SUPPRIME PAS L EMOJI : il reste le repli du onerror, une image qui ne charge pas ne doit jamais devenir un trou. Interrupteur : window.__mxImageAchatOff -->

  <!-- [2026-09-11] LES POINTS DE COMPETENCE DES PACKS DEVIENNENT DE LA VIE ET DE LA FORCE. Le jeu avait DEJA pris cette decision le 22/06 pour l objet stat_points_5 de la boutique — main.js:34130 en garde la trace mot pour mot : « AVANT : ajoutait a gameState.statPoints (pool jamais depense -> ca a rien fait). MAINTENANT : auto-reparti en Degats (force) + Vie avec effet IMMEDIAT. » La conversion avait ete faite pour l objet seul, JAMAIS pour les packs : la meme plainte revient donc aujourd hui sur le chemin oublie. ET CE POOL ETAIT EFFACABLE : confirmResetStats (main.js:10531) refait gameState.statPoints = 3*(playerLevel-1), donc un reset de stats — GRATUIT trois fois — supprimait les points achetes en gemmes ; un joueur pouvait payer 3000 gemmes et perdre sa contrepartie d un clic. Nouvelle echelle, croissante avec le prix (ce qui n etait PAS le cas avant : le Season Pack a 320 donnait 5 points quand le Draconique a 500 n en donnait que 4) : Season +10 vie/+5 force, Draconique +14/+7, Guerrier +20/+10, Chaos +26/+13, The Voyd +30/+15. POTIONS DU VOYD 25 -> 15 PAR TYPE : ce n etait pas seulement trop, c etait une promesse INTENABLE — v188-potions-plafond borne le stock a 25 par type sur TOUS les chemins, donc un joueur possedant deja 10 potions recevait +15 au lieu des 25 annonces, sans un mot ; plus il jouait, moins le pack le plus cher lui donnait. La description du Pack Guerrier etait fausse par ailleurs : elle annoncait « 30 potions (10 de chaque) » pour 10 x 5 types = 50 — la valeur etait bonne, le texte faux. TRADUCTIONS : les anciennes existaient (v99-i18n-fixpack-titles) mais pointaient sur des textes PERIMES (« 2000 Or + Chapeau Epique + 5 Points de Competence ») et echouaient donc deja avant ce changement — tout joueur non francophone lisait le francais. Les six descriptions a jour sont reposees dans les sept dictionnaires. Interrupteur : window.__mxPacksI18nOff -->

  <!-- [2026-09-11] « parfois je drop des items et j ai pas l image, mais dans l inventaire j ai l image ». DEUX FAMILLES D ANNONCES, UNE SEULE SAIT DESSINER. ① Le chemin NORMAL : universalDrop (main.js:44894) appelle showUniversalDropPopup (main.js:45067) qui construit un vrai <img src=item.img> avec repli emoji — c est la majorite des drops, d ou « parfois ». ② Le chemin des ITEMS UNIQUES : v99-unique-items enveloppe universalDrop, pousse l objet directement dans gameState.inventory (ligne 318) et n appelle JAMAIS la popup ; son annonce passe par MX_dropFx + showMessage, deux surfaces 100 % textuelles — MX_dropFx ne recoit meme pas l objet, juste itemName (v99-drop-fx.js:74). ET C EST PIRE QUE « PAS D IMAGE » : MESURE dans normRar (v99-drop-fx.js:29-36), les raretes PROPRES A CE JEU n y figurent pas — primordial, rarity-monarque et rarity-runique retombent toutes sur common, rank 0, et play() commence par « if (R.rank === 0) return; ». Pour les trois raretes les plus prestigieuses du jeu — items uniques, items Monarque, runiques 8888 du pack a 3000 gemmes — LA FANFARE NE S AFFICHE PAS DU TOUT. TROISIEME DEFAUT QUI MASQUE LES DEUX AUTRES : l anti-spam de 700 ms (v99-drop-fx.js:77) contre une annonce unique differee de 600 ms (v99-unique-items.js:322), donc sur un boss qui lache les deux, l annonce de l item RARE est avalee par celle de l item ordinaire. normRar vit dans une fermeture et n est pas corrigeable de l exterieur : on enveloppe window.MX_dropFx et on TRADUIT la rarete avant de la passer, on pose la vignette dans la banniere que play() vient de creer (construction synchrone), et on repasse une fois l annonce prestigieuse si l anti-spam l a avalee. L image est retrouvee PAR LE NOM dans gameState.inventory en partant de la fin : tous ces chemins y poussent l objet AVANT d annoncer, et c est la meme source que celle qui l affiche correctement dans le sac. ④ AU PASSAGE : showLotteryRewardAnimation (main.js:23196) teste chest.img — AUCUN coffre ne porte ce champ, ils portent imageKey qui est une cle de CHEST_IMG : la condition etait toujours fausse et l illustration du coffre n avait jamais ete affichee. Interrupteur : window.__mxImageDropOff -->

  <!-- [2026-09-12] « LES DEGATS SONT REELS OU Y A ENCORE CE FOUTU 18 REP POUR TUER UN MONSTRE ? » — le 18 etait encore la, entier, et le correctif qui devait le retirer n a JAMAIS pris effet. DEUX CORRECTIFS QUI SE CONTREDISENT. ① 14 aout : v120-degats-camera-reels se declare SEUL ECRIVAIN des degats camera et force window.__mxDegatsCamOff a VRAI par accesseur (v120:118-127) pour empecher le vieux complement v112 d ecrire en meme temps. ② 2 septembre : sur sa demande (« enleve ce 18, c est quoi ce 18 ? »), on ajoute v101-camera-combat.js:855 qui doit remplacer maxHp/18 par les degats REELS. Mais _reel est rempli deux lignes plus haut (v101:826) SOUS LA CONDITION __mxDegatsCamOff !== true — le drapeau que ① force a vrai. Donc _reel vaut TOUJOURS 0 et la ligne du 2 septembre ne s execute jamais. MESURE dans le jeu : __mxDegatsCamOff === true, MX_degatsReelsParRep() rend 0 sur les cinq exercices. Le plus ancien des deux correctifs gagne, en silence, depuis trois semaines. CE QUE CA DONNAIT sur un boss a 1325 PV : degats reels 8 -> 74 appliques, 18 reps ; 74 -> 74, 18 reps ; 300 -> 300, 5 reps ; 1000 -> 1000, 2 reps. maxHp/18 agit comme un PLANCHER DE DEGATS, donc un PLAFOND DE 18 REPETITIONS : sous ce seuil la puissance du joueur ne comptait pour rien. ON NE REMBOURSE PAS APRES COUP : v101:934 calcule d = perRep x forme et l AFFICHE, le joueur verrait « 74 » alors que 8 auraient compte. On corrige perRep A LA SOURCE — on redefinit __mxDegatsCamOff pour qu il rende FAUX, et on branche MX_degatsReelsParRep sur le calcul de v120 (MX_v120_degatsRep), le seul complet : 13 facteurs, vrai catalogue, exercice DETECTE (celui de v112 n en couvre que 3 et son bareme diverge — tractions 8 au lieu de 25). POURQUOI CA NE PEUT PAS DOUBLER LES DEGATS : rallumer le drapeau reveille aussi le complement v112, mais les deux compléments calculent delta = max(0, cible - infligé) et v101 inflige desormais la cible ENTIERE des le premier coup — donc delta = 0 des deux cotes, ils deviennent inertes d eux-memes. L essai le VERIFIE au lieu de le supposer. CE QUE CA COUTE, ASSUME, il a tranche deux fois : un joueur nu niveau 1 mettra ~166 repetitions sur le boss du chapitre 1 la ou il en mettait 18 ; un niveau 80 equipe une trentaine. C est un jeu de SPORT, un boss se gagne sur plusieurs seances et c est l equipement qui le raccourcit. La progression redevient visible — elle ne l etait pas du tout, du premier gobelin au boss final le combat coutait toujours 18 repetitions. REPLI SUR : si le calcul rend 0 ou leve, _reel reste 0 et v101 garde maxHp/18. Aucun combat ne peut devenir infaisable par accident. Interrupteur : window.__mxPlafond18Off -->

  <!-- [2026-09-12 demande user] MODE NORMAL / DIFFICILE pour Histoire et Forteresse : « quand une personne finit un donjon ou chapitre il peut le refaire mais en mode difficile », « ca donne aussi plus d XP et d or ». ON NE CREE AUCUNE NOTION DE PROGRESSION : le jeu sait deja dire qu un contenu est termine et rejouable — gameState._chaptersCompleted[idx] (ecrit v98-claude-CITADEL.js:472, badge « Termine · rejouable » :637) et gameState.completedDungeons (ecrit main.js:20245, badge « Complete — Rejouer ? » :15189). Un contenu jamais fini n ouvre aucune fenetre : comportement actuel au pixel pres. ON N UTILISE PAS gameState.difficulty : main.js:21386 le reecrit a normal A CHAQUE CHARGEMENT (« Migration difficulte : toujours normal, modes retires »). Un choix stocke la serait efface au prochain demarrage. LES CHIFFRES NE SONT PAS INVENTES. PV x1,5 parce que DIV_CITADELLE = DIV_DONJON = 6 et DIV_SAGA = 4 (v302:132-134) : le mode difficile ramene l Histoire et la Forteresse EXACTEMENT a la densite de PV que le jeu livre deja pour le duel epique. Degats x2, XP x2, or x2. LES DEUX LEVIERS NE PESENT PAS PAREIL SELON LE MODE, ET C EST VOULU : en CAMERA, depuis v332, le nombre de repetitions est strictement lineaire en PV — le x1,5 se sent pleinement et le x2 de degats presque pas (l ennemi ne frappe qu a l expiration de son compte a rebours, 5 min, v101:879). En MANUEL c est l inverse. L ORDRE EST LA CONDITION DE CORRECTION : on multiplie les PV APRES v249 et APRES v302, jamais avant. v249 comprime par une racine carree (v249:112-115), donc comprimer(H x1,5) = comprimer(H) x1,22 — un x1,5 pose avant s afficherait en x1,22 des 1060 PV ; et pire, __mxPvOrigine (v249:206) embarquerait le multiplicateur et l XP/l or gonfleraient TOUT SEULS et non lineairement. On attend donc les marques des deux paquets, et on n ecrit JAMAIS __mxPvOrigine ni __mxV302Avant : ce sont les ancres de recompense. PAS D ENVELOPPE POUR LES PV : la valeur finale n existe pas quand spawnMonster rend la main (v249 tamponne sur 600 ms, v302 divise sur 200 ms). Passe pollee, comme v302. ON NE TOUCHE PAS UN MONSTRE DEJA EN CAMERA : maxHp est fige dans une variable LOCALE a l ouverture de l overlay (v101:802) et renderHp divise par ce local — muter m.maxHp apres coup donnerait cur/maxHp_ancien > 1 et une barre bloquee a 100 %. LES DEGATS : on multiplie l ARGUMENT de MX_applyUniqueEnemyDebuff (v99-unique-items.js:460), jamais son retour — cette fonction decide de la survie garantie du joueur SUR LE DEGAT QU ELLE RECOIT, multiplier apres elle contournerait sa protection. C est aussi le seul point post-plafond qui recoive le monstre en argument, donc le seul qui permette un facteur par monstre sans globale partagee. LES RECOMPENSES : on greffe MX_bossDifficultyMult (v99-boss-abilities.js:1091), le multiplicateur que le jeu applique DEJA sur l XP ET sur l or, et UNIQUEMENT pour les contenus curates — chapitre, donjon, duel epique, saga (main.js:19954-19958). Exactement notre perimetre : aucun second chemin de gains invente. RESTE AU NIVEAU NORMAL, ET IL FAUT LE SAVOIR : les degats sur la duree (poison, brulure, saignement) sont un pourcentage de playerMaxHp et n empruntent ni monsterCounterAttack ni monsterAttack — non doubles. Le mode coop calcule son degat dans son coin et n appelle jamais MX_applyUniqueEnemyDebuff : hors perimetre, volontairement. Reglages : window.MX_DUR_PV (1.5), MX_DUR_DMG (2), MX_DUR_REW (2). Interrupteur : window.__mxModeDurOff -->

  <!-- [2026-09-12 demande user] GAINS REDUITS : « reduit de 30 % le gain or PARTOUT, et reduit le gain xp de 40 % PARTOUT » — « je connais des gens qui peuvent faire 1000 pompes par jour ». POURQUOI, EN CHIFFRES : depuis le retrait du plafond des 18 repetitions (v332) les gains suivent les degats du joueur, donc l economie s est ouverte d un coup. Simulation du trajet complet niveau 1 -> 150 avec des degats qui montent reellement : aujourd hui 19 957 repetitions (20 jours a 1000/jour), avec -40 % XP 33 261 repetitions (33 jours). Un athlete terminait le jeu en trois semaines. IL N Y A PAS UN GOULOT, IL Y EN A DEUX, ET C EST LE PIEGE : addXpCapped (main.js:19304) et addGoldCapped (main.js:19330) ressemblent a des goulots avec leurs 50 sites d appel, mais MESURE, les DEUX plus gros chemins du jeu ne passent PAS par eux et ecrivent en direct — le kill de monstre (main.js:20014-20016) et la fin de donjon. Plus dix autres ecritures directes. Se contenter d envelopper les deux fonctions aurait laisse passer l essentiel des gains et donne l illusion d un travail fait. Ce paquet couvre les 50 sites par enveloppe, et main.js route ses 14 ecritures directes a travers les deux fonctions publiees ici. POURQUOI PAS UN ACCESSEUR SUR gameState.gold — le piege evite : un accesseur attraperait tout, mais gameState est serialise par JSON.stringify et recharge par Object.assign(gameState, loaded) (main.js:21384). Le SETTER serait alors appele avec le TOTAL sauvegarde et appliquerait la reduction dessus : le joueur perdrait 30 % de sa fortune A CHAQUE RECHARGEMENT. Un accesseur ne sait pas distinguer « on ajoute un gain » de « on restaure une sauvegarde ». CE QUI N EST PAS REDUIT, ET POURQUOI : le REMBOURSEMENT de 100 or apres un echec de fusion (main.js:31387) — rendre 70 a qui on a pris 100 est un vol ; l or d un PACK ACHETE EN GEMMES (effect.value) — le joueur a paye ; le produit d une VENTE d objet (main.js:9499) — c est une conversion, pas un gain, l objet existait deja. CONSEQUENCE ASSUMEE : la revente devient relativement plus rentable que le farm ; si ca desequilibre, le levier est MX_prixVente, pas ce paquet. UNE SEULE APPLICATION, JAMAIS DEUX : les deux fonctions publiees posent un drapeau de reentrance, une seconde reduction du meme gain est refusee et comptee dans le diagnostic. Reglages : window.MX_GAIN_XP (0.60) et window.MX_GAIN_OR (0.70). Interrupteur : window.__mxGainsReduitsOff -->

  <!-- [2026-09-12 demande user] « fais que dans tous les modes d XP il n y en ait pas UN ou gagner de l XP est beaucoup plus simple ». IL Y EN AVAIT UN, ET LA CAUSE EST MECANIQUE. MESURE sur les treize chapitres — pour chacun, le facteur de compression applique par v249 (PV d origine / PV affiches) et le rendement (XP par point de vie affiche) : ch3 compression 1,79 -> 4,0 XP/PV ; ch5 2,35 -> 5,3 ; ch7 3,42 -> 7,7 ; ch9 4,96 -> 11,1 ; ch11 6,75 -> 15,1 ; ch12 31,80 -> 71,3. Le rapport XP-par-PV divise par la compression est CONSTANT a 2,24 sur toute la serie. Le rendement d XP d un contenu est donc EXACTEMENT proportionnel a la compression qu il subit, rien d autre. LA CAUSE : v249-monstres-moitie-vie ecrase les PV par une RACINE CARREE au-dela de 1060 (v249:112-115) mais son enveloppe de MX_curatedXp (v249:266-276) remonte aux PV D ORIGINE pour calculer l XP. Le joueur frappe un monstre compresse et se fait payer sur le monstre non compresse. CE N EST PAS UN BUG DE v249, C ETAIT SON INTENTION : son commentaire dit que sans compensation « l XP de fin de partie divisee par 24, soit 2 792 repetitions pour UN niveau au chapitre 12. Injouable. » Le choix etait juste pour les contenus moderes ; il devient aberrant a l extreme. ON PLAFONNE LA COMPENSATION, ON NE LA SUPPRIME PAS : la supprimer rendrait l XP quasi plate d un bout a l autre (1,68 au ch1 contre 2,24 au ch12), donc plus aucune raison d avancer — le contraire de ce que veut l auteur. On garde la progression, on coupe la queue. Compensation bornee a MX_XP_COMPENSATION_MAX (defaut 7, la valeur du ch11, dernier contenu qui suit la courbe). Les chapitres 1 a 11 ne bougent pas d un point ; le 12 passe de 71,3 a environ 15,7 XP/PV. ON N ECRIT PAS DANS v249 ET ON NE LE DESACTIVE PAS : on enveloppe MX_curatedXp APRES lui. L ordre compte — enveloppe avant, on plafonnerait une valeur qu il gonflerait ensuite. v249 se repose sur des minuteries (400, 1500, 4000 ms) : une ronde bornee verifie que notre marque est toujours la et re-enveloppe sinon. LE PLAFOND SE CALCULE SUR LES PV AFFICHES, pas sur un chiffre en dur : on lit gameState.currentMonster.maxHp, la meme source que v249. Si le monstre n est pas identifiable (appel hors combat, apercu), on ne plafonne PAS — mieux vaut ne rien faire que borner un chiffre dont on ignore le contexte. Reglage : window.MX_XP_COMPENSATION_MAX (7). Interrupteur : window.__mxXpPlafondOff -->

  <!-- [2026-09-12 demande user] « enleve completement la musique de fond en mode PvP, je veux plus de musique pour entendre le micro ». Le duel PvP en camera ouvre le MICRO (sa capture montre « Mic ON » et « Hearing ») : la musique passe par-dessus la voix de l adversaire. CE QU ON COUPE : v100-music-playlist pose DEUX elements audio et deux seulement — #music-playlist (v100:55) et #music-boss (v100:66). On met les deux en pause pendant le duel. ON NE TOUCHE NI A LA VOIX DU COACH NI AUX EFFETS : il veut entendre le micro, pas jouer en silence. On vise deux identifiants precis, jamais « tous les audio de la page » — ce qui couperait aussi la voix. ON REND TOUJOURS LE SON : c est le piege classique de ce correctif, couper et oublier de retablir, et le joueur reste sans musique pour le reste de la session. Une ronde verifie l etat reel du duel et rend la main des qu il se termine. Et on ne retablit QUE ce qu on a soi-meme mis en pause : si le joueur avait deja coupe le son avant le duel, on ne le rallume pas. COMMENT ON SAIT QU ON EST EN DUEL : #mx-pvp-reps (v134:183) n existe QUE pendant un duel — v134 sort avant de le poser s il n y a pas de matchId (v134:181). Marqueur exact, qui disparait de lui-meme a la fin. On ne s appuie ni sur un ecran visible ni sur un drapeau que quelqu un pourrait oublier de remettre a zero. Interrupteur : window.__mxPvpSansMusiqueOff -->

  <!-- [2026-09-12] MARCHE : prix x4 et vraies illustrations. L emoticone n etait pas un repli — les objets du marche sont GENERES (main.js:9667) avec icon = emoji et AUCUN champ img, donc getItemIconHTML n avait rien a afficher. On prend une vraie image dans REAL_LOOT_POOL (main.js:23289), du MEME emplacement, choix DETERMINISTE derive de l id (sinon l objet changerait d illustration a chaque rendu). Prix : formule main.js:9665 price = rarity.priceBase + itemScore*5, priceBase 50/200/600/1500 ; son ami gagnait 5000 or en 3 jours donc achetait tout. x4 : le plancher passe de 1500 a 6000. MULTIPLIE UNE SEULE FOIS (marque __mxPrixX4) sinon les prix partiraient a l infini a chaque tour de ronde. Reglage MX_PRIX_MARCHE. Interrupteur __mxMarcheOff -->

  <!-- [2026-09-14] REPARE LES COMPTES DEJA CASSES. Le tutoriel se relancait sur un compte joue (court-circuit v107:65, corrige) et faisait playerLevel=1, playerXp=0, totalXp=0 — mais PAS xpToLevel. Le joueur retombait niveau 1 EN GARDANT le cout d XP de son ancien niveau. Verifie au chiffre pres : le « 2003 » photographie est EXACTEMENT getXpForLevel(16), le passage 16->17. Il lui fallait donc 2003 XP pour le niveau 2 au lieu de 67, et checkLevelUp ne pouvait plus jamais se declencher — d ou « barre pleine mais pas de level up » et l XP negative. Corriger la cause ne suffit pas : les joueurs touches gardent leur etat casse sur le disque ET dans le cloud. Ce paquet recalcule xpToLevel depuis playerLevel (valeur DERIVEE), ramene une XP negative a 0, et rend les niveaux dus. ON NE REND PAS les niveaux perdus : totalXp a ete efface, l information n existe plus — inventer un chiffre serait pire. ON NE TOUCHE JAMAIS playerLevel. Interrupteur __mxReparerXpOff -->

  <!-- [2026-09-14] « activer la camera je voudrai quelle soit toujours actif ». v118-camera-toujours-active memorise deja l AUTORISATION pour la session, mais le joueur doit TOUJOURS appuyer sur ENABLE CAMERA — sa capture du duel PvP le montre : overlay ouvert, bouton encore la, compteur a zero parce que rien ne tourne. Il ne demande pas de memoriser une permission, il demande que la camera DEMARRE seule. On declenche le VRAI bouton #mxcam-start (lui seul lance l echauffement du coach puis startCamera, v101:733) plutot que de reimplementer ce chemin. GARDE 1 : on ne demarre QUE si v118 a note que la camera a deja ete autorisee dans cette session — declencher une demande d acces sans geste du joueur est intrusif, et sur iOS une demande non sollicitee peut etre refusee d office. GARDE 2 : une seule tentative par ouverture — une boucle qui redemande l acces toutes les demi-secondes transformerait un echec en harcelement ; on rearme quand l overlay se ferme. ON NE TOUCHE PAS AU TUTORIEL : l etape « appuie sur enable » fait partie du script guide. Interrupteur : window.__mxCamAutoStartOff -->

  <!-- [2026-09-14] « corrige les items aussi, la prochaine fois qu Imad se connectera ses equipements seront nerfes ». Le reequilibrage par rarete ne touche que les NOUVEAUX drops : les inventaires existants gardent les stats gonflees (2400 PV a niveau 14, bouclier 500). On retrouve la valeur DE BASE dans le catalogue du jeu (window.MX_BIG_LOOT_POOL pose par main-patches.js:8197, et REAL_LOOT_POOL main.js:23289) puis on reapplique la meme formule que les nouveaux drops : un objet retrouve est recalcule EXACTEMENT comme s il venait d etre tire aujourd hui. UN OBJET INTROUVABLE N EST PAS TOUCHE : les objets de pack (Hache 8888, Amulette du Chaos), les recompenses uniques et les objets fabriques n ont pas de base connue — leur appliquer un ratio devine detruirait un objet achete 3000 gemmes sur une supposition. On les laisse et on les COMPTE. ON NE MONTE JAMAIS UNE STATISTIQUE : si le recalcul donne plus que l actuel, on garde l actuel. UNE SEULE FOIS PAR OBJET (marque __mxRebal14 avec les valeurs d avant) sinon chaque demarrage recalculerait sur des valeurs deja reduites et l objet finirait a zero. ON RECALCULE AUSSI LES PV DU JOUEUR : hpBonus alimente playerMaxHp, sans rappel la barre resterait a 2400 pendant que l equipement n en donne plus que 400. Interrupteur : window.__mxRebalInvOff -->

  <!-- [2026-09-14] « en PvP j ai pas mon compteur, je faisais des pompes et ca ne comptait pas » + « on voit pas assez la barre de vie ennemie et alliee ». LE COMPTEUR AVAIT RAISON : sur sa capture le telephone le filme en GROS PLAN — visage et ciel, ni epaules ni bassin. v123-cadrage-corps refuse alors de compter, et c est une decision MESUREE : sur ses vingt enregistrements reels, bassin hors cadre = 8 fausses repetitions pour 1 vraie, bassin visible = 4 fausses pour 57 vraies. Hors cadre MediaPipe PLACE quand meme hanches et genoux avec une visibilite proche de zero, et ces points inventes bougent : le detecteur elit du bruit comme signal meneur. On ne touche donc a AUCUN seuil. Le probleme n est pas le refus, c est que le joueur ne le VOIT pas : le message part dans #mxcam-fb, style d origine font-size 11px color #bcd (v101:183), onze pixels gris pale sous une video plein ecran, et il partage cette barre avec le retour normal du detecteur. Un refus de compter conditionne toute la seance : il doit se voir comme une alerte. La barre devient un bandeau ambre contraste tant que le cadrage est mauvais, et REPREND son apparence discrete des que c est bon — une alerte permanente deviendrait un decor. LES BARRES DE VIE : mesure, .mxcam-mhp fait 15 px de haut et la jauge .gg fait 7 px de LARGE ; sur un fond de video un trait de 7 px sans contour disparait. On epaissit et surtout on pose un CONTOUR SOMBRE — c est lui qui fait le travail, une barre plus epaisse sans contour reste invisible sur une image claire. ON N AJOUTE AUCUN ELEMENT ET ON NE DEPLACE RIEN : empiler un calque sur l overlay camera (z-index 2 147 483 300) est le piege qui a deja coute quatre boutons inatteignables a ce projet. Interrupteur : window.__mxCadrageVisibleOff -->

  <!-- [2026-09-14] « programme du jour : il a selectionne tous les jours mais ca fait 3 jours qu il n a pas le programme du jour ». ECARTE D ABORD le soupcon evident d un decalage d indice : il est FAUX, verifie des deux cotes — le selecteur ecrit Dim..Sam en 0..6 (main.js:41805) et le portail lit new Date().getDay(), 0..6 lui aussi (main.js:41575). Ecarte aussi resetGameStateForNewAccount (ne tourne qu a l inscription) et la reprise cloud (ne remplace que si le local n est PAS calibre). DEFAUT 1 — LES DEUX HORLOGES SE CONTREDISENT : todayStr() rend toISOString() donc de l UTC, todayDow() rend getDay() donc du LOCAL. En France l ete, entre minuit et 2 h, la cle de journee dit encore HIER pendant que le jour de la semaine dit deja AUJOURD HUI — et c est sur cette cle que reposent la regeneration des quetes, la punition de la veille et le compte a rebours qui promet « Termine avant minuit ». Minuit de qui ? Ce n est pas une supposition sur les fuseaux : v101-slim-program.js:33 definit DEJA son todayStr() en local, main.js est le seul reste en UTC. DEFAUT 2 — trainingDays N EST JAMAIS VERIFIE AVANT D ETRE LU (main.js:42004, hors de tout try) : un tableau de CHAINES rend includes(nombre) faux pour toujours ; une forme d OBJET n a pas de .includes donc ca JETTE, et comme renderFitnessQuestPanel appelle la generation en PREMIERE ligne (main.js:42358) l exception tue le panneau entier ; un tableau VIDE sur un programme calibre est un etat impossible (la confirmation refuse de valider sans un jour). On normalise avant lecture : entiers 0..6 uniques, tries en NOMBRES (slice().sort() de main.js:41942 trie en chaines). ON N INVENTE AUCUN JOUR : si les jours sont perdus on ne recoche pas sept cases sur une supposition, on pose un bandeau APPENDU au panneau (aucune dependance au texte, rien ne casse a la traduction) avec un bouton qui rouvre la calibration. MIGRATION SANS PUNITION INJUSTE : passer la cle en local peut rendre une lastQuestDate UTC posterieure a la date locale ; une date de journee dans le futur est impossible sous la nouvelle horloge, on la ramene SANS passer par le chemin qui arme la punition. Interrupteur : window.__mxProgrammeJourOff -->

  <!-- [2026-09-15] « monte fortement le prix des coffres » + « mon ami Imad a drop un item lvl 100 ???? fais qu il peut droper au max des items 10 lvl plus que lui ». ① LES COFFRES : Soldat 3 000, Royal 7 000, Draconique 12 000, Monarque 19 000. Deux decisions du 14/09 ont deplace le sol sous ces chiffres sans que personne ne les rebouge — objets du marche ×4 (v337) et gain d or -30 % (v334) : un coffre coute aujourd hui, en heures de jeu, environ le tiers de ce qu il coutait hier, alors que son contenu a pris de la valeur relative. On applique le MEME facteur qu au marche (×4) pour que les deux facons de s equiper restent comparables. LE COFFRE GRATUIT RESTE GRATUIT : price === 0 est un statut, pas un prix, et le code qui teste isFree doit continuer a voir zero. DEUX TABLEAUX, PAS UN : BOUFFON_CHESTS est construit par COPIE ({...c}, main.js:22449), modifier CHEST_TIERS ne se propage pas. ② LE NIVEAU DES OBJETS : MX_itemMinLevel calcule le niveau requis proportionnellement a la RARETE puis le plafonne a 100 — c est ce plafond qu Imad a touche, un ultra sortait a 400+ et redescendait a 100. Le plafond etait global, il n a jamais regarde LE JOUEUR. On en pose un second, relatif : niveau du joueur + 10. ON RABAISSE AUSSI LA PUISSANCE, sinon le correctif est un cadeau — la puissance suit le niveau effectif (main-patches.js:8534), ramener le niveau REQUIS de 100 a 21 sans toucher aux stats rendrait un objet de niveau 100 EQUIPABLE a 21. Jamais de hausse, objets de pack intacts, une seule fois par objet (marque __mxNivPlaf). Reglages : window.MX_PRIX_COFFRE (4) et window.MX_DROP_NIVEAU_MARGE (10) · Interrupteur : window.__mxCoffresNiveauOff -->

  <!-- [2026-09-15] « chaque coffre epique il gagne 2 billets epiques, il a drop 7 billets, c est enorme ». AUCUN coffre n accorde « 2 billets » : j ai suivi les six sources. Les trois FARMABLES tirent a 5 % — coffre gratuit du Bouffon (main-patches.js:8392), coffres de palier d evenement (v209:267), coffres de l evenement Cyber (v99-events.js:264) — et ce sont elles qui font le chiffre, parce qu un palier n ouvre pas UN coffre mais un LOT : a 5 % par sous-coffre, un lot de quarante rend deux billets en moyenne, exactement ce qu il decrit. Le taux n avait jamais ete relu depuis que les paliers distribuent des lots. Il passe a 1,5 % : le meme lot rend 0,6 billet, et ses sept billets en auraient fait deux. Les sources BORNEES ne sont PAS touchees — recompense quotidienne, passe de combat et abonnement PRO ont un plafond par construction, les rogner punirait l assiduite et un achat au lieu de corriger la fuite. ON NE TOUCHE A AUCUNE LIGNE DE CODE : les trois sources lisent deja leur taux dans une globale prevue pour ca (MX_EVENT_TICKET_P, MX_FREECHEST_TICKET_P), on pose la valeur et c est tout — aucune greffe a surveiller. Et si un autre paquet a deja fixe un taux, on le respecte. Reglage : window.MX_TICKET_P · Interrupteur : window.__mxBilletsRaresOff -->

  <!-- [2026-09-15] « les succes du Royaume rang D sont remplis meme avant de passer rang D — mon ami a fait toutes les quetes du rang E puis est passe rang D et a debloque 12 quetes direct recompense ». La progression d une quete se lit dans gameState.globalStats (main.js:14147) : des compteurs A VIE, jamais remis a zero, qui ne savent pas a quel rang ils ont ete gagnes. Les cibles sont fixes (rang E 50 pompes, rang D 150). Un joueur qui reste au rang E le temps de finir ses quinze quetes accumule evidemment bien plus que 150 pompes : le jour ou le rang D s ouvre, ses quinze quetes sont DEJA satisfaites. Le rang suivant n est pas un objectif, c est un distributeur. Chaque chiffre est juste — personne n avait decide que la progression devait compter A PARTIR du rang. On photographie donc globalStats quand un rang est ATTEINT, et la progression se compte depuis cette photo. ON NE TOUCHE A RIEN DE DEJA ACQUIS : aucune photo retroactive, les rangs deja atteints gardent leur comportement, une quete reclamee le reste — poser une photo a l installation effacerait d un coup la progression reelle de tous les joueurs en cours de partie. Seuls les rangs FUTURS sont photographies. ON NE SUBSTITUE JAMAIS globalStats PENDANT UNE SAUVEGARDE : pour l affichage on prete au rendu d origine des compteurs ajustes (showQuestsRank ne fait que dessiner), mais pour la reclamation on pose notre garde AVANT d appeler l originale, qui elle sauvegarde et pousse dans le cloud. AU PASSAGE : la carte (main.js:14177) et le message (main.js:14210) annoncaient le montant BRUT alors que le credit passe par MX_gainOr/MX_gainXp — une quete annoncee 4000 or / 10000 XP en verse 2800 / 6000. Meme famille que le « 58 degats par squat ». Interrupteur : window.__mxQuetesRangOff -->

  <!-- [2026-09-15] « burpees on peut faire + de 150, y a pas l anti-triche » + defaut releve par l audit. ① checkAntiCheat (main.js:19270) autorise limite/minute x minutes ecoulees, et RIEN d autre. Mesure en executant la vraie fonction sur les burpees (limite 15/min) : 2 min -> 30, 10 min -> 150, 20 min -> 300, 1 h -> 900. Il suffit d ouvrir l exercice, d attendre, et de revenir declarer ce qu on veut : le temps ecoule n est pas une preuve d effort, c est juste du temps. On pose donc un PLAFOND ABSOLU par validation — dix minutes de cadence maximale, quelle que soit l attente : exactement les 150 qu il cite pour les burpees, 800 pour les pompes, 500 pour les squats. ② ET SURTOUT, CA EFFACAIT TOUT : au depassement, main.js:19284 fait exerciseCount = 0 puis rend true, donc completeExercise sort sans infliger le moindre degat. Le joueur qui fait 160 burpees pour une limite de 150 ne perd pas 10 repetitions, IL PERD LES 160 — quarante minutes d effort effacees par un depassement de 6 %. On BORNE au lieu d effacer, et l attaque part avec le compte borne. CE N EST PAS UN CADEAU AU TRICHEUR : celui qui declare 1000 obtient le maximum autorise, c est EXACTEMENT ce qu il obtenait deja en declarant ce maximum du premier coup — on ne lui donne rien de neuf, alors que l honnete qui depasse de peu garde son travail. Le seul qui perdait quelque chose dans l ancienne version, c etait lui. Les avertissements restent, mais seulement au-dela du DOUBLE du maximum : en compter un a qui depasse de 6 % finirait par bannir de l hotel des ventes des joueurs qui n ont rien fait. Reglages : window.MX_ANTITRICHE_MINUTES_MAX (10) et window.MX_ANTITRICHE_GROSSIER (2) · Interrupteur : window.__mxAntiTricheBorneOff -->

  <!-- [2026-09-15] « et parfois il est toujours en serie de victoire alors qu il est mort ». CE N EST PAS « PARFOIS » : CA N A JAMAIS MARCHE. updateWinStreak(won) (main.js:39157) est complete et correcte — elle sait remettre la serie a zero et contient meme le message prevu pour ca, « 💔 Serie de N perdue ! ». Mais dans TOUT le depot elle n est appelee QU UNE SEULE FOIS : updateWinStreak(true) a la mort d un monstre (main.js:20235). Jamais, nulle part, avec false. La branche « serie perdue » existe depuis le debut et elle est inatteignable : ce message n a jamais pu s afficher une seule fois dans la vie du jeu, et une serie commencee ne pouvait plus retomber. Meme piege que ce projet a deja paye deux fois — une fonction qui EXISTE n est pas une fonction qui est APPELEE. On branche donc playerDefeated (main.js:24940) sur la branche qui existait deja : aucune logique de serie n est reecrite, on appelle la fonction du jeu avec l argument qu elle attendait. ON N INVENTE AUCUNE REGLE : ni les paliers, ni le record _winStreakBest (un record reste un record apres une defaite), ni le bonus en cours. PERIMETRE : la defaite en combat de monstre, celle dont il parle — le PvP tient son propre compteur et la coop le sien, les meler ferait retomber une serie de combat sur une defaite d arene. UNE SEULE FOIS PAR MORT : playerDefeated peut etre rappelee, sans garde on afficherait « serie perdue » plusieurs fois pour une seule mort. Interrupteur : window.__mxSeriePerdueOff -->

  <!-- [2026-09-15] « quand il a rafraichi la boutique des items, les items n ont pas change ». IL N Y AVAIT RIEN A RAFRAICHIR : les trente objets du marche etaient produits par une boucle NUE au niveau du script (main.js:9634), executee une seule fois au chargement — pas de fonction a rappeler, pas de rotation, pas de date. Et le seul bouton de rafraichissement du jeu (refreshMarketplace) concerne l HOTEL DES VENTES, pas le marche : il pouvait cliquer autant qu il voulait, il ne s adressait pas au bon ecran. Le commentaire d origine parle pourtant de « Marche du jour » depuis le 02/07 — l intention etait la, le jour n avait jamais ete branche. La boucle est extraite dans MX_genererMarche (meme tirage, a l identique) et ce paquet la rejoue AU CHANGEMENT DE JOUR. ON NE RENOUVELLE JAMAIS PENDANT QUE L ECRAN EST OUVERT : l achat se fait par INDICE (buyMarketEquipment lit MARKET_EQUIPMENTS[index], main.js:11223), regenerer sous les yeux du joueur lui ferait acheter un objet qu il n a pas choisi, au prix d un autre. ON REPASSE LES PRIX ET LES IMAGES : v337 marque chaque objet et ne repasse qu une fois, donc sans rappel le marche du lendemain sortirait au prix de base avec des emoticones. LA DATE EST CELLE DU JOUEUR, pas UTC — meme correction que v342. ON NE TOUCHE PAS A L HOTEL DES VENTES, qui a sa propre logique et son propre cout. Reglage : window.MX_MARCHE_TAILLE · Interrupteur : window.__mxMarcheDuJourOff -->

  <!-- [2026-09-15] « les pas ne fonctionnent pas, la recompense des pas », puis une fois la cause connue : « enleve le systeme de pas, on le met en cours de build » et « build comme ca, on garde le max de modeles telephone ». v99-health-steps lit les pas via trois ponts natifs (CapacitorHealthkit, HealthConnect, CapacitorHealth) dont AUCUN n est installe — verifie trois fois : zero paquet sante dans package.json, aucun dans capacitor.plugins.json qui dit ce que le natif embarque vraiment, aucune permission sante dans le manifeste ni dans Info.plist. Sur appareil, MX_readTodaySteps rend donc TOUJOURS null. PIRE QUE LA PANNE : quand la lecture echoue, le panneau affiche le texte prevu pour le WEB — « Bientot sur mobile » — donc un joueur SUR MOBILE lisait que ca arriverait bientot sur mobile, et le bouton n affichait la mention « (app mobile) » que sur le web. C est ce contresens qui lui a fait perdre du temps a essayer. LE PLUGIN EXISTE ET A ETE MONTE : branche sante-pas, commit 90c1b0e (capacitor-health@8.2.0, permissions Android, entitlement et textes d usage iOS). Il n est PAS retenu pour une raison non technique : androidx.health.connect exige Android 8.0, donc minSdk 24 -> 26, donc les Android 7 exclus. Decision de l auteur : garder le maximum de modeles. Le travail reste sur la branche. CE PAQUET DIT LA VERITE, ET RIEN D AUTRE : bandeau EN DEVELOPPEMENT sur le bouton (meme convention que les exercices non mesures du selecteur camera) et panneau qui explique que la fonction n est pas branchee. ON NE SUPPRIME NI LE BOUTON NI LE CODE : le bareme, les paliers, les titres de marche et la persistance restent intacts, le jour ou le pont arrive il n y a qu a enlever ce paquet. ON N EMPECHE PAS L OUVERTURE, et le mode d essai MX_devSetSteps passe intact. Interrupteur : window.__mxPasEnDevOff -->

  <!-- [2026-09-15] « dans MONARCH STATS et COACH je voudrais que tu estimes le nombre de calories perdues aussi, les utilisateurs aiment bien ca ». LE CALCUL EXISTAIT DEJA et il est serieux : v254-stats-moteur applique les MET du Compendium of Physical Activities (kcal = MET x poids x heures) avec une regle qu on garde intacte — POIDS INCONNU, ON NE CALCULE PAS. Inventer un poids moyen donnerait un chiffre faux avec l air d etre vrai, et c est precisement ce qu un utilisateur regarde tous les jours. DEUX MANQUES : ① le COACH n en avait AUCUNE (zero mention de kcal dans v258) — il propose une seance, duree et difficulte choisies, sans jamais dire ce qu elle coute, alors que c est la que le chiffre motive le plus, AVANT l effort ; ② dans STATS, sans poids, la case affichait un tiret muet — le joueur ne pouvait pas deviner qu il suffisait de renseigner son poids. ON NE REINVENTE PAS LA FORMULE : MX_stats.estimerKcal est expose depuis le moteur le meme jour, car une seconde table MET ici finirait par diverger et les deux ecrans annonceraient des chiffres differents pour le meme effort. Les blocs chronometres donnent leurs secondes, les autres passent par une cadence prudente par repetition, et le total est BORNE par la duree choisie — une seance de 15 minutes ne peut pas bruler 40 minutes d effort. C EST UNE ESTIMATION ET ON L ECRIT : le signe ≈ et le poids retenu restent visibles. ADDITIF : aucun ecran n est reecrit, on observe leur rendu et on ajoute une ligne. Interrupteur : window.__mxCaloriesOff -->
<!-- le panneau du Programme du Jour faisait 1188 px dans un ecran de 844 et laissait un trou noir de 91 px : v177 le prenait pour une pop-up plein ecran, lui posait overflow-y:auto SANS max-height (donc il ne pouvait jamais defiler), et remontait son plus gros enfant en dernier recours — decalage FIGE pendant que 4 paquets continuaient d inserer au-dessus. On borne la hauteur : v177 n atteint plus son secours. -->
<!-- RevenueCat etait interroge sous l identite ANONYME, une seule fois, avant que Firebase n ait rendu le compte : {} etait grave comme reponse officielle, et {} est truthy — donc un refus DEFINITIF pour la session. Les prix arrivaient (ils ne dependent pas de l identite et reessaient 4 fois), d ou « UNLOCK 3,99 $ » affiche a un abonne. On relit les droits a chaque changement d identite. -->
<!-- refonte des 4 packs premium : Draconique (hache legendaire 45/230), Chaos, The Voyd et Season recoivent leurs objets neufs, TOUS niveau 1 et equipables par tous ; les 12 anciens objets partent dans MX_BIG_LOOT_POOL (les runiques dans le seau des coffres finaux) ; l Epee du Monarque Sanguinaire passe a 666/-66 ; mention « jusqu en sept. 2027 » a droite de chaque carte. -->
<!-- le mode difficile annoncait « XP et or x4 » et en delivrait SEIZE : la courbe d XP curatee est LINEAIRE au-dessus de 5 000 PV, donc multiplier les PV par 4 multiplie deja l XP par 4 — et v333 appliquait EN PLUS son propre x4 sur MX_bossDifficultyMult. MX_DUR_REW passe a 1. -->
<!-- « un donjon fini reste TOUJOURS rejouable » (main.js:15280) et rejoue il payait 100 % : le farm du meme donjon etait structurellement la voie la plus rapide. Premier passage plein tarif, suivants 30 %. L etat existe deja : gameState.completedDungeons. -->
<!-- Sanguinaire 15 % vol de vie + 4 % force · Ice Empereur 15 % armure + 6 % force · Le Faucheur 17 % force + 2 % resistance et 300 gemmes (price:0 obligatoire pour que la boutique bascule en gemmes). Repasse apres v359 qui reinjecte ses familiers a 1 500 ms. -->
<!-- avatar 300 (Seigneur de Guerre, le 1er rare anime, fond violet) exclusif au Pack The Voyd ; avatar 305 (Broyeur d Ossements, le 4e, un troll) exclusif au Pack du Chaos OU au Pack Guerrier. Refus a la porte dans buyAvatar plutot que price:0 (qui afficherait GRATUIT). Deblocage retroactif pour qui a deja le pack. Sauvegarde : ownedAvatars, deja synchronise cloud par v99-profile-save:554. -->
<!-- or des 6 packs x5 (valeur LUE puis multipliee, marquee pour ne jamais multiplier deux fois) ; et le monstre d Halloween recadre : sa tete occupe [5 %,45 %] de l image alors que cover montrait la bande [26 %,79 %] — object-position 50 % 12 %. -->
<!-- env(safe-area-inset-top) rend 0 dans la WebView iOS de Capacitor : tout le systeme de zones sures de v122 est inerte sur l appareil, d ou le titre, la croix et le bouton Home colles a la barre d etat. On donne un PLANCHER de 22 px via max(). Et le bandeau #mxcam-fb sort du flux (position:absolute + pointer-events:none) : la camera et le monstre recuperent toute sa hauteur, le message reste lisible en surimpression. -->
<!-- coffre11.png devient le Coffre Celeste, ajoute EN FIN de CHEST_TIERS (jamais au milieu : le rang a plat pilote prix, niveau, plafond et chance Monarque) avec ses trois tables calees ; le coffre d Halloween est une CARTE DOM sous un titre « COFFRE DE SAISON », verrouille hors octobre — jamais dans CHEST_TIERS, ou il consommerait le coffre quotidien via le piege price:0 de main-patches:8379 ; et une video de monstre absente retombe sur son image au lieu de rendre du noir. -->
<!-- les huit coffres annoncaient SEIZE vignettes pour ONZE objets : les trois plus chers ne montraient que des objets deja vus deux paliers plus bas. Chaque coffre recoit desormais DEUX objets qui n appartiennent qu a lui, echelonnes novice -> aventurier -> soldat -> demon -> souffrance -> ange, tous verses au butin pour pouvoir vraiment tomber. Et le niveau requis s affiche sur CHAQUE carte, pas seulement sur le titre du palier quand on ne l a pas. -->
<!-- une SEANCE (coach, training) n est pas un combat : on coupe vraiment la musique au lieu de la baisser (v101:303 ne faisait que ducker, d ou deux voix superposees), et on masque « +1 rep », potions et sorts qui n ont aucun sens sans adversaire. On reconnait une seance par les elements du panneau de session (#mxcam-sexn/#mxcam-sbig/#mxcam-sprog), qui n existent que la — rightMode n est ni expose ni pose en classe. -->
<!-- 20 des 40 images de programme sont en PAYSAGE (297x246, ratio 1,21) forcees dans une carte portrait 2:3 (ratio 0,67) en background-size:cover : 45 % de la largeur etait rognee. On reprend le cadre intelligent de v100-smart-frame — image entiere en contain, vide comble par une copie floutee d elle-meme via background-image:inherit. Ni rognage, ni barres noires : les deux ont ete payes ce mois-ci. -->
<!-- v254 n enveloppe QUE MXCameraPushups.attach ; le moteur expose DEUX portes et les huit autres paquets camera enveloppent les deux. Tout ce qui passe par attachStream (avatar vs avatar) n arrivait donc jamais dans MONARCH STATS. On pose la seconde porte a cote, sans toucher a v254 qui doit rester identique a l octet pres cote azar-sport. Et le tonnage, qui n existait qu en total, gagne jour / semaine / mois. -->
<!-- « your record : montees de genoux, j en ai pas fait ». En seance le jeu lance le detecteur en mode auto (v225:197) et transmet l exercice VOULU par setHint — mais v254:186-194 ne consulte jamais l indice : il retient exerciceDetecte, la SUPPOSITION du classifieur (v118:703). MONARCH STATS enregistrait donc ce que le detecteur a cru voir. On remet la priorite : voulu > detecte > auto. Et on retire le « || pushups » par defaut, qui inventait des pompes. On MUTE l adaptateur, on ne le remplace pas : v254:65 a fige sa reference. -->
<!-- « dans les chest tu gagnes tout le temps 2 billets epiques ». v99-exclusive-rewards.js:189 lit `window.BOUFFON_CHESTS` — mais BOUFFON_CHESTS est un const de script, jamais pose sur window : la liste est VIDE a chaque ouverture, le coffre n est jamais retrouve, le palier retombe sur 1 et `tk = 1 + tier` vaut 2, du coffre gratuit au coffre a 200 000 or. On publie la table sur window (une REFERENCE, pas une copie : v373 y ajoute le Coffre Celeste), et la ligne existante devient juste — 2 billets au premier palier, 9 au dernier. -->
<!-- « des equipements affichent un effet special mais donnent 0 ». v353:369 pose `it.effect = { type }` SANS magnitude sur 47 objets — un garde-fou volontaire pour bloquer le tirage aleatoire (v99-unique-items:222), mais MX_uniqueEffectDesc le lit comme une promesse et imprime « +0 % de degats ». Un effet sans magnitude ne se decrit plus ; l objet effect reste en place, le retirer rouvrirait le tirage qu il bloque. On efface aussi les descriptions deja gravees en sauvegarde, et le badge des deux armes d artisanat dont le declencheur est desactive depuis une refonte (main.js:19740 commence par `if (false &&`). -->
<!-- « en arene PvP il y a toujours la musique mais en saccade, je veux plus du tout de son ; et enleve la voix du coach, il dit n importe quoi ». Le hachage vient du sondage de v100-music-playlist:227 qui REPOSE le volume a chaque tour au lieu d arreter la lecture : en arene on met les deux lecteurs en PAUSE. Et si le coach parle malgre v175, c est qu il y a DEUX systemes de voix (v101-voice-coach et v105-voice-clips) qui enveloppent les memes methodes, v105 se reposant toutes les secondes : selon le dernier repose, c est lui le plus externe et le musellement saute. On ne se bat pas dans la pile — on coupe par le seul interrupteur que les DEUX consultent (localStorage mx_coach_voice), et on rend son reglage au joueur en sortant. -->
<!-- « reduis The Voyd citadelle et forteresse, Voyd perfect a 1M2 PV, et le boss mensuel a 1M9 PV, le plus de PV du jeu ». Les deux demandes n ont de sens qu ensemble : le boss du mois est a 2,8 M et THE VOYD monte plus haut, donc « 1M9 et le plus haut » impose de rabattre le sommet de la forteresse. Les PV de forteresse ne sont ecrits NULLE PART en dur (v100-balance-tune donne des cibles, v351 etire l echelle en enveloppant spawnMonster) : on se greffe a notre tour sur spawnMonster et on corrige le monstre reellement produit. Tout monstre a 1 M+ est comprime dans [1,0 M ; 1,2 M] — une compression, pas un plafond, pour que l ORDRE de difficulte survive. En dessous d 1 M, on ne touche a rien. -->
<!-- « la video du Monarque Sanguinaire ne s affiche pas ». Cause premiere hors code : les .mp4 sont exclus du paquet natif (120 Mo de videos, plafond Play 150 Mo) et rediriges vers l hebergement par v99-native-media-base — mais les deux videos ajoutees le 17/09 n y ont jamais ete deployees (voyd.mp4 → 206, monarque_sanguinaire.mp4 → 404). Corrige par `firebase deploy --only hosting`, surveille par `npm run audit:videos`. MAIS le jeu n aurait jamais du montrer un cadre vide : main.js:18358 ecrit `if (video) {…} else if (img) {…}` — la branche image existe et a meme son repli emoji, mais elle est en ELSE, donc inatteignable des qu une video est declaree, et le <video> pose n a aucun onerror. On ajoute le cas d echec qui manquait : erreur, ou readyState 0 apres 3,5 s (certaines WebView ne levent pas `error` sur un 404 de plage) → on rend la main a l image, puis a l emoji. -->

<!-- « mon ami a drop un item lvl 12 dans le Coffre Celeste, plus bas que le Monarch Chest et moins cher ». Deux mecanismes, aucun plancher : main-patches:8575 fait `eff = min(niveauJoueur, plafond)` — le palier ne fait jamais MONTER le niveau, il ne peut que le descendre ; et la bande de v354 a un plancher ecrit puis JAMAIS applique (sa fonction convient() finit par `return true` apres un commentaire « plancher SOUPLE »), si bien qu apres 14 tirages elle rend n importe quel objet sous le plafond. On resserre les bandes (1-20 / 20-30 / 30-40 / 40-65 / 65-90 / 90-120 / 120+) et on pose un plancher REEL : hors bande, l objet est re-nivele a un niveau TIRE dans la bande (donc varie), statistiques recalculees et bornees. ⚠️ La marge « +10 » du 15/09 est conservee mais ne peut plus VIDER une bande — sinon un joueur niveau 70 ouvrant le Celeste aurait un plafond a 80 pour une bande commencant a 120, ce qui est exactement ce qui faisait tomber le code dans son repli. -->
<!-- Le COFFRE decide du niveau, la RARETE la qualite. Mesure : le catalogue est sain (414 objets, 74 niveaux jusqua 150, 23 au-dessus de 120) ; le defaut est la SELECTION — le coffre tire dabord une RARETE puis un objet du seau correspondant, et les seaux common/rare ne contiennent que du bas niveau par construction. Do un niveau 12 dans un coffre a 200 000 or, et un lvl 14 legendaire qui bat un lvl 140 commun. ⚠️ ON NENVELOPPE PAS LE TIRAGE : v384 la tente et a produit 54 240 tirages internes pour UN objet (v354 rejoue 14 fois et se repose par-dessus) — le banc a PLANTE. On se greffe sur _doOpenBouffonChest, appelee UNE fois par coffre, et on corrige ce qui entre dans linventaire ; la remise etant differee par lanimation, on surveille 4 s par pas de 250 ms. -->
<!-- Trouve en listant le butin : 24 objets du catalogue sortent a 0 degat ET 0 PV, dont 8 legendaires et 8 runiques. La cause est v374 lui-meme, qui declare les seize objets vedettes des coffres avec un nom, une image et une rarete — ni dmgBonus, ni hpBonus, ni niveau — et les pousse tels quels dans MX_BIG_LOOT_POOL. La vitrine etait juste, le BUTIN etait vide de sens. On ne re-invente pas une courbe : pour chaque objet vide on cherche ses SEMBLABLES dans le catalogue (meme emplacement, meme rarete) et on interpole leurs valeurs au niveau visé, qui est le milieu de la bande de son coffre. Si aucun semblable ne se trouve, on ne touche PAS a l objet plutot que de lui coller un chiffre au hasard. -->
<!-- « l XP et l or gagnes pour les gros monstres, c est pas terrible ». Releve sur les 287 monstres, XP pour 1000 PV : 44,1 sous 1000 PV · 14,3 vers 10 000 · 6,0 vers 36 000 · 0,53 au-dela de 200 000. La recompense ne ralentit pas, elle S EFFONDRE : THE VOYD Phase 1 (411 523 PV) rend 212 XP, MOINS qu un monstre de 36 000 PV qui en rend 217 ; et le Monarque Sanguinaire (1 900 000 PV) rend 0 XP et 0 or, sa table ne declarant aucun des deux champs. On pose XP = K x PV^0,58 : la recompense monte moins vite que la difficulte, mais elle MONTE. Cale sur les petits monstres pour ne pas toucher au debut de partie. On ne BAISSE jamais un gain, et rien sous 20 000 PV. -->
<!-- « rends l XP un peu plus dure a partir du 40, puis du 90, puis du 140 — pour atteindre les 18 M au niveau 150 ». Le cout total pour le 150 etait de 11 802 817 XP, reparti 1,8 % sur les niveaux 1-39, 19,9 % sur 40-89, 58,9 % sur 90-139 et 19,3 % sur 140-150. On cherche trois multiplicateurs croissants aux ecarts reguliers dont la somme ponderee tombe sur 18 M : x1,33 / x1,54 / x1,73 donnent 18 000 115, soit 0,00 % d ecart, avec des marches de +0,21 puis +0,19. ⚠️ Verifie AVANT d ecrire : main.js:10265 fait « playerXp -= xpToLevel ; playerLevel++ » — l XP stockee est une PROGRESSION dans le niveau courant, pas un cumul, donc durcir la courbe ne peut retrograder personne. Et on ne touche pas a xpToLevel en cours de niveau : c est le contrat en cours. -->
<!-- « la plus forte c est l arme sanguinaire 666 degats » + « droppable sur boss mensuel ». Il y a DEUX objets portant ce nom, avec la meme image : MX_MONARQUE_SWORD (666 dgt / -66 pv, drop du boss) et une entree du catalogue posee par v353:315 (313 dgt / 392 pv, niveau 100, qui tombe de TOUS les coffres). Le 666 n a jamais ete perdu : c est le doublon qui trompe, un joueur peut sortir « l Epee du Monarque Sanguinaire » d un coffre a 313 degats et croire tenir la meilleure arme du jeu. ⚠️ L intention d origine est ecrite dans main-patches.js:8243 — « cette epee n est JAMAIS dans BIG_POOL, donc indropable depuis les coffres » — et v353 l a violee sans que personne ne le voie. On retire le doublon, on donne le niveau 150 a celle du boss (elle n en avait aucun, d ou son affichage au niveau 0) et on re-affirme ses valeurs a chaque passe. On ne touche PAS aux inventaires. -->
<!-- « pourquoi dans des gros coffres tu peux gagner un item lvl 6 commun ? tu dois gagner ca seulement dans petit coffre 1-20 ». Il a raison, et c est ma correction de la veille qui a ouvert la porte : v385 fait decider le NIVEAU par le coffre, mais ne dit rien de la RARETE — le catalogue entier restait accessible a tous les coffres. Et le re-nivellement ne sauve rien, la puissance suit le niveau par un rapport BORNE a x8 : un commun a 1 degat monte au niveau 135 en fait 8, face aux 350 de l Arme Angelique. Monter le niveau d un commun n en fait pas un bon objet. Echelle posee : commun+rare aux rangs 1-2, rare+epique 3-4, epique+legendaire 5, +runique 6, legendaire+runique 7-8. Applique a la REMISE, jamais au tirage (v354 rejoue 14 fois : v384 y a deja produit 54 240 tirages pour un seul objet). On REMPLACE, on ne supprime pas. -->
<!-- « Arme de l Ancien 2, retire cet equipement, l image c est un troll ». Le defaut est plus large que l objet signale : sur les 553 objets du catalogue, QUATRE utilisent une image de monstre comme icone, et ce sont les quatre paliers de la meme lignee (Arme de l Ancien, II, III, IV), tous sur Monstre/troll12.png. Les 549 autres pointent bien vers equipements/, icone/ ou coffre_lotterie/. On retire par une REGLE (aucun equipement ne porte une image du dossier Monstre/) plutot que par quatre noms : retirer par nom marcherait aujourd hui et laisserait passer le prochain. On ne touche pas aux inventaires. -->
<!-- « forteresse c est plus dur que citadelle, adapte-toi ; Gobelin Elite 2300 PV en normal, difficulte x4, 130 degats toujours avec son poison ». Comparaison relevee : citadelle chapitre 1 = 2 650 PV / 55 dgt, forteresse rang E = 1 267 PV / 130 dgt — le premier boss de forteresse avait donc MOINS de PV que le premier de citadelle, alors que la forteresse est le contenu le plus dur. ⚠️ Les PV de table de la citadelle sont FAUX : les objets de MX_CHAPTERS_DEF portent des baseHp de 855 a 1 285 pour tous les chapitres, boss compris, alors que les vraies valeurs sont dans MX_CIT_TARGETS (2 650 au ch.1, 1 500 000 au ch.12). C est ce qui a produit le « Igraz n a pas 1052 PV » signale par l auteur, et il avait raison. Table de valeurs DECIDEES, un seul boss pour l instant — inventer les vingt et un autres reviendrait a reecrire son jeu a sa place. Le mode difficile applique ses propres x4 / x2 par-dessus, on ne les applique pas ici. -->
<!-- « il y a des items qui n ont toujours pas de stats, repare ca » — Gant Clown, Gant De Gobelins, Gant De Troll : niveau 0, emplacement absent, 0 degat, 0 PV. Sur les 187 drops declares par les monstres, 178 n ont NI statistiques NI emplacement, dont 15 LEGENDAIRES. main.js:20765 leur donne alors slotType weapon et 2 degats / 4 PV de base : tout devient une arme (139 des 178 ne sont pas des armes d apres leur nom), la rarete ne compte pour rien (un legendaire recoit les memes 2 et 4 qu un commun), et le contenu le plus dur donne le butin le plus faible (rankMult va de 1 a 15, donc 30 degats au donjon Void quand le catalogue monte a 350). On remplit les DECLARATIONS dans DUNGEONS et EXTRAMONSTERS plutot que d envelopper un seul chemin de remise : les autres resteraient casses. Emplacement deduit du nom, niveau deduit de la puissance du monstre, valeurs calees sur le catalogue — aucune constante inventee. -->
<!-- « Roi Sanglier c est apres Gobelin Elite, il devrait avoir plus de vie » + « les donjons d apres sont toujours plus durs que les anciens ». C est MOI qui ai casse l ordre : en montant le Gobelin Elite de 1 267 a 2 300 (v392, a sa demande), deux donjons POSTERIEURS sont devenus plus faciles — Roi Sanglier 1 833 et Gobelin Slayer 2 167. Corriger un nombre sans regarder la suite de la serie deplace le defaut au lieu de le regler. On pose une echelle GEOMETRIQUE sur les 24 donjons, dans l ordre de ORDRE_DONJONS (repris de v351, lui-meme tire des cibles de v100-balance-tune triees croissantes) : boss(i) = 2 300 x raison^i avec raison ≈ 1,3316 pour que le dernier retombe sur sa valeur actuelle. La pietaille suit le MEME rapport que son boss, ce qui conserve la structure interne de chaque donjon. Les valeurs DECIDEES a la main (MX_BOSS_PV de v392) servent d ancrages et ne sont jamais ecrasees. Les degats ne sont pas touches : l auteur n a parle que de vie, et ils sont deja croissants. -->
<!-- « en mode difficile tu as x4 en drop aussi ». v333 applique deja x4 sur les PV et x2 sur les degats, mais le BUTIN n avait jamais ete touche : un monstre quatre fois plus resistant lachait les memes objets aux memes taux. On multiplie le TAUX (pas le nombre d objets : deux fois le meme objet n a aucun interet quand on n equipe qu une piece par emplacement). ⚠️ PREMIER JET POSE SUR DU VIDE : j enveloppais rollMonsterDrops / applyMonsterDrops / giveMonsterDrops, TROIS fonctions qui n existent pas — devinees. Le releve donne deux chemins de tirage a ECHELLES DIFFERENTES (main.js:32250 en 0-1, main.js:13862 en pourcentage) ; on multiplie donc sur le MONSTRE a son apparition, ou x4 est un rapport valable quelle que soit l echelle. ⚠️ On COPIE le tableau de drops : spawnMonster partage souvent celui de la table, et le modifier en place laisserait les taux quadruples en mode normal. -->
<!-- « dans les chest les meilleurs item sont a 1-5% de taux de drop meme chose en combat ». Mesure avant de toucher : le cran runique sortait a 10/10/15 % des coffres 6/7/8 (le codex annoncait 20/20/40, un chiffre tape a la main qui n a jamais ete celui du jeu), et en combat le legendaire allait de 1,0 a 6,8 % — 15 des 22 au-dessus de 5 %. On pose 1/3/5 % sur les coffres et on remet le legendaire dans [1 %, 5 %] par mise a l ECHELLE, pas par ecretage : ecreter a 5 % ecraserait les quinze objets du dessus sur la meme valeur et effacerait la hierarchie reglee drop par drop. ⚠️ IDEMPOTENCE : on garde __mxTauxOrigine et on recalcule TOUJOURS depuis elle — le meme jour, v382 appliquee deux fois a fait 1 666 667 -> 1 033 333 -> 1 001 667. L essai rejoue la passe 3 fois et exige que rien ne bouge. -->
<!-- « merci de monter voyd parfait a 1m3 ». On NE touche PAS au plafond de v382 : le remonter releverait aussi Souverain Antique, Le Grand Architecte et THE VOYD Gouverneur, que personne n a demande de remonter. Liste de valeurs NOMMEES qui gagne sur la regle generale. ⚠️ v387 calcule l XP a partir des PV et a deja tourne sur l ancienne valeur : on efface sa marque et on le rappelle, sinon un boss a 1,3 M donnerait la recompense d un boss a 1,0 M — et c est precisement l ecart d XP que l auteur vient de signaler. Idempotent par construction : on ecrit une valeur ABSOLUE, pas un facteur. -->
<!-- « XP The Voyd similaire a Souverain Antique, n importe quoi » + « corrige tout l equilibrage ». MESURE : le rendement tombe de 30,4 a 1,9 XP pour 1000 PV du premier au dernier boss ; le seuil de 20 000 PV de v387 laissait la citadelle avec ses valeurs de table minuscules (Le Tranchant Infini, 15 000 PV, rendait 40 XP) ; et il faut 269 a 414 combats pour passer UN niveau a partir du niveau 30, contre 26 au niveau 10. On vise ~25 combats partout : facteur de taille de x1 (sous 700 PV, ou le debut du jeu va bien) a x13, plus un bonus de DANGER jusqu a +50 % rapporte aux PV — c est lui qui separe THE VOYD Gouverneur (692 dgt) de Souverain Antique (2 364 dgt), deux boss a 84 PV d ecart. ⚠️ Ne touche PAS aux quetes, dont l auteur a demande separement la BAISSE. ⚠️ Idempotent : __mxXpOrigine, on recalcule toujours depuis l origine. -->
<!-- « presque tout le monde a le meme buff, 1 ou 2 max pouvoirs a part Voyd, faut que les boss soient emblematiques ». L uniformite ne venait PAS des tables : loadoutForProgress (v99:283) donne le bloc resist+bouclier+regen+rage+enrage a tout boss sans fiche (8 sur 22 en forteresse), puis augmentLoadout (v99:435) recolle d office vol de vie / frenesie / vulnerabilite / etourdissement a tout boss de palier >= 4, et le plafond monte 1→2→3→4→illimite sur les 3 derniers donjons.  et  sont DEUX INTERRUPTEURS QUI EXISTAIENT DEJA (v99:437, :477) : le premier travail est d eteindre, pas d ajouter. 35 signatures d une ou deux mecaniques ; le plafond est applique APRES coup sur la config resolue _mxB, que le moteur relit a chaque tour (v99:919), plutot que de reecrire capFor — si v99 change demain, on ne casse rien. DEUX pouvoirs crees, et seulement ceux dictes par l auteur : mxPoisonPctPerMin (Gobelin Elite, « 2 % de vie en plus chaque minute ») et mxLifestealPerMin (Cauchemar). THE VOYD et le boss du mois gardent leur kit complet. -->
<!-- « parfois moins de vie mais avec bouclier et gros degats, qu uniforme » + « des monstres avec vol de vie, un jeu plus reel ». MESURE : lightSpecialty (v99:492) donne DEJA a 65 % des monstres ordinaires une specialite parmi cinq (vol de vie, frenesie, faille, etourdissable, armure) — elle s applique vraiment mais announce() est saute pour ce rang (v99:628), donc le joueur ne peut pas le savoir. Le « jeu plus reel » existait, il etait muet. On l affiche, et on ajoute 4 roles tires de facon STABLE par le nom : Colosse 1,40/0,65 · Brute 0,70/1,55 · Carapace 0,55/1,15 + resistance 65 · Ordinaire. ⚠️ LA MOYENNE EST CONSERVEE (0,96 en PV) : changer la moyenne changerait la difficulte de tout le jeu sans qu on l ait demande ; on ne change que la VARIETE autour d elle, et l essai verifie la pente entre donjons. ⚠️ RESISTANCE et pas bouclier : v302:222 retire tout bouclier a ce qui n est pas un boss, et c est voulu. ⚠️ v398 a deja calcule l XP : on efface sa marque et on le rappelle, sinon une Brute rendrait l XP d un monstre ordinaire. -->
<!-- « lvl 15 pour event a la place de lvl 20 » + « j ai clique sur event il m a dit lvl 20 ». LE MOT « EVENT » NE MENE NULLE PART : les quatre paquets d evenement (v99-events, v204, v209, v251, v356) n ont AUCUNE barriere de niveau, ni le bouton flottant qui les ouvre. Le message vient du systeme de SAGAS — main.js:13709, showMessage('Niveau ' + saga.minLevel + ' requis') — et une seule saga porte 20 : la SAGA NINJA. Lecon : le nom que l utilisateur donne a un ecran n est pas celui du code ; chercher la PHRASE qu il voit mene droit au but, chercher son MOT fait perdre du temps. On abaisse a 15 les sagas entre 16 et 25 (Squelette 16, Street Fight 18, Ninja 20, Samourai 22) ; au-dela (Professeurs 28, Super-Soldat 35) on ne touche a rien, ce sont des sagas de fin de jeu. On ne remonte JAMAIS un niveau, et on repart toujours de l origine pour ne pas deriver. -->
<!-- « dans bestiaire ya plein de monstres qui on pas de specifite hors boss, je voudrai que 30 % on des specifite bouclier, vol de vie, rage ou autre ; tu as plein de possibilite de pouvoir normalement, poison brulure etc. ». DEUX CHOSES VRAIES EN MEME TEMPS : il avait raison, la colonne etait vide — ET 65 % en avaient deja une, lightSpecialty (v99:492), jamais annoncee (v99:628) ni exposee. Le vivier etait aussi plus riche : assignMonsterDebuffs (main.js:24223) distribue deja poison, brulure, saignement, peur — reellement appliques par applyDebuffToPlayer (main.js:24003) — MAIS AU HASARD A CHAQUE APPARITION, donc rien a afficher ni a apprendre. On pose 30 % (le chiffre demande, qui FAIT BAISSER les 65 % : une specialite que 3 monstres sur 5 possedent n est plus une specialite), tirage STABLE par nom, dans un vivier de DIX, chacune avec la ligne qui prouve que le combat la lit. Expose MX_SPECIALITES_MONSTRES pour le codex. Aucun boss touche (v399). -->
<!-- « check re check, faut que tout pouvoir et effet special d arme fonctionne parfaitement en camera et hors camera ». MESURE : en combat normal tout ce qui a pu etre mesure marche (resistance 1000 -> 780, bouclier, vol de vie, poison, brulure, saignement, peur, effets d arme). En CAMERA, trois familles entieres sont inertes. Deux causes de structure : attackMonster n est JAMAIS appelee (v120:51, choix assume) or c est elle qui porte la RESISTANCE (v99:651) et declenche la RIPOSTE (main.js:19799, SEUL appelant de monsterCounterAttack du depot) — donc ni regeneration, ni rage, ni frenesie, ni vulnerabilite, ni etourdissement ; et les effets d arme sont derriere un interrupteur ETEINT (__mxV120UniquesOn, v120:327), donc le vol de vie de l Arme Angelique ne faisait RIEN en camera. ⚠️ ON NE TOUCHE PAS au calcul des degats du joueur : v120 l a sorti de attackMonster pour de bonnes raisons mesurees, et le rappeler doublerait les multiplicateurs. On ajoute les trois manques par la porte publique : resistance RENDUE apres coup, tour du monstre via applyBossMechanic_onMonsterAttack (la fonction que la riposte appelle elle-meme), interrupteur leve. Un tour au plus toutes les 0,7 s, sinon le poison du joueur en compterait un second. -->
<!-- QUATRE demandes du 22/09 sur le meme ecran, dont DEUX qui designaient le meme element sans le savoir. (1) La barre de PV passe sous l heure de l iPhone : l element visible n est PAS .mxcam-php (v123:94 la masque sous 820px) mais la pastille .mx-pv ancree a top:4px (v123:95), et le seul point qui pourrait la pousser — le padding de l overlay — est figé par v307:84 a 8px PLATS en haut alors que les trois autres cotes recoivent env(safe-area-inset-*). Trois paquets ont ecrit ce padding, les trois ont oublie le meme cote. On pousse l overlay et non la pastille : c est le seul geste qui descend AUSSI le nom du monstre et sa barre. viewport-fit=cover verifie present, sans quoi env() rendrait 0 et le correctif serait inerte ; plancher 47px en secours. (2) La croix #mxcam-x, creee une seule fois dans build() (v101:248), l unique constructeur de l overlay pour TOUS les modes camera — une regle couvre donc tout mode. Retirer une croix peut enfermer le joueur : verifie dans le code, #mxcam-close (v101:276) reste dans la rangee du bas et aucun paquet ne le masque. On ne masque PAS .mxcam-top, qui porte le titre au-dela de 950px. (3)+(4) La barre REPOS et la barre jaune sont LE MEME element, #mxcam-fb : le mot vient du detecteur (labels.rest, mx-pushup-detector:558) recopie par v101:450, le jaune vient de .mx-cadrage-alerte posee par v341:152 sur ce meme bandeau. On masque en CSS sans retirer le noeud — six endroits reecrivent son contenu en boucle. Le dégradé de .mx-cadrage-alerte est neutralise SANS borne de conteneur, la demande disant « dans tout le jeu ». Ce qu on perd est assume et dit : ce bandeau portait aussi les messages de cadrage. Interrupteur : window.__mxCamEpureeOff -->
<!-- « les coffres ya plus lanimation on drop plus rien ». DEUX plaintes, et le banc scripts/_banc-coffres.mjs les separe : LE BUTIN MARCHE (coffre argent +1 objet, coffre or +1 objet, or debite du bon montant) ; c est l ANIMATION qui est morte, 30 elements animes sur 30 figes avec le reglage PAR DEFAUT, 0 sur 30 quand on eteint la fluidite. Cause : css/v99-fluidity.css:34-40 pose body.mx-fluid * { animation-duration:.001ms!important; animation-iteration-count:1!important } et js/v99-fluidity.js:21 rend true quand rien n est enregistre — LE MODE EST ACTIF PAR DEFAUT. Toute l animation de coffre est en style EN LIGNE sans !important (main.js:23487 rayons, :23498 particules, :23530 pulsation/secousse) : le !important de la feuille les bat toutes. Releve : rayRotate -> 1e-06s / 1. ⚠️ ON RETIRE LA CLASSE, ON NE REECRIT PAS LES REGLES : on ne peut pas annuler un !important venu d ailleurs, il faudrait le battre avec nos propres valeurs — or elles sont calculees a l execution et differentes par element (rayons 8-shakeIntensity s, particules 2 a 5 s aleatoires, rewardBounce 0,8 s UNE fois). Une duree unique rendrait le mouvement mais faux : la carte de recompense rebondirait en boucle. On suspend mx-fluid le temps de l overlay, les valeurs d origine reprennent exactement. Trois garde-fous parce qu une suspension non levee serait pire que le defaut (le mode fluidite a ete pose sur 169 animations en boucle mesurees en juin) : on ne suspend que si la classe etait la, plafond de 20 s, reprise des que l overlay part. On ne touche PAS au bloc prefers-reduced-motion : c est de l accessibilite, diag() le signale pour qu on le DISE au joueur. Interrupteur : window.__mxCoffreAnimOff -->
<!-- « fais en sorte que les equipement vendu donne 5x plus d or que actuellement, la cest trop faible ». MX_prixVente (main.js:9186) est la SEULE source du prix et ses deux lecteurs sont l etiquette de l inventaire (main.js:9363) et la caisse (main.js:9497) : envelopper cette fonction donne le meme nombre des deux cotes, pas de risque d annoncer 500 et de crediter 100. Verifie : sellItem fait gameState.gold += price sans autre multiplicateur (main.js:9499) et v189-or-equilibre ne touche QUE l or de combat — rien ne se cumule. ⚠️ ON MULTIPLIE APRES LE PLAFOND, PAS AVANT : la formule finit par Math.max(15, Math.min(6000, …)), donc un facteur glisse a l INTERIEUR n aurait rien change pour les meilleures pieces — tout ce qui touchait deja 6 000 y serait reste, et l auteur aurait vu ses objets communs monter pendant que ses legendaires, precisement ceux qu il trouve trop faibles, ne bougeaient pas. On enveloppe la SORTIE : plancher 15 -> 75, plafond 6 000 -> 30 000, tout x5, ordre des prix conserve. ⚠️ Une enveloppe posee deux fois donnerait x25 : on compare par IDENTITE de fonction et non par marque (main-patches recopie les marques, une enveloppe recopiee passerait pour posee), on recopie les marques de celui qu on enveloppe pour que le gardien v205 ne repose pas, et la ronde de rattrapage est BORNEE a 30 passages. L essai va jusqu a l OR RECU par gameState.gold, pas jusqu au prix affiche. Reglage : window.MX_REVENTE_FACTEUR (5). Interrupteur : window.__mxReventeOff -->
<!-- « fais attention quun pouvoir ennemi, exemple poison, une fois active ne reste pas a l infini sur mon profil : si je change de combat j ai encore poison ». MESURE : sur les huit endroits qui donnent un monstre au joueur, SEPT effacent gameState.activeDebuffs ; main.js:13756 showSagaBoss ne le fait pas, ni v204-events-monstres.js:557/:790/:890. Or le poison de DONJON est pose a 999 tours (main.js:16752) — ce qui est voulu, applyDungeonSpecial etant appele depuis actuallySpawnMonster (main.js:16501) juste APRES l effacement de la ligne 16496, donc chaque monstre du donjon efface puis repose. Un joueur qui sort du donjon par l un des quatre chemins fautifs emporte 999 tours de -11 %. On ne rustine pas quatre appelants — il y en aurait un cinquieme a ecrire demain : on veille sur le CHANGEMENT DE MONSTRE, fait commun a tous. ⚠️ LE SOIN EST ICI : effacer betement casserait les donjons, la ronde pouvant passer APRES applyDungeonSpecial et balayer le poison qu il vient legitimement de reposer. On efface donc PAR IDENTITE D OBJET : le poison herite est le MEME objet qu avant le changement, celui que le donjon repose est un objet NEUF. L ordre entre la ronde et le donjon n a alors plus d importance. On ne touche pas aux debuffs du MONSTRE. Interrupteur : window.__mxDebuffsSuiviOff -->
<!-- « le gold x2, xp x2, butin x2 etc., c est moche, tu pourras l afficher seulement dans le profil en dessous du familier equipe, c est moche de le voir tout le temps ». v99-boost-banner.js:61-63 pose #mx-boost-banner en position:fixed top:6px sur le body — sur iPhone il passe SOUS l heure et le reseau, meme defaut de zone sure que la barre de PV, et il reste la en permanence. ⚠️ ON DEPLACE LE NŒUD, ON NE REECRIT PAS SA LOGIQUE : refaire un rendu dans le profil creerait une DEUXIEME source de verite pour le meme chiffre, et ce depot sait ou ca mene. v99 agrege les boosts, traduit en 8 langues, formate « 3j11h » et se rafraichit sur ses evenements — on garde tout, on range son element ailleurs. ensure() (v99:59) le retrouve par getElementById ou qu il soit, donc il ne le recree pas. ⚠️ render() (v99:70) pilote le style.display DU BANDEAU comme interrupteur : on n y touche jamais, on l enveloppe dans une carte et c est la CARTE qu on montre ou qu on cache, en lisant l etat que v99 vient de poser — sinon on lutterait contre lui a chaque rafraichissement. Place juste apres la carte du familier, reperee par son contenu #profile-familiar-info et non par un index qui se decale. Interrupteur : window.__mxBonusProfilOff -->
<!-- « meme si je fais restore purchase et que je clique sur MONARCH PRO il me demande toujours de payer ». LE DEFAUT EST BIEN PLUS LARGE QUE L AFFICHAGE : MX_PRO.isPro() (v101-pro-subscription.js:180) ne lit QUE gameState._proUntil, un champ de la SAUVEGARDE ecrit par l ancien chemin de demonstration. L achat RevenueCat ne le remplit JAMAIS — le commentaire de la ligne 181 le dit lui-meme, « PROD : remplacer par l entitlement RevenueCat », et ca n a jamais ete fait. ONZE endroits interrogent isPro() et aucun n interroge RevenueCat : un abonne reel n obtenait ni les exercices camera (v101-camera-training:55), ni les programmes (:292), ni les voix du coach (:881), ni le multiplicateur de butin (v101:251), ni les boosts majores (:281), ni les packs de progression (:268), ni la carte « PRO actif » (:372 et :410), ni main.js:38919. L abonnement PRO n accordait quasiment RIEN. Les droits stats et coach passaient deja par MX_abo.a(...) et fonctionnaient. On enveloppe isPro en UN SEUL endroit : si RevenueCat dit oui c est oui, sinon on retombe exactement sur l ancien calcul — corriger onze ecrans un par un aurait garanti d en oublier un douzieme. ON N AFFAIBLIT RIEN : isPro lit DEJA _proUntil, on ajoute une voie pour les abonnes legitimes. On recopie aussi MX_RC_EXPIRE (v260:127) dans _proUntil, sinon « 0 jours restants » s afficherait a un abonne — et c est AUSSI le bon comportement a la resiliation, l acces s arretant tout seul a la vraie echeance. ⚠️ Ne repare PAS les abonnements de test qui expirent : en TestFlight un abonnement MENSUEL vit 5 MINUTES et ne se renouvelle que 6 fois. Interrupteur : window.__mxProRcOff -->
<!-- « jai deco/reco, jai perdu mes achats mensuels » · « restaurer achat ne fonctionne pas ». LE PROJET A DEUX CHEMINS D ACHAT ET UN SEUL SE PROTEGE : les packs de gemmes (v99-monetization:139-150) exigent un uid, appellent P.logIn et REFUSENT D OUVRIR LA BOUTIQUE si le rattachement echoue — « un achat impossible ne coute rien, un achat perdu coute un joueur » ; les ABONNEMENTS (v260:399 MX_aboAcheter) enchainent getOfferings puis purchasePackage SANS jamais verifier sous quelle identite le SDK tourne. Tant que personne n a appele logIn, RevenueCat opere sous un $RCAnonymousID STOCKE DANS L APPLICATION : un abonnement achete la est rattache a une identite que la DESINSTALLATION detruit, et au reinstall le joueur constate que ses abonnements ont disparu. v365 pose bien un logIn de rattrapage, mais APRES COUP — si l achat part avant que Firebase ait repondu, il est deja parti au mauvais nom. On applique donc aux abonnements la garde des gemmes : avant tout purchasePackage, le SDK doit tourner sous l uid Firebase ; sinon on rattache ; si on ne peut pas, ON N ACHETE PAS et on le dit. Refuser est le cote sur : laisser passer, c est encaisser de l argent reel pour un droit qui s evaporera a la premiere reinstallation. ⚠️ NE REPARE PAS les abonnements deja achetes sous une identite detruite (seul « Restaurer mes achats » les rattrape, en relisant le recu Apple), ni les abonnements de TEST qui expirent — en TestFlight un mensuel vit 5 MINUTES et ne se renouvelle que 6 fois, apres quoi « aucun abonnement a restaurer » est la VERITE. Interrupteur : window.__mxAboAnonymeOff -->
<!-- « fais que les monstres tapent plus fort plus le jeu avance, mais pas au debut ». Un coup vaut une PART des PV du joueur : ordinaire 6 %, boss de chapitre 12 %, boss de donjon / Voyd / boss alien 17 %, boss du mois 24 %, jamais plus de 30 %. Rampe de 5 000 a 15 000 PV joueur, RIEN ne change en dessous. [24/09] la cible vise le COUP ENCAISSE : main.js divise par MX_MONSTER_DMG_DIV (2) APRES ce paquet, qui compense (sans ca, Monarque Sanguinaire 3 502 au lieu de 7 005). Le rang vient de MX_rangMonstre (partage avec v412) : `_mxB` n est PAS une marque de boss (v99 le pose sur ~65 % des ordinaires). Eprouve par scripts/_banc-degats-qui-montent.mjs. -->
<!-- « mon ami se regenere enormement » + « adapte, plus de regen parfois ». Certains adversaires COUPENT une part des soins du joueur : Voyd 45 %, boss du mois 35 %, autres boss 0 ; les creatures sanguines ordinaires les AUGMENTENT de 50 %. [24/09] s applique aux QUATRE chemins de soin (regeneration via applyBuffsLifesteal, vampirisme en boutons et en camera, vol de vie d effet) par MX_appliquerAntiSoin ; le message au joueur passe par showBuffFloat (les fonctions appelees avant n existaient pas). Eprouve par scripts/_banc-soin-et-familiers.mjs. -->
<!-- « les exos, ya muscle up etc, aussi les exos achetables a regler ». getAntiCheatLimit (main.js) cherchait par SOUS-CHAINE : « developpe » contient « velo », plafonne a 8/min. Resolution neuve, dans cet ordre : DUREE (exercice chronometre : 3 x la cadence physique, 30 s -> 6/min), TYPE (les 28 exercices achetables, independants de la langue), puis LIBELLE (egalite exacte, puis mots entiers). [24/09] mesure sur les vrais libelles : 11 achetables (fr), 15 (en), 22 (es) retombaient sur le repli de 100/min, et « Jumping Jacks 30s » etait passe de 6 a 50 — corrige. Eprouve par scripts/_banc-plafonds-exercices.mjs. Interrupteur : window.__mxPlafondsExosOff -->
<!-- « mon ami tape parfois moins fort un ennemi et ne comprend pas : affiche en haut le % de resistance et l anti-soin, traduit dans toutes les langues ; c est affiche en avatar mais pas en camera, fais ca partout ». Une ligne « etat de l ennemi » : resistance REELLE (meme calcul que le coup, paliers et vulnerabilite compris), anti-soin ou soins augmentes (v412), degats du joueur reduits (saga). En avatar sous #debuff-display, touchable ; en camera sous la barre de vie du monstre, non touchable. Huit langues. Interrupteur : window.__mxEtatEnnemiOff -->
<!-- « la Peur : plutôt -10 à -30 % de dégâts, qui tremble, affichée en haut, traduite » + « rater l attaque c est trop traumatisant ». La mécanique est dans main.js (applyOutgoingDebuffs) ; ce paquet fait trembler « 😱 −23 % » à chaque coup touché (avatar et caméra) et traduit les textes corrigés des malus dans les 7 autres langues. Interrupteur : window.__mxPeurVisibleOff -->
<!-- « le Void Perfect doit avoir 1,3 M, il a 33 000 » + « Souverain Antique 700 000 » + « Roi Sanglier 3 800 » + « la Forteresse doit être plus dure que la Citadelle, rééquilibre tout » + « ×2 sur les monstres de base » + « mode difficile bien sûr ». Une table ABSOLUE de PV par donjon (boss ×1,316 par donjon, monstres de base à la proportion des tables, ×4 en difficile), reposée tant que le monstre vit : les passes v100/v249/v302/v333 ne peuvent plus l écraser. Récompenses sur __mxPvOrigine, inchangées. Duels épiques OCEAN/SHINOBI (bloqués) exclus. Interrupteur : window.__mxForteressePvOff -->
<!-- « branche les vraies pubs » : +3 ⚡ par vidéo (salle de soin, Forteresse, fenêtre « Énergie insuffisante », plafond 5/jour PARTAGÉ avec v263 ③), +3 💎 par vidéo sans or (3/jour, 60 s — décision auteur du 28/09), coffre gratuit après vidéo, précédée d une fenêtre d accord (ouvert quand même si aucune pub ne peut être servie), fausses vidéos maison pub/video_pub* routées vers la vraie pub. Remplace MX_showRewardedAd : le plugin AdMob 8.1.0 ne résout showRewardVideoAd QUE sur la récompense, une fermeture anticipée gelait #mx-pubrec (v263/v287) — on tranche sur les événements Dismissed / FailedToShow / FailedToLoad ou un délai de 90 s. Abonné PRO : récompense sans vidéo, mêmes plafonds. Hors appareil ou consentement refusé : boutons cachés. Éprouvé par scripts/_banc-pubs-branchees.mjs. Interrupteur : window.__mxPubsBrancheesOff -->
<!-- [2026-09-28] réservé : voir l en-tête du fichier -->
<!-- [2026-09-28] réservé : voir l en-tête du fichier -->
<!-- [2026-09-28] réservé : voir l en-tête du fichier -->
<!-- [2026-09-28] réservé : voir l en-tête du fichier -->
  <!-- [2026-09-29] v422-sauvegarde-invite.js est chargé JUSTE APRÈS main.js (voir là-bas) -->
<!-- [2026-09-29] réservé : voir l en-tête du fichier -->
<!-- [2026-09-29] MONARCH PRO sans boost de jeu (XP, or, butin, +10 énergie, potions, tickets) ; STATS et COACH inclus. Voir l en-tête. Interrupteur : window.__mxProToutInclusOff -->
<!-- [2026-09-29] réservé : voir l en-tête du fichier -->
<!-- [2026-09-29] réservé : voir l en-tête du fichier -->
<!-- [2026-10-01] onglet « Récompenses acheteur » de l ICE FITNESS PASS (paliers 3/10/50/100 $, cumul lu côté serveur). Voir l en-tête. Interrupteur : window.__mxAcheteurOff -->
<!-- [2026-10-01] THE VOYD Gouverneur (Histoire, ch. 12) : dégâts ÷2 après sa résurrection — multiplicateur ET plafond v411. Interrupteur : window.__mxVoydMoitieOff -->
<!-- [2026-10-01] pub interstitielle toutes les 20 min de jeu (jamais PRO, jamais en combat ; blocs interstitiels à créer dans AdMob) + soin illimité PRO. Interrupteur : window.__mxPubAutoOff -->
<!-- [2026-10-02] MONARCH STATS + COACH sauvegardés sur le compte (players/{uid}/prive, propriétaire seul), fusion sans double comptage, poids jamais envoyé. Interrupteur : window.__mxModulesCloudOff --><!-- [2026-10-02] caméra déjà utilisée (appareil ou profil) : plus de « ACTIVER » ni « AUTORISER » à chaque relance, démarrage immédiat à chaque overlay. Interrupteur : window.__mxCamSansReclicOff -->
<!-- [2026-10-02] le bouton « Activer la caméra » suit l'état réel du moteur (⏳ ouverture / ✓ active) ; fenêtre d'autorisation périmée retirée. Interrupteur : window.__mxCamBoutonEtatOff -->
<!-- [2026-10-02] duel caméra : dégâts selon l'exercice COMPTÉ (sans stats pompe 15, squat 7, gainage 50/15 s… ; avec stats base d'aventure × profil). Interrupteur : window.__mxPvpDegatsExoOff -->
<!-- [2026-10-02] la barre d'appel du duel ne recouvre plus « ACTIVER LA CAMÉRA » ni FERMER (mesuré : 390×844, doigt sur 🎤). Interrupteur : window.__mxBarreAppelCamOff -->
</body>
</html>