<!--                                                                                                             
               ████                                                                           ████               
             ███                                                                                 ███             
           ███                                        ██                                           ███           
        ████                                          ██                                             ████        
      ████                                                                                             ████      
    ████                                                                                                 ████    
  █████████████████████     ██               ████     ██    █████████████   █████████     █████████████████████  
                 ████     ████             ██████     ██              ███                   ████                 
               ███      ████             ███   ██     ██            ███                       ████               
             ███      ████             ███     ██     ██         ████       ███████████████      ███             
          ████      ███              ████████████     ██       ████                                ███           
        ████      ███              ███         ██     ██     ████                                    ████        
      ████      ██████████████  ████           ██     ██   ██████████████   ████████████████████       ████      
                                                                                                                 
       ██ INITIATING CONNECTION ██ TARGET: SLAIZEN.COM ██ ACCESSING CODEBASE ██ CONNECTION ESTABLISHED ██        
                                         ██ WELCOME TO THE UNDER-GRID ██                                         
      21  06    2007                                                                        08  10   1992        
         19 12 1 9 26 5 14                                                           10  9  13 13  25            
            14  5 26 9 1 12 19                                                 18 9 22  1 18 4  53853            
                  16   9 18  1  20 5                                       14 9 14 10  1                         
                      08       2724483                                   636679      76883647                    
              08 27328466  08       3335                              0 5683      08  08 3668466                 
          152883 65        85 38 7  77 34 3                           17     74   79      8    95697             
        96977   81         7817  53       1                          9     9   15          8    8 38895          
                8    4Ω4    8  2   3                                     8  17     3♎︎3    1    3                
           8    58          8    8   6                                 7   4   8           8    2                
            7    18       78     2 2                                  9  3 8    82       88    8                 
              2    7888883      8    1                                 287  2      88885    39                   
                08 1916918920                                                168251993112                        
-->
<!DOCTYPE html>
<html lang="fr">

<head>
    <script>
        /* Immediate Language Detection to prevent FOUT */
        (function () {
            const savedLang = localStorage.getItem('selectedLanguage') || 'fr';
            document.documentElement.lang = savedLang;
            if (savedLang === 'en') {
                document.documentElement.classList.add('i18n-loading');
            }
        })();
    </script>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Minecraft: Slaizen Edition</title>
  <link rel="icon" type="image/x-icon" href="../favicon.ico">
    <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=Press+Start+2P&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;600;700&display=swap"
        rel="stylesheet">
<!--╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗   
    ║                                       ██ ACCESSING: CSS CORE ██                                      ║   
    ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
    <link rel="stylesheet" href="../coreSystem/auth.css">
    <link rel="stylesheet" href="../coreSystem/modals.css">
    <link rel="stylesheet" href="../coreSystem/profiles.css">
    <link rel="stylesheet" href="../coreSystem/comments.css">
    <link rel="stylesheet" href="../coreSystem/notifications.css">
    <link rel="stylesheet" href="../coreSystem/reactions.css">
    <link rel="stylesheet" href="../coreSystem/interface.css">
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* Prevent Flash of Untranslated Content (FOUT) */
        html.i18n-loading [data-en],
        html.i18n-loading [data-en-title],
        html.i18n-loading [data-en-alt],
        html.i18n-loading .lang-en {
            visibility: hidden !important;
        }

        html,
        body {
            height: 100%;
            overflow: hidden;
        }

        /* i18n Visibility Rules */
        html[lang="en"] .lang-fr {
            display: none !important;
        }

        html[lang="fr"] .lang-en {
            display: none !important;
        }

        body {
            font-family: 'Press Start 2P', monospace;
            background: transparent;
            user-select: none;
            -webkit-user-select: none;
            -webkit-touch-callout: none;
        }

        /* Forcer la police de l'interface d'authentification */
        .auth-nav,
        .auth-nav *,
        .modal,
        .modal *,
        #profile-modal,
        #profile-modal *,
        #auth-modal,
        #auth-modal *,
        #profile-comments-modal,
        #profile-comments-modal *,
        #profile-downloads-modal,
        #profile-downloads-modal * {
            font-family: 'Source Code Pro', monospace !important;
        }

        /* S'assurer que le bouton œil est visible */
        #toggle-password {
            display: flex !important;
            visibility: visible !important;
            opacity: 0.7 !important;
        }

        #password-toggle-icon {
            display: inline-block !important;
            visibility: visible !important;
        }

        /* Forcer la police pour le bouton modifier et le niveau */
        #profile-edit-btn,
        #profile-edit-btn *,
        #profile-modal-title .level-box,
        #profile-modal-title .level-box *,
        .level-box,
        .level-box * {
            font-family: 'Source Code Pro', monospace !important;
        }


        /* Police pour les notifications - sans affecter les autres styles (taille et couleur) */
        /* Les styles inline (font-size, color, etc.) sont préservés automatiquement */
        #message {
            font-family: 'Source Code Pro', monospace !important;
        }

        /* Forcer le style correct du bouton de fermeture de la modal */
        .modal-close,
        #close-profile-modal,
        #close-modal,
        #close-profile-comments-modal,
        #close-profile-downloads-modal {
            background: rgba(0, 0, 0, 0.4) !important;
            border: 1px solid #31b086 !important;
            color: rgba(49, 176, 134, 0.9) !important;
        }

        .modal-close:hover,
        #close-profile-modal:hover,
        #close-modal:hover,
        #close-profile-comments-modal:hover,
        #close-profile-downloads-modal:hover {
            background: rgba(49, 176, 134, 0.2) !important;
            border-color: rgba(49, 176, 134, 0.9) !important;
            color: #31b086 !important;
        }

        /* Auth Navigation - Styles centralisés dans interface.css */

        /* Auth Navigation - Minecraft Exception (Closer to top) */
        :root {
            --auth-nav-top: 10px;
        }

        .auth-nav .btn {
            pointer-events: auto;
            /* Style Minecraft pour les boutons d'authentification */
            appearance: none !important;
            border: 3.5px solid #000000 !important;
            color: #fff !important;
            font-weight: 700 !important;
            font-family: 'Press Start 2P', monospace !important;
            letter-spacing: 1px !important;
            text-transform: none !important;
            font-size: 10px !important;
            height: 45px !important;
            padding: 0 15px !important;
            min-width: 150px !important;
            text-align: center !important;
            background: linear-gradient(#7a7a7a, #6a6a6a) !important;
            box-shadow: inset 0 3.5px 0 #9e9e9e, inset 0 -6.5px 0 #545454, inset 3.5px 0 0 #9e9e9e, inset -3.5px 0 0 #545454 !important;
            border-radius: 0 !important;
            cursor: pointer !important;
            text-shadow: 2px 2px 0 #000 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: all 0.1s ease !important;
            user-select: none !important;
            text-decoration: none !important;
            white-space: nowrap !important;
            position: relative !important;
            overflow: visible !important;
            margin: 0 !important;
        }

        /* Marges supprimées : le gap est maintenant géré par interface.css */

        .auth-nav .btn-lang {
            min-width: 60px !important;
        }

        .auth-nav .btn::before {
            display: none !important;
        }

        .auth-nav .btn:hover {
            filter: brightness(1.08) !important;
            border-color: #fff !important;
            transform: none !important;
            box-shadow: inset 0 3.5px 0 #9e9e9e, inset 0 -6.5px 0 #545454, inset 3.5px 0 0 #9e9e9e, inset -3.5px 0 0 #545454 !important;
        }

        .auth-nav .btn:active {
            transform: translateY(2px) !important;
            box-shadow: inset 0 2.5px 0 #9e9e9e, inset 0 -5.5px 0 #545454, inset 2.5px 0 0 #9e9e9e, inset -5.5px 0 0 #545454 !important;
        }

        .auth-nav .btn-primary {
            background: linear-gradient(#888888, #777777) !important;
            font-weight: bold !important;
        }

        .auth-nav .btn-primary:hover {
            filter: brightness(1.08) !important;
            border-color: #fff !important;
        }

        /* Style carré pour le bouton de notification */
        .auth-nav .btn-notifications {
            width: 45px !important;
            height: 45px !important;
            padding: 0 !important;
            min-width: 45px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
        }

        /* Police pour les notifications */
        #message {
            font-family: 'Source Code Pro', monospace !important;
        }

        /* Main UI Panel */
        .ui-panel {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: transparent;
            z-index: 10;
            display: flex;
            flex-direction: column;
            padding: 20px 0 0 0;
            box-sizing: border-box;
        }

        /* Title */
        .title {
            text-align: center;
            font-size: clamp(12px, 2.5vw, 18px);
            color: #fff;
            margin-bottom: 20px;
            text-shadow: 2px 2px 0 #000;
        }


        /* Main Container */
        .world-container {
            height: calc(100vh - 160px);
            border-top: 3px solid rgba(255, 255, 255, 0.4);
            border-bottom: 3px solid rgba(255, 255, 255, 0.4);
            background: rgba(0, 0, 0, 0.6);
            margin: 0;
            width: 100%;
            position: relative;
            display: flex;
            box-sizing: border-box;
            padding: 0;
            min-width: 100%;
        }

        /* World Preview Section (Left) */
        .world-preview {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            padding: 20px;
            border-right: 2px solid rgba(255, 255, 255, 0.3);
            background: rgba(0, 0, 0, 0.3);
            height: 100%;
            box-sizing: border-box;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .world-preview-image {
            width: 100%;
            height: 60vh;
            min-height: 450px;
            max-width: 100%;
            margin-bottom: 8px;
            position: relative;
            border: 3px solid rgba(255, 255, 255, 0.4);
            overflow: hidden;
            box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
            background: rgba(0, 0, 0, 0.2);
            padding: 0;
        }

        .world-preview-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            image-rendering: pixelated;
            animation: worldAlive 5s ease-in-out infinite;
        }

        @keyframes worldAlive {
            0% {
                transform: scale(1) translateY(0);
                filter: brightness(1) hue-rotate(0deg);
                box-shadow: 0 0 15px rgba(135, 206, 250, 0.2);
            }

            25% {
                transform: scale(1.008) translateY(-2px);
                filter: brightness(1.05) hue-rotate(1deg);
                box-shadow: 0 0 25px rgba(135, 206, 250, 0.3);
            }

            50% {
                transform: scale(1.02) translateY(-3px);
                filter: brightness(1.1) hue-rotate(0deg);
                box-shadow: 0 0 30px rgba(135, 206, 250, 0.4);
            }

            75% {
                transform: scale(1.008) translateY(-1px);
                filter: brightness(1.04) hue-rotate(-1deg);
                box-shadow: 0 0 20px rgba(135, 206, 250, 0.3);
            }

            100% {
                transform: scale(1) translateY(0);
                filter: brightness(1) hue-rotate(0deg);
                box-shadow: 0 0 15px rgba(135, 206, 250, 0.2);
            }
        }

        @keyframes worldBreatheImg {

            0%,
            100% {
                box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
            }

            50% {
                box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
            }
        }

        /* Screenshot Gallery */
        .world-screenshot-gallery {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
            margin-top: 0;
            margin-bottom: 15px;
        }

        .gallery-arrow {
            width: 30px;
            height: 30px;
            background: rgba(0, 0, 0, 0.6);
            border: 2px solid rgba(255, 255, 255, 0.4);
            color: #fff;
            font-size: 18px;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
            flex-shrink: 0;
        }

        .gallery-arrow:hover {
            background: rgba(255, 255, 255, 0.2);
            border-color: rgba(255, 255, 255, 0.6);
        }

        .gallery-thumbnails {
            display: flex;
            gap: 8px;
            overflow-x: auto;
            overflow-y: hidden;
            flex: 1;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .gallery-thumbnails::-webkit-scrollbar {
            display: none;
        }

        .gallery-thumbnail {
            min-width: 60px;
            height: 60px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.2s;
            flex-shrink: 0;
            overflow: hidden;
            background: rgba(0, 0, 0, 0.2);
        }

        .gallery-thumbnail:hover {
            border-color: rgba(255, 255, 255, 0.6);
            transform: scale(1.05);
        }

        .gallery-thumbnail.selected {
            border-color: #fff;
        }

        .gallery-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            image-rendering: pixelated;
            display: block;
        }

        .world-preview-name {
            font-size: 18px;
            color: #fff;
            text-align: center;
            text-shadow: 2px 2px 0 #000;
            margin-bottom: 15px;
        }

        .world-preview-creation-date {
            font-size: 14px;
            color: #aaa;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            margin-bottom: 8px;
        }

        .world-preview-version {
            font-size: 14px;
            color: #aaa;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            margin-bottom: 8px;
        }

        .world-preview-mode {
            font-size: 14px;
            color: #aaa;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            margin-bottom: 15px;
        }

        .world-preview-description {
            font-size: 14px;
            color: #ccc;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            line-height: 1.4;
            width: 100%;
            padding: 15px 0;
            box-sizing: border-box;
            margin-top: 15px;
        }

        .world-preview-comments {
            width: 100%;
            margin-top: 20px;
            padding-top: 15px;
            border-top: 2px solid rgba(255, 255, 255, 0.2);
        }

        /* Styles pour les commentaires du coreSystem */
        .world-preview-comments .image-comments-container {
            overflow-y: visible;
            overflow-x: visible;
            padding: 10px 0;
        }

        .world-preview-comments .image-comment-form-container,
        .world-preview-comments .image-guest-comment-form-container {
            margin-top: 15px;
            padding-top: 15px;
            border-top: 2px solid rgba(255, 255, 255, 0.2);
        }

        .world-preview-comments .image-comment-form-container textarea,
        .world-preview-comments .image-guest-comment-form-container textarea {
            width: 100%;
            padding: 8px;
            background: rgba(0, 0, 0, 0.4);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 4px;
            color: #fff;
            font-family: 'Press Start 2P', monospace;
            font-size: 10px;
            resize: vertical;
            min-height: 60px;
            box-sizing: border-box;
        }

        .world-preview-comments .image-comment-form-container textarea:focus,
        .world-preview-comments .image-guest-comment-form-container textarea:focus {
            outline: none;
            border-color: rgba(255, 255, 255, 0.6);
        }

        .world-preview-comments .image-guest-comment-form-container input[type="text"] {
            width: 100%;
            padding: 8px;
            background: rgba(0, 0, 0, 0.4);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 4px;
            color: #fff;
            font-family: 'Press Start 2P', monospace;
            font-size: 10px;
            margin-bottom: 8px;
            box-sizing: border-box;
        }

        .world-preview-comments .image-guest-comment-form-container input[type="text"]:focus {
            outline: none;
            border-color: rgba(255, 255, 255, 0.6);
        }

        .world-preview-miniature {
            width: 100%;
            max-width: 100%;
            height: auto;
            image-rendering: pixelated;
            image-rendering: -moz-crisp-edges;
            image-rendering: crisp-edges;
            margin-top: 15px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            background: rgba(0, 0, 0, 0.2);
        }

        /* World Selection Section (Right) */
        .world-selection {
            flex: 0 0 47%;
            display: flex;
            flex-direction: column;
            padding: 20px;
            overflow-y: auto;
        }

        .world-selection-title {
            font-size: 14px;
            color: #fff;
            margin-bottom: 15px;
            text-align: center;
            text-shadow: 2px 2px 0 #000;
        }

        /* World Grid */
        .world-grid {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 100%;
        }


        .world-item {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            padding: 12px 12px 12px 0;
            border: 2px solid rgba(255, 255, 255, 0.3);
            cursor: pointer;
            transition: all 0.2s;
            background: rgba(0, 0, 0, 0.2);
            height: 100px;
            overflow: hidden;
        }

        .world-item:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: rgba(255, 255, 255, 0.6);
        }

        .world-item.selected {
            background: rgba(255, 255, 255, 0.2);
            border-color: #fff;
        }

        .world-thumbnail {
            width: 100px;
            height: 100px;
            background: #8B4513;
            border: none;
            margin-right: 15px;
            image-rendering: pixelated;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 8px;
            color: #fff;
            position: relative;
            overflow: hidden;
            flex-shrink: 0;
        }

        .world-thumbnail img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            image-rendering: pixelated;
            display: block;
        }

        .world-info {
            display: flex;
            flex-direction: column;
            justify-content: center;
            flex: 1;
            min-width: 0;
        }

        .world-name {
            font-size: 14px;
            color: #fff;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .world-date {
            font-size: 14px;
            color: #aaa;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            margin-bottom: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .world-mode {
            font-size: 14px;
            color: #aaa;
            text-align: left;
            text-shadow: 1px 1px 0 #000;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        /* Conteneur pour stats (vues, downloads, commentaires) */
        .world-stats {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 4px;
        }

        .world-views,
        .world-downloads,
        .world-comments {
            display: inline-flex;
            align-items: center;
            gap: 3px;
            font-size: 9px;
            color: #bdbdbd;
        }

        .world-views .views-num {
            color: #bdbdbd;
        }

        .world-downloads .downloads-num {
            color: #4dd4a8;
        }

        .world-comments .comments-num {
            color: #4dd4a8;
        }

        /* Compteur de vues de la page */
        .page-views-counter {
            position: fixed;
            bottom: 20px;
            left: 20px;
            z-index: 1000;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 14px;
            background: rgba(0, 0, 0, 0.8);
            border: 2px solid rgba(255, 255, 255, 0.3);
            font-family: 'Press Start 2P', monospace;
            font-size: 8px;
            color: #bdbdbd;
        }

        .page-views-counter .views-icon {
            font-size: 12px;
        }

        .page-views-counter .views-count {
            color: #4dd4a8;
            font-weight: bold;
        }

        .page-views-counter .views-label {
            color: #888;
            text-transform: uppercase;
        }


        /* Action Buttons */
        .action-buttons {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            gap: 15px;
            width: min(100%, 800px);
            z-index: 20;
        }

        .btn {
            appearance: none;
            border: 3.5px solid #000000;
            color: #fff;
            font-weight: 700;
            font-family: 'Press Start 2P', monospace;
            letter-spacing: 1px;
            text-transform: none;
            font-size: 12px;
            height: 50px;
            padding: 0 20px;
            min-width: 200px;
            text-align: center;
            background: linear-gradient(#7a7a7a, #6a6a6a);
            box-shadow: inset 0 3.5px 0 #9e9e9e, inset 0 -6.5px 0 #545454, inset 3.5px 0 0 #9e9e9e, inset -3.5px 0 0 #545454;
            border-radius: 0;
            cursor: pointer;
            text-shadow: 2px 2px 0 #000;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            white-space: nowrap;
        }

        .btn:hover {
            filter: brightness(1.08);
            border-color: #fff;
        }

        .btn:active {
            transform: translateY(2px);
            box-shadow: inset 0 2.5px 0 #9e9e9e, inset 0 -5.5px 0 #545454, inset 2.5px 0 0 #9e9e9e, inset -5.5px 0 0 #545454;
            transition: none;
        }

        .btn.primary {
            background: linear-gradient(#888888, #777777);
            font-weight: bold;
        }

        .btn.primary:hover {
            filter: brightness(1.08);
            border-color: #fff;
        }

        /* Scrollbar styling - Gris discret */
        .world-selection::-webkit-scrollbar,
        .world-preview::-webkit-scrollbar {
            width: 8px;
        }

        .world-selection::-webkit-scrollbar-track,
        .world-preview::-webkit-scrollbar-track {
            background: transparent !important;
        }

        .world-selection::-webkit-scrollbar-thumb,
        .world-preview::-webkit-scrollbar-thumb {
            background: rgba(128, 128, 128, 0.5) !important;
            border-radius: 4px;
            border: none;
        }

        .world-selection::-webkit-scrollbar-thumb:hover,
        .world-preview::-webkit-scrollbar-thumb:hover {
            background: rgba(128, 128, 128, 0.7) !important;
        }

        .world-selection::-webkit-scrollbar-thumb:active,
        .world-preview::-webkit-scrollbar-thumb:active {
            background: rgba(128, 128, 128, 0.9) !important;
        }

        .world-selection::-webkit-scrollbar-corner,
        .world-preview::-webkit-scrollbar-corner {
            background: transparent !important;
        }

        /* Forcer le style sur tous les navigateurs */
        .world-selection,
        .world-preview {
            scrollbar-width: thin;
            scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
        }

        /* Screenshot Modal - Style spécifique pour la modal de screenshot uniquement */
        .screenshot-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.9);
            z-index: 1000;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
        }

        .screenshot-modal.active {
            display: flex;
        }

        /* Style spécifique pour le contenu de la modal de screenshot uniquement */
        .screenshot-modal .modal-content {
            position: relative;
            max-width: 90vw;
            max-height: 90vh;
            background: rgba(0, 0, 0, 0.8);
            border: 3px solid rgba(255, 255, 255, 0.4);
            padding: 20px;
            box-sizing: border-box;
        }

        .modal-image {
            max-width: 100%;
            max-height: 70vh;
            width: auto;
            height: auto;
            image-rendering: pixelated;
            display: block;
            margin: 0 auto;
        }

        /* Le style .modal-close est défini dans coreSystem/modals.css */
        /* On ne le redéfinit pas ici pour utiliser les styles du coreSystem */

        .modal-nav {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 50px;
            height: 50px;
            background: rgba(0, 0, 0, 0.8);
            border: 2px solid #fff;
            color: #fff;
            font-size: 20px;
            font-weight: bold;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.2s;
            z-index: 1001;
        }

        .modal-nav:hover {
            background: rgba(0, 0, 0, 1);
            transform: translateY(-50%) scale(1.1);
        }

        .modal-prev {
            left: 10px;
        }

        .modal-next {
            right: 10px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .world-container {
                flex-direction: column;
            }

            .world-preview {
                flex: none;
                border-right: none;
                border-bottom: 2px solid rgba(255, 255, 255, 0.3);
                min-height: 250px;
            }

            .world-preview-name {
                font-size: 16px;
            }

            .world-preview-creation-date {
                font-size: 12px;
            }

            .world-preview-description {
                width: 100%;
                font-size: 16px;
            }

            .world-name {
                font-size: 12px;
            }

            .world-date {
                font-size: 12px;
            }

            .world-mode {
                font-size: 12px;
            }

            .world-item {
                height: 90px;
            }

            .world-thumbnail {
                width: 100px;
                height: 60px;
            }
        }

        /* Additional Responsive */
        @media (max-width: 480px) {
            .ui-panel {
                width: 95vw;
                height: 90vh;
                padding: 15px;
            }

            .world-preview-name {
                font-size: 12px;
            }

            .world-name {
                font-size: 8px;
            }

            .world-date {
                font-size: 8px;
            }

            .world-mode {
                font-size: 8px;
            }

            .btn {
                font-size: 8px;
                height: 35px;
            }
        }
    </style>
</head>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                      ██ ACCESSING: LOCAL PAGE ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<body>
    <!-- Conteneur pour le menu d'authentification (sera injecté par auth-nav-loader.js) -->
    <div id="auth-nav-container"></div>

    <!-- Compteur de vues de la page -->
    <div class="page-views-counter">
        <span class="views-icon">👁️</span>
        <span class="views-count" id="page-views-count">...</span>
        <span class="views-label">
            <span class="lang-fr">vues</span>
            <span class="lang-en">views</span>
        </span>
    </div>

    <!-- Message container pour les notifications -->
    <div id="message" class="message hidden"
        style="position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 10000; padding: 15px 20px; background: rgba(0, 0, 0, 0.9); border: 2px solid #749d91; border-radius: 4px; color: #C5D4E0; font-family: 'Source Code Pro', monospace; font-size: 14px; max-width: 90%; text-align: center; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);">
    </div>

    <!-- Main UI -->
    <div class="ui-panel">
        <h1 class="title">
            <span class="lang-fr">Sélectionner un monde</span>
            <span class="lang-en">Select World</span>
        </h1>

        <div class="world-container">
            <!-- Section d'aperçu du world (gauche) -->
            <div class="world-preview">
                <div class="world-preview-image" id="worldPreview"><img src="img/screenshots/2015-07-14_00.37.56.webp"
                        alt="World Preview"></div>
                <div class="world-screenshot-gallery" id="worldScreenshotGallery" style="display: none;">
                    <button class="gallery-arrow gallery-arrow-left" id="galleryLeft">&larr;</button>
                    <div class="gallery-thumbnails" id="galleryThumbnails"></div>
                    <button class="gallery-arrow gallery-arrow-right" id="galleryRight">&rarr;</button>
                </div>
                <div class="world-preview-name" id="worldName"></div>
                <div class="world-preview-creation-date" id="worldCreationDate"></div>
                <div class="world-preview-version" id="worldVersion"></div>
                <div class="world-preview-mode" id="worldMode"></div>
                <div class="world-preview-description" id="worldDescription"></div>
                <div class="world-preview-comments">
                    <h3
                        style="color: #C5D4E0; margin-bottom: 0; margin-top: 0; padding-bottom: 0; line-height: 1.2; font-family: 'Source Code Pro', monospace;">
                        Commentaires</h3>
                    <div id="image-comments-container" class="image-comments-container">
                        <!-- Les commentaires seront chargés ici -->
                    </div>
                    <!-- Formulaire de commentaire pour utilisateurs connectés -->
                    <div id="image-comment-form-container" class="image-comment-form-container hidden">
                        <form id="image-comment-form">
                            <textarea id="image-comment-text" placeholder="Ajouter un commentaire..." rows="3"
                                required></textarea>
                            <button type="submit" class="btn btn-primary">Publier</button>
                        </form>
                    </div>
                    <!-- Formulaire de commentaire pour invités -->
                    <div id="image-guest-comment-form-container" class="image-guest-comment-form-container hidden">
                        <form id="image-guest-comment-form">
                            <input type="text" id="image-guest-name" placeholder="Votre nom (optionnel)" maxlength="50">
                            <textarea id="image-guest-comment-text" placeholder="Ajouter un commentaire..." rows="3"
                                required></textarea>
                            <button type="submit" class="btn btn-primary">Publier</button>
                        </form>
                    </div>
                </div>
                <div class="world-preview-miniature" id="worldMiniature"></div>
            </div>

            <!-- Section de sélection des worlds (droite) -->
            <div class="world-selection">
                <div class="world-selection-title">
                    <span class="lang-fr">Mondes disponibles</span>
                    <span class="lang-en">Available Worlds</span>
                </div>
                <div class="world-grid" id="worldGrid"></div>
            </div>
        </div>


        <div class="action-buttons">
            <button class="btn disabled" id="downloadBtn" onmousedown="downloadWorld()" style="display: none;">💾
                <span class="lang-fr">Télécharger le monde</span>
                <span class="lang-en">Download World</span>
                (<span id="selectedWorldDownloads">0</span>)
            </button>
            <button class="btn primary" onmousedown="window.location.href='minecraft.html'">
                <span class="lang-fr">Retour</span>
                <span class="lang-en">Back</span>
            </button>
        </div>
    </div>

    <!-- Screenshot Modal -->
    <div class="screenshot-modal" id="screenshotModal">
        <div class="modal-content">
            <button class="modal-close" onmousedown="closeModal()">&times;</button>
            <button class="modal-nav modal-prev" onmousedown="previousScreenshot()">&larr;</button>
            <button class="modal-nav modal-next" onmousedown="nextScreenshot()">&rarr;</button>
            <img class="modal-image" id="modalImage" src="" alt="" style="display: none;" />
        </div>
    </div>

    <!-- Les modales sont maintenant injectées dynamiquement par modals-loader.js -->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                       ██ AI JAVASCRIPT OUTPUT ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
    <script>
        // Données des worlds disponibles
        const worlds = [
            {
                id: "why-dafuk",
                name_fr: "La première maison",
                name_en: "The First house",
                date: "2025-10-07 09 h 44",
                description_fr: "Reproduction de ma toute premiere grande maison principal. L'architecture s'inspirait fortement de la saison 4 de 'D&CUBE' par Fanta et Bob",
                description_en: "Reproduction of my very first big main house. The architecture was strongly inspired by Season 4 of 'D&CUBE' by Fanta and Bob",
                thumbnail: "img/screenshots/2015-07-14_00.37.56.webp",
                screenshots: ["img/screenshots/2015-07-14_00.37.56.webp", "img/screenshots/2015-07-13_17.12.52.webp", "img/screenshots/2015-07-14_00.47.00.webp"],
                mode_fr: "Mode Créatif, Commandes, Version: 1.21.8",
                mode_en: "Creative Mode, Commands, Version: 1.21.8"
            },
            {
                id: "world",
                name_fr: "Slaizy Weedy World",
                name_en: "Slaizy Weedy World",
                date: "2016-12-17 02 h 07",
                description_fr: "Mon premier monde de survie. Un monde classique où j'ai appris les bases de Minecraft.",
                description_en: "My first survival world. A classic world where I learned the basics of Minecraft.",
                thumbnail: "img/screenshots/2016-01-02_08.06.44.webp",
                screenshots: ["img/screenshots/2016-01-02_08.06.44.webp", "img/screenshots/2016-01-04_05.20.49.webp"],
                mode_fr: "Mode Survie, Version: inconnue",
                mode_en: "Survival Mode, Version: unknown"
            },
            {
                id: "project-omega",
                name_fr: "Poudlard Microblock",
                name_en: "Hogwarts Microblock",
                date: "2016-04-24 21 h 11",
                description_fr: "Un projet ambitieux de construction. Un monde de survie avec des défis techniques complexes.",
                description_en: "An ambitious building project. A survival world with complex technical challenges.",
                thumbnail: "img/screenshots/2016-04-10_17.15.11.webp",
                screenshots: ["img/screenshots/2016-04-10_17.15.11.webp", "img/screenshots/2016-04-11_02.34.05.webp"],
                mode_fr: "Mode Survie, Version: inconnue",
                mode_en: "Survival Mode, Version: unknown"
            },
            {
                id: "dutchmen",
                name_fr: "PVP Arena - The Oni Trial Grounds",
                name_en: "PVP Arena - The Oni Trial Grounds",
                date: "2016-04-0' 22 h 16",
                description_fr: "Cette map était à la base une commission pour un nouveau serveur pour laquelle je n'ai jamais été payé.",
                description_en: "This map was originally a commission for a new server for which I was never paid.",
                thumbnail: "img/screenshots/2015-08-25_22.47.33.webp",
                screenshots: ["img/screenshots/2015-08-25_22.47.33.webp", "img/screenshots/2016-04-07_23.46.07.webp"],
                mode_fr: "Mode Survie, Version: inconnue",
                mode_en: "Survival Mode, Version: unknown"
            },
            {
                id: "volcano",
                name_fr: "Manacube 2018",
                name_en: "Manacube 2018",
                date: "2025-01-15 14 h 30",
                description_fr: "Un monde volcanique avec des paysages épiques. Parfait pour l'exploration et l'aventure.",
                description_en: "A volcanic world with epic landscapes. Perfect for exploration and adventure.",
                thumbnail: "img/screenshots/2018-08-25_00.42.58.webp",
                screenshots: ["img/screenshots/2018-08-25_00.42.58.webp", "img/screenshots/2018-09-11_01.06.21.webp"],
                mode_fr: "Mode Créatif, Version: 1.21.8",
                mode_en: "Creative Mode, Version: 1.21.8"
            },
            {
                id: "castle",
                name_fr: "Manacube 2019",
                name_en: "Manacube 2019",
                date: "2025-01-10 20 h 15",
                description_fr: "Construction d'un château médiéval imposant. Un projet créatif avec des commandes activées.",
                description_en: "Construction of an imposing medieval castle. A creative project with commands enabled.",
                thumbnail: "img/screenshots/2019-05-14_18.50.17.webp",
                screenshots: ["img/screenshots/2019-05-14_18.50.17.webp", "img/screenshots/2019-05-15_12.26.16.webp"],
                mode_fr: "Mode Créatif, Commandes, Version: 1.21.8",
                mode_en: "Creative Mode, Commands, Version: 1.21.8"
            }
        ];

        let selectedWorld = null;

        // Fonction pour formater la date au format Minecraft
        function formatMinecraftDate(dateString) {
            if (!dateString) return '';

            try {
                // Extraire la date et l'heure (ex: "2025-10-07 09 h 44")
                const parts = dateString.split(' ');
                if (parts.length < 3) return '';

                const datePart = parts[0].split('-');
                const hour = parseInt(parts[1]);
                const minute = parts[3] || '00';

                const month = datePart[1].padStart(2, '0');
                const day = datePart[2].padStart(2, '0');
                const year = datePart[0].slice(-2);

                // Convertir en AM/PM
                const isPM = hour >= 12;
                const hour12 = hour > 12 ? hour - 12 : hour === 0 ? 12 : hour;
                const ampm = isPM ? 'PM' : 'AM';

                return `(${month}/${day}/${year} ${hour12}:${minute} ${ampm})`;
            } catch (e) {
                return dateString;
            }
        }

        // Fonction pour créer un élément de world
        function createWorldElement(world, index) {
            const worldElement = document.createElement('div');
            worldElement.className = 'world-item';
            worldElement.onmousedown = () => selectWorld(index, true);

            const name = window.i18n ? (window.i18n.getLang() === 'en' ? world.name_en : world.name_fr) : world.name_fr;
            const mode = window.i18n ? (window.i18n.getLang() === 'en' ? world.mode_en : world.mode_fr) : world.mode_fr;

            // Générer le nom de fichier attendu pour le tracking
            const filename = `${world.name_fr}.zip`.replace(/[\\\/:*?"<>|]+/g, '_');
            worldElement.dataset.filename = filename;
            worldElement.dataset.worldName = name;

            // Formater la date au format Minecraft
            const minecraftDate = formatMinecraftDate(world.date);

            // Obtenir les vues et commentaires
            const views = getWorldViews(filename);
            const comments = getWorldComments(filename);

            worldElement.innerHTML = `
                <div class="world-thumbnail">
                    <img src="${world.thumbnail}" alt="${name}">
                </div>
                <div class="world-info">
                    <div class="world-name">${name}</div>
                    <div class="world-date">${minecraftDate}</div>
                    <div class="world-mode">${mode || ''}</div>
                    <div class="world-stats">
                        <span class="world-views">👁️ <span class="views-num">${views}</span></span>
                        <span class="world-downloads" data-download-count="0">💾 <span class="downloads-num">0</span></span>
                        <span class="world-comments">💬 <span class="comments-num">${comments}</span></span>
                    </div>
                </div>
            `;

            return worldElement;
        }

        // Fonction pour sélectionner un world
        function selectWorld(index, isUserClick = false) {
            // Retirer la sélection précédente
            document.querySelectorAll('.world-item').forEach(item => {
                item.classList.remove('selected');
            });

            // Ajouter la sélection à l'élément cliqué
            const worldElement = document.querySelectorAll('.world-item')[index];
            worldElement.classList.add('selected');

            // Tracker la vue du world seulement si c'est un clic utilisateur
            const filename = worldElement.dataset.filename;
            if (filename && isUserClick) {
                // Obtenir le chemin de l'image du world pour l'aperçu dans l'Overseer
                const worldImagePath = worlds[index]?.thumbnail || null;
                trackWorldView(filename, updateWorldViewBadge, worldImagePath);
            }

            // Mettre à jour le compteur de téléchargements dans le bouton
            if (filename) {
                const downloadCount = worldElement.querySelector('.world-downloads')?.dataset.downloadCount || 0;
                const btnDownloadCount = document.getElementById('selectedWorldDownloads');
                if (btnDownloadCount) btnDownloadCount.textContent = downloadCount;
            }

            // Mettre à jour l'aperçu
            selectedWorld = worlds[index];
            const lang = window.i18n ? window.i18n.getLang() : 'fr';
            const worldName = lang === 'en' ? selectedWorld.name_en : selectedWorld.name_fr;
            const worldMode = lang === 'en' ? selectedWorld.mode_en : selectedWorld.mode_fr;
            const worldDescription = lang === 'en' ? selectedWorld.description_en : selectedWorld.description_fr;

            const preview = document.getElementById('worldPreview');
            const name = document.getElementById('worldName');
            const creationDate = document.getElementById('worldCreationDate');
            const version = document.getElementById('worldVersion');
            const mode = document.getElementById('worldMode');
            const description = document.getElementById('worldDescription');

            // Utiliser le premier screenshot du tableau si disponible, sinon le thumbnail
            const firstScreenshot = selectedWorld.screenshots && selectedWorld.screenshots.length > 0
                ? selectedWorld.screenshots[0]
                : selectedWorld.thumbnail;
            preview.innerHTML = `<img src="${firstScreenshot}" alt="${worldName}" style="cursor: pointer;" onclick="openModalFromPreview()">`;
            name.textContent = worldName;

            // Extraire seulement la date (avant l'espace)
            const dateOnly = selectedWorld.date ? selectedWorld.date.split(' ')[0] : '';
            creationDate.innerHTML = `
                <span class="lang-fr">Date de création : ${dateOnly}</span>
                <span class="lang-en">Creation date: ${dateOnly}</span>
            `;

            // Extraire la version et le mode depuis le champ mode
            if (worldMode) {
                // Chercher la version (format: "Version: xxx")
                const versionMatch = worldMode.match(/Version:\s*([^,]+(?:,[^,]+)*)/);
                const versionText = versionMatch ? `Version: ${versionMatch[1]}` : '';
                version.textContent = versionText;

                // Extraire le mode (tout sauf la version)
                const modeText = worldMode.replace(/,?\s*Version:[^,]+/g, '').trim();
                mode.innerHTML = `
                    <span class="lang-fr">Mode : ${modeText}</span>
                    <span class="lang-en">Mode: ${modeText}</span>
                `;
            } else {
                version.textContent = '';
                mode.textContent = '';
            }

            description.textContent = worldDescription;

            // Initialiser la galerie de screenshots
            initializeGallery(selectedWorld, index);

            // Afficher le bouton de téléchargement
            const downloadBtn = document.getElementById('downloadBtn');
            if (downloadBtn) {
                downloadBtn.style.display = 'flex';
                downloadBtn.classList.remove('disabled');
                downloadBtn.classList.add('primary');
            }

            // Charger les commentaires pour ce world
            setTimeout(() => {
                loadWorldComments();
            }, 100);
        }

        // Variables pour la galerie
        let currentScreenshotIndex = 0;
        let worldScreenshots = [];

        // Fonction pour initialiser la galerie de screenshots
        function initializeGallery(world, worldIndex) {
            const galleryContainer = document.getElementById('worldScreenshotGallery');
            const galleryThumbnails = document.getElementById('galleryThumbnails');
            const galleryLeft = document.getElementById('galleryLeft');
            const galleryRight = document.getElementById('galleryRight');

            // Vérifier si le monde a plusieurs screenshots
            if (!world.screenshots || world.screenshots.length <= 1) {
                galleryContainer.style.display = 'none';
                return;
            }

            // Afficher la galerie
            galleryContainer.style.display = 'flex';
            galleryThumbnails.innerHTML = '';

            // Stocker les screenshots
            worldScreenshots = world.screenshots;
            currentScreenshotIndex = 0;

            // Créer les thumbnails
            world.screenshots.forEach((screenshot, index) => {
                const thumbnail = document.createElement('div');
                thumbnail.className = 'gallery-thumbnail';
                if (index === 0) thumbnail.classList.add('selected');

                thumbnail.innerHTML = `<img src="${screenshot}" alt="Screenshot ${index + 1}">`;
                thumbnail.onclick = () => changeMainScreenshot(screenshot, index);

                galleryThumbnails.appendChild(thumbnail);
            });

            // Event listeners pour les flèches
            galleryLeft.onclick = () => {
                if (currentScreenshotIndex > 0) {
                    currentScreenshotIndex--;
                    updateGalleryDisplay();
                }
            };

            galleryRight.onclick = () => {
                if (currentScreenshotIndex < world.screenshots.length - 1) {
                    currentScreenshotIndex++;
                    updateGalleryDisplay();
                }
            };
        }

        // Fonction pour changer le screenshot principal
        function changeMainScreenshot(screenshot, index) {
            currentScreenshotIndex = index;
            updateGalleryDisplay();
        }

        // Fonction pour mettre à jour l'affichage de la galerie
        function updateGalleryDisplay() {
            const thumbnails = document.querySelectorAll('.gallery-thumbnail');
            thumbnails.forEach((thumb, index) => {
                if (index === currentScreenshotIndex) {
                    thumb.classList.add('selected');
                } else {
                    thumb.classList.remove('selected');
                }
            });

            // Changer l'image principale
            if (worldScreenshots && worldScreenshots.length > 0) {
                const newScreenshot = worldScreenshots[currentScreenshotIndex];
                const preview = document.getElementById('worldPreview');
                preview.innerHTML = `<img src="${newScreenshot}" alt="World Preview" style="cursor: pointer;" onclick="openModalFromPreview()">`;
            }
        }

        // Fonction pour ouvrir la modal depuis le preview
        function openModalFromPreview() {
            if (!worldScreenshots || worldScreenshots.length === 0) {
                return;
            }
            const currentImg = worldScreenshots[currentScreenshotIndex];
            // Trouver l'index global du monde pour passer à la modal
            const worldIndex = worlds.findIndex(w => w === selectedWorld);
            if (worldIndex !== -1) {
                openModal(currentImg, worldIndex);
            }
        }

        // Initialiser la grille de worlds
        function initializeWorlds() {
            const grid = document.getElementById('worldGrid');
            grid.innerHTML = ''; // Nettoyer pour la ré-initialisation (langue)

            // Parcourir tous les worlds et les placer dans la grille
            worlds.forEach((world, index) => {
                const worldElement = createWorldElement(world, index);
                grid.appendChild(worldElement);
            });

            // Re-charger les statistiques car grid.innerHTML = '' a tout effacé
            loadDownloadStats();

            // Vérifier s'il y a un paramètre URL pour sélectionner un world spécifique
            const urlParams = new URLSearchParams(window.location.search);
            const saveParam = urlParams.get('save');
            let worldSelected = false;

            if (saveParam) {
                // Chercher le world correspondant à l'URL de l'image (thumbnail ou screenshot)
                const decodedParam = decodeURIComponent(saveParam);
                const worldIndex = worlds.findIndex(w =>
                    w.thumbnail === saveParam ||
                    w.thumbnail === decodedParam ||
                    (w.screenshots && w.screenshots.includes(saveParam)) ||
                    (w.screenshots && w.screenshots.includes(decodedParam))
                );

                if (worldIndex !== -1) {
                    selectWorld(worldIndex);
                    worldSelected = true;
                    // Utiliser console.log bilingue ou simplifié
                    const name = window.i18n && window.i18n.getLang() === 'en' ? worlds[worldIndex].name_en : worlds[worldIndex].name_fr;
                    console.log('📝 [SAVES] World sélectionné depuis URL:', name);

                    // Faire défiler jusqu'au world sélectionné
                    setTimeout(() => {
                        const worldElements = document.querySelectorAll('.world-item');
                        if (worldElements[worldIndex]) {
                            worldElements[worldIndex].scrollIntoView({ behavior: 'smooth', block: 'center' });
                        }
                    }, 100);
                }
            }

            // Sélectionner le premier world par défaut s'il existe et qu'aucun n'a été sélectionné via URL
            if (!worldSelected && worlds.length > 0) {
                // Si on refresh après un changement de langue, on essaie de garder le même world
                const prevSelectedIndex = worlds.findIndex(w => w.id === (selectedWorld ? selectedWorld.id : null));
                selectWorld(prevSelectedIndex !== -1 ? prevSelectedIndex : 0);
            }
        }

        // Écouter le changement de langue pour mettre à jour la liste des mondes
        document.addEventListener('languageChanged', () => {
            initializeWorlds();
        });

        // Variables globales pour la navigation de la modal
        let allThumbnails = [];
        let currentThumbnailIndex = 0;

        // Fonction pour ouvrir la modal avec une image
        function openModal(thumbnail, index) {
            const modal = document.getElementById('screenshotModal');
            const modalImage = document.getElementById('modalImage');

            // Créer la liste de toutes les images
            allThumbnails = worlds.map(world => world.thumbnail);
            currentThumbnailIndex = index;

            // Afficher l'image dans la modal
            modalImage.src = thumbnail;
            modalImage.style.display = 'block';

            // Afficher la modal
            modal.classList.add('active');
        }

        // Fonction pour naviguer vers l'image précédente
        function previousScreenshot() {
            if (currentThumbnailIndex > 0) {
                currentThumbnailIndex--;
                const modalImage = document.getElementById('modalImage');
                modalImage.src = allThumbnails[currentThumbnailIndex];
            }
        }

        // Fonction pour naviguer vers l'image suivante
        function nextScreenshot() {
            if (currentThumbnailIndex < allThumbnails.length - 1) {
                currentThumbnailIndex++;
                const modalImage = document.getElementById('modalImage');
                modalImage.src = allThumbnails[currentThumbnailIndex];
            }
        }

        // Fonction pour fermer la modal
        function closeModal() {
            const modal = document.getElementById('screenshotModal');
            modal.classList.remove('active');
        }

        // Fermer la modal en cliquant sur le fond
        document.getElementById('screenshotModal').addEventListener('click', function (e) {
            if (e.target === this) {
                closeModal();
            }
        });

        // Fermer la modal avec la touche Escape
        document.addEventListener('keydown', function (e) {
            if (e.key === 'Escape') {
                closeModal();
            }
        });

        // Fonction pour télécharger le world sélectionné
        async function downloadWorld() {
            if (!selectedWorld) {
                alert('Please select a world first');
                return;
            }

            console.log('📥 [SAVES] Début du téléchargement:', selectedWorld.name);

            // Utiliser le premier screenshot comme image de référence pour l'enregistrement (comme dans skins.html)
            const imageToDownload = selectedWorld.screenshots && selectedWorld.screenshots.length > 0
                ? selectedWorld.screenshots[0]
                : selectedWorld.thumbnail;

            // Sanitize filename for OS compatibility - doit correspondre exactement au filename dans data-filename
            // Utiliser la même logique que dans createWorldElement
            const filename = `${selectedWorld.name}.zip`.replace(/[\\\/:*?"<>|]+/g, '_');
            const zipUrl = `worlds/${selectedWorld.id}.zip`;

            // Pour l'enregistrement dans Supabase, utiliser l'image comme URL (comme dans skins.html)
            // car trackDownload attend une URL d'image, pas une URL de zip
            const downloadUrlForTracking = imageToDownload;

            console.log(`📥 [SAVES] Filename pour tracking: ${filename}`);
            console.log(`📥 [SAVES] World ID: ${selectedWorld.id}`);
            console.log(`📥 [SAVES] World name: ${selectedWorld.name}`);

            let fileSize = null;
            let downloadSuccess = false;

            // Déclencher le téléchargement réel
            try {
                // 1. Signal au parent (Root ou Minecraft-Root)
                window.parent.postMessage({
                    type: 'download-save',
                    originalUrl: zipUrl,
                    filename: filename
                }, '*');

                // 2. Tentative de téléchargement direct local
                const link = document.createElement('a');
                link.href = zipUrl;
                link.download = filename;
                link.style.display = 'none';
                document.body.appendChild(link);
                link.click();
                
                setTimeout(() => {
                    if (link.parentNode) document.body.removeChild(link);
                }, 200);
                
                downloadSuccess = true;
                console.log(`✅ [SAVES] Téléchargement réel initié pour: ${filename}`);
            } catch (err) {
                console.error('❌ [SAVES] Échec du téléchargement:', err);
                window.open(zipUrl, '_blank');
                downloadSuccess = true;
            }

            // Vérifier si l'utilisateur est le fondateur
            const isFounder = window.isSlaizenFounder;

            // Mettre à jour le compteur immédiatement (optimiste) - AVANT l'enregistrement (sauf fondateur)
            if (downloadSuccess && !isFounder) {
                if (typeof updateDownloadCountOptimistic === 'function') {
                    updateDownloadCountOptimistic(filename);
                } else {
                    console.warn('⚠️ [SAVES] updateDownloadCountOptimistic n\'est pas disponible');
                }
            } else if (isFounder) {
                console.log('👑 [SAVES] Mise à jour optimiste ignorée pour le fondateur');
            }

            // Enregistrer le téléchargement dans Supabase pour mettre à jour le profil
            if (downloadSuccess) {
                // Fonction helper pour enregistrer le téléchargement
                const recordDownload = async () => {
                    const downloadUrl = downloadUrlForTracking;
                    let trackFunc = null;

                    // Essayer de trouver trackDownload
                    if (typeof trackDownload === 'function') {
                        trackFunc = trackDownload;
                    } else if (typeof window.trackDownload === 'function') {
                        trackFunc = window.trackDownload;
                    } else {
                        console.warn('⚠️ [SAVES] trackDownload n\'est pas disponible, réessai dans 500ms...');
                        // Réessayer après un délai
                        setTimeout(recordDownload, 500);
                        return;
                    }

                    try {
                        const result = await trackFunc(filename, downloadUrl, fileSize, false);
                        console.log(`✅ [SAVES] Téléchargement enregistré dans le profil pour: ${filename}`);

                        if (result && result.length > 0) {
                            // Vérifier si l'utilisateur est connecté pour recharger les stats du profil
                            let isUserConnected = false;
                            if (typeof currentUser !== 'undefined' && currentUser !== null) {
                                isUserConnected = true;
                            } else if (typeof window !== 'undefined' && window.currentUser !== null && window.currentUser !== undefined) {
                                isUserConnected = true;
                            } else if (typeof supabase !== 'undefined' && supabase) {
                                // Vérifier la session Supabase
                                const { data: { session } } = await supabase.auth.getSession();
                                isUserConnected = session !== null && session.user !== null;
                            }

                            if (isUserConnected) {
                                // Recharger les statistiques du profil
                                if (typeof window.reloadStatsAfterDownload === 'function') {
                                    setTimeout(() => {
                                        window.reloadStatsAfterDownload();
                                        console.log('🔄 [SAVES] Statistiques du profil rechargées');
                                    }, 1500);
                                }

                                // Recharger les téléchargements du profil si la modale est ouverte
                                if (typeof window.loadProfileDownloads === 'function') {
                                    const profileModal = document.getElementById('profile-modal');
                                    const isProfileModalOpen = profileModal &&
                                        !profileModal.classList.contains('hidden') &&
                                        (profileModal.classList.contains('show') || profileModal.classList.contains('active'));

                                    if (isProfileModalOpen) {
                                        setTimeout(() => {
                                            window.loadProfileDownloads();
                                            console.log('🔄 [SAVES] Liste des téléchargements rechargée');
                                        }, 2000);
                                    }
                                }

                                // Écouter l'événement downloadTracked pour recharger la liste quand la modale s'ouvre
                                if (typeof window.addEventListener !== 'undefined') {
                                    const handleDownloadTracked = (event) => {
                                        if (event.detail && event.detail.userId) {
                                            // Attendre un peu puis recharger si la modale est ouverte
                                            setTimeout(() => {
                                                const profileModal = document.getElementById('profile-modal');
                                                const isProfileModalOpen = profileModal &&
                                                    !profileModal.classList.contains('hidden') &&
                                                    (profileModal.classList.contains('show') || profileModal.classList.contains('active'));

                                                if (isProfileModalOpen && typeof window.loadProfileDownloads === 'function') {
                                                    window.loadProfileDownloads();
                                                    console.log('🔄 [SAVES] Liste des téléchargements rechargée (via événement)');
                                                }
                                            }, 500);
                                        }
                                    };

                                    // Ajouter l'écouteur une seule fois
                                    if (!window._savesDownloadTrackedListener) {
                                        window.addEventListener('downloadTracked', handleDownloadTracked);
                                        window._savesDownloadTrackedListener = true;
                                    }
                                }
                            }
                        }
                    } catch (error) {
                        console.warn(`⚠️ [SAVES] Erreur lors de l'enregistrement du téléchargement:`, error);
                    }
                };

                // Appeler immédiatement ou après un court délai
                if (typeof trackDownload === 'function' || typeof window.trackDownload === 'function') {
                    recordDownload();
                } else {
                    // Attendre que downloads.js soit chargé
                    setTimeout(recordDownload, 500);
                }
            }
        }

        // Écouter les messages de la fenêtre parente pour mettre à jour le compteur après l'enregistrement
        window.addEventListener('message', function (event) {
            if (event.data && event.data.type === 'download-tracked') {
                const { filename, success } = event.data;

                if (success) {
                    console.log(`✅ [SAVES] Téléchargement enregistré, mise à jour du compteur pour: ${filename}`);
                    // Mettre à jour le compteur avec les vraies données depuis Supabase
                    setTimeout(() => {
                        if (typeof updateDownloadCount === 'function') {
                            updateDownloadCount(filename);
                        } else {
                            // Recharger toutes les stats si updateDownloadCount n'est pas disponible
                            if (typeof loadDownloadStats === 'function') {
                                loadDownloadStats();
                            }
                        }
                    }, 500);
                } else {
                    console.warn(`⚠️ [SAVES] Échec de l'enregistrement du téléchargement pour: ${filename}`);
                }
            }
        });

        // Fonction pour charger les commentaires d'un world
        function loadWorldComments() {
            if (!selectedWorld) return;

            // Utiliser le premier screenshot comme image de référence pour les commentaires
            const imageUrl = selectedWorld.screenshots && selectedWorld.screenshots.length > 0
                ? selectedWorld.screenshots[0]
                : selectedWorld.thumbnail;

            // Charger les commentaires si la fonction est disponible
            if (typeof window.loadImageComments === 'function') {
                window.loadImageComments(imageUrl);
            } else {
                // Réessayer après un court délai
                setTimeout(() => {
                    if (typeof window.loadImageComments === 'function') {
                        window.loadImageComments(imageUrl);
                    } else {
                        console.error('❌ [SAVES] loadImageComments n\'est pas disponible');
                    }
                }, 500);
            }

            // Mettre à jour les formulaires de commentaires
            if (typeof window.updateImageCommentForms === 'function') {
                window.updateImageCommentForms();
            } else {
                // Fallback si la fonction n'est pas encore disponible
                const userForm = document.getElementById('image-comment-form-container');
                const guestForm = document.getElementById('image-guest-comment-form-container');
                if (userForm && guestForm) {
                    const isLoggedIn = (typeof currentUser !== 'undefined' && currentUser !== null) ||
                        (typeof window.currentUser !== 'undefined' && window.currentUser !== null);
                    if (isLoggedIn) {
                        userForm.classList.remove('hidden');
                        userForm.style.display = 'block';
                        guestForm.classList.add('hidden');
                        guestForm.style.display = 'none';
                    } else {
                        userForm.classList.add('hidden');
                        userForm.style.display = 'none';
                        guestForm.classList.remove('hidden');
                        guestForm.style.display = 'block';
                    }
                }
            }
        }

        // Fonction pour charger les statistiques de téléchargement depuis Supabase
        async function loadDownloadStats() {
            // Charger les compteurs depuis localStorage d'abord (pour les téléchargements en mode file://)
            let localStorageCounts = {};
            try {
                const localStorageKey = 'saves_download_counts';
                const saved = localStorage.getItem(localStorageKey);
                if (saved) {
                    localStorageCounts = JSON.parse(saved);
                    console.log('💾 [SAVES] Compteurs chargés depuis localStorage:', localStorageCounts);
                }
            } catch (e) {
                console.warn('⚠️ [SAVES] Erreur lors du chargement depuis localStorage:', e);
            }

            // Vérifier si on est en mode file://
            const isFileProtocol = window.location.protocol === 'file:';

            if (isFileProtocol) {
                console.log('ℹ️ [SAVES] Mode file:// détecté, utilisation uniquement du localStorage');
                // Utiliser uniquement le localStorage en mode file://
                document.querySelectorAll('.world-item').forEach(worldElement => {
                    const filename = worldElement.dataset.filename;
                    if (filename) {
                        const count = localStorageCounts[filename] || 0;
                        const downloadElement = worldElement.querySelector('.world-downloads');
                        if (downloadElement) {
                            const numSpan = downloadElement.querySelector('.downloads-num');
                            if (numSpan) numSpan.textContent = count;
                            downloadElement.dataset.downloadCount = count;
                        }
                    }
                });
                updateSelectedWorldDownloadButton();
                return;
            }

            if (!supabase) {
                console.warn('⚠️ [SAVES] Supabase non initialisé, utilisation du localStorage uniquement');
                // Utiliser uniquement le localStorage si Supabase n'est pas disponible
                document.querySelectorAll('.world-item').forEach(worldElement => {
                    const filename = worldElement.dataset.filename;
                    if (filename) {
                        const count = localStorageCounts[filename] || 0;
                        const downloadElement = worldElement.querySelector('.world-downloads');
                        if (downloadElement) {
                            const numSpan = downloadElement.querySelector('.downloads-num');
                            if (numSpan) numSpan.textContent = count;
                            downloadElement.dataset.downloadCount = count;
                        }
                    }
                });
                updateSelectedWorldDownloadButton();
                return;
            }

            try {
                // Afficher un indicateur de chargement sur tous les compteurs
                document.querySelectorAll('.world-downloads').forEach(element => {
                    const numSpan = element.querySelector('.downloads-num');
                    if (numSpan && numSpan.textContent === '0') {
                        numSpan.textContent = '...';
                    }
                });

                // Récupérer tous les téléchargements (seulement file_name pour être plus rapide)
                const { data, error } = await supabase
                    .from('downloads')
                    .select('file_name', { count: null });

                if (error) {
                    // Si la table n'existe pas encore, utiliser le localStorage
                    if (error.code === 'PGRST205' || error.code === '42P01') {
                        console.log('ℹ️ [SAVES] Table downloads n\'existe pas encore, utilisation du localStorage.');
                    } else {
                        console.warn('⚠️ [SAVES] Erreur lors du chargement des statistiques:', error);
                        console.log('ℹ️ [SAVES] Utilisation du localStorage comme fallback');
                    }

                    // Utiliser le localStorage comme fallback
                    document.querySelectorAll('.world-item').forEach(worldElement => {
                        const filename = worldElement.dataset.filename;
                        if (filename) {
                            const count = localStorageCounts[filename] || 0;
                            const downloadElement = worldElement.querySelector('.world-downloads');
                            if (downloadElement) {
                                const numSpan = downloadElement.querySelector('.downloads-num');
                                if (numSpan) numSpan.textContent = count;
                                downloadElement.dataset.downloadCount = count;
                            }
                        }
                    });
                    updateSelectedWorldDownloadButton();
                    return;
                }

                // Compter les téléchargements par fichier depuis Supabase
                const downloadCounts = {};
                if (data && data.length > 0) {
                    data.forEach(download => {
                        const fileName = download.file_name;
                        downloadCounts[fileName] = (downloadCounts[fileName] || 0) + 1;
                    });
                }

                // Combiner les compteurs de Supabase avec ceux du localStorage (prendre le maximum)
                // Cela permet de garder les téléchargements locaux même si Supabase n'a pas été mis à jour
                const combinedCounts = {};
                document.querySelectorAll('.world-item').forEach(worldElement => {
                    const filename = worldElement.dataset.filename;
                    if (filename) {
                        const supabaseCount = downloadCounts[filename] || 0;
                        const localStorageCount = localStorageCounts[filename] || 0;
                        // Prendre le maximum entre Supabase et localStorage
                        combinedCounts[filename] = Math.max(supabaseCount, localStorageCount);
                    }
                });

                // Mettre à jour les compteurs pour chaque world
                document.querySelectorAll('.world-item').forEach(worldElement => {
                    const filename = worldElement.dataset.filename;
                    if (filename) {
                        const count = combinedCounts[filename] || downloadCounts[filename] || localStorageCounts[filename] || 0;
                        const downloadElement = worldElement.querySelector('.world-downloads');
                        if (downloadElement) {
                            const numSpan = downloadElement.querySelector('.downloads-num');
                            if (numSpan) numSpan.textContent = count;
                            downloadElement.dataset.downloadCount = count;
                        }
                    }
                });

                console.log('✅ [SAVES] Statistiques de téléchargement chargées (Supabase + localStorage)');

                // Mettre à jour le compteur du bouton pour le world sélectionné
                updateSelectedWorldDownloadButton();

            } catch (error) {
                console.warn('⚠️ [SAVES] Erreur lors du chargement des statistiques:', error);
                console.log('ℹ️ [SAVES] Utilisation du localStorage comme fallback');
                // En cas d'erreur, utiliser le localStorage
                document.querySelectorAll('.world-item').forEach(worldElement => {
                    const filename = worldElement.dataset.filename;
                    if (filename) {
                        const count = localStorageCounts[filename] || 0;
                        const downloadElement = worldElement.querySelector('.world-downloads');
                        if (downloadElement) {
                            const numSpan = downloadElement.querySelector('.downloads-num');
                            if (numSpan) numSpan.textContent = count;
                            downloadElement.dataset.downloadCount = count;
                        }
                    }
                });
                updateSelectedWorldDownloadButton();
            }
        }

        // Fonction pour mettre à jour le compteur de manière optimiste (immédiatement)
        function updateDownloadCountOptimistic(filename) {
            console.log(`🔄 [SAVES] updateDownloadCountOptimistic appelé pour: ${filename}`);

            // Chercher tous les éléments world-item
            const allWorldElements = document.querySelectorAll('.world-item');
            let worldElement = null;

            // Chercher l'élément correspondant au filename
            for (let element of allWorldElements) {
                if (element.dataset.filename === filename) {
                    worldElement = element;
                    break;
                }
            }

            if (!worldElement) {
                console.warn(`⚠️ [SAVES] World element non trouvé pour filename: ${filename}`);
                console.log(`📋 [SAVES] Filenames disponibles:`, Array.from(allWorldElements).map(el => el.dataset.filename));
                return;
            }

            const downloadElement = worldElement.querySelector('.world-downloads');
            if (!downloadElement) {
                console.warn(`⚠️ [SAVES] Élément .world-downloads non trouvé pour ${filename}`);
                return;
            }

            const currentCount = parseInt(downloadElement.dataset.downloadCount || '0', 10);
            const newCount = currentCount + 1;

            // Sauvegarder dans localStorage pour persister après F5
            try {
                const localStorageKey = 'saves_download_counts';
                const savedCounts = JSON.parse(localStorage.getItem(localStorageKey) || '{}');
                savedCounts[filename] = (savedCounts[filename] || currentCount) + 1;
                localStorage.setItem(localStorageKey, JSON.stringify(savedCounts));
                console.log(`💾 [SAVES] Compteur sauvegardé dans localStorage pour ${filename}: ${savedCounts[filename]}`);
            } catch (e) {
                console.warn(`⚠️ [SAVES] Erreur lors de la sauvegarde dans localStorage:`, e);
            }
            const numSpan = downloadElement.querySelector('.downloads-num');
            if (numSpan) numSpan.textContent = newCount;
            downloadElement.dataset.downloadCount = newCount;
            console.log(`✅ [SAVES] Compteur mis à jour (optimiste) pour ${filename}: ${currentCount} -> ${newCount}`);
        }

        // Fonction pour mettre à jour le compteur d'un world spécifique depuis Supabase
        async function updateDownloadCount(filename) {
            if (!supabase) {
                console.warn('⚠️ [SAVES] Supabase non initialisé pour updateDownloadCount');
                return;
            }

            try {
                // Compter les téléchargements pour ce fichier
                const { count, error } = await supabase
                    .from('downloads')
                    .select('*', { count: 'exact', head: true })
                    .eq('file_name', filename);

                if (error) {
                    console.warn('⚠️ [SAVES] Erreur lors de la mise à jour du compteur:', error);
                    return;
                }

                // Mettre à jour l'affichage - chercher tous les éléments et comparer
                const allWorldElements = document.querySelectorAll('.world-item');
                let worldElement = null;
                for (let element of allWorldElements) {
                    if (element.dataset.filename === filename) {
                        worldElement = element;
                        break;
                    }
                }

                if (worldElement) {
                    const downloadElement = worldElement.querySelector('.world-downloads');
                    if (downloadElement) {
                        const countValue = count || 0;
                        const numSpan = downloadElement.querySelector('.downloads-num');
                        if (numSpan) numSpan.textContent = countValue;
                        downloadElement.dataset.downloadCount = countValue;
                        console.log(`✅ [SAVES] Compteur mis à jour pour ${filename}: ${countValue}`);
                    } else {
                        console.warn(`⚠️ [SAVES] Élément .world-downloads non trouvé pour ${filename}`);
                    }
                } else {
                    console.warn(`⚠️ [SAVES] World element non trouvé pour filename: ${filename}`);
                }
            } catch (error) {
                console.warn('⚠️ [SAVES] Erreur lors de la mise à jour du compteur:', error);
            }
        }

        // Fonction pour mettre à jour le compteur du bouton pour le world sélectionné
        function updateSelectedWorldDownloadButton() {
            const selectedElement = document.querySelector('.world-item.selected');
            if (selectedElement) {
                const downloadCount = selectedElement.querySelector('.world-downloads')?.dataset.downloadCount || 0;
                const btnDownloadCount = document.getElementById('selectedWorldDownloads');
                if (btnDownloadCount) btnDownloadCount.textContent = downloadCount;
            }
        }

        // Fonction pour recharger les statistiques de téléchargement
        function reloadDownloadStats() {
            if (typeof loadDownloadStats === 'function') {
                loadDownloadStats();
            } else {
                console.warn('⚠️ [SAVES] loadDownloadStats n\'est pas disponible');
            }
        }

        // ============================================
        // FONCTIONS DE MISE À JOUR DES BADGES (spécifiques à cette page)
        // ============================================

        // Mettre à jour le badge de vues d'un world
        function updateWorldViewBadge(filename, count) {
            const worldElement = document.querySelector(`[data-filename="${CSS.escape(filename)}"]`);
            if (worldElement) {
                const viewsElement = worldElement.querySelector('.world-views .views-num');
                if (viewsElement) {
                    viewsElement.textContent = count;
                }
            }
        }

        // Mettre à jour le badge de commentaires d'un world
        function updateWorldCommentBadge(filename, count) {
            const worldElement = document.querySelector(`[data-filename="${CSS.escape(filename)}"]`);
            if (worldElement) {
                const commentsNum = worldElement.querySelector('.world-comments .comments-num');
                if (commentsNum) {
                    commentsNum.textContent = count;
                }
            }
        }

        // Exposer la fonction globalement pour qu'elle soit accessible depuis d'autres scripts
        if (typeof window !== 'undefined') {
            window.reloadDownloadStats = reloadDownloadStats;
            window.updateDownloadCount = updateDownloadCount;
            window.updateDownloadCountOptimistic = updateDownloadCountOptimistic;
        }

        // ============================================
        // COMPTEUR DE VUES PAR WORLD
        // ============================================

        // Cache des vues par world
        let worldViewsCache = {};

        // Tracker la vue d'un world
        async function trackWorldView(filename, updateBadgeCallback = null, worldImagePath = null) {
            if (!filename) return;

            const isFileProtocol = window.location.protocol === 'file:';
            if (isFileProtocol) return;

            // Debounce: ne pas tracker si déjà fait récemment
            const viewKey = 'worldView_' + filename;
            const now = Date.now();
            const lastViewTime = sessionStorage.getItem(viewKey);
            if (lastViewTime && (now - parseInt(lastViewTime, 10)) < 20000) {
                return;
            }

            // Vérifier si c'est le fondateur (ne pas tracker) - Utilisation du CoreSystem
            if (window.isSlaizenFounder) return;

            // Mise à jour optimiste immédiate SEULEMENT si on passe les tests ci-dessus
            worldViewsCache[filename] = (worldViewsCache[filename] || 0) + 1;
            if (updateBadgeCallback) updateBadgeCallback(filename, worldViewsCache[filename]);

            sessionStorage.setItem(viewKey, now.toString());

            if (typeof supabase === 'undefined' || !supabase) return;

            // Récupérer les identifiants
            let userId = null;
            try {
                const { data: { session } } = await supabase.auth.getSession();
                userId = session?.user?.id || null;
            } catch (e) { }

            let visitorId = typeof getOrCreateVisitorId === 'function' ? getOrCreateVisitorId() : null;
            let sessionId = typeof getOrCreateSessionId === 'function' ? getOrCreateSessionId() : null;

            const timestamp = new Date().toISOString();

            try {
                // 1. Overseer (Détails complets en arrière-plan)
                supabase.from('events_overseer').insert([{
                    event_name: 'world_view',
                    event_data: JSON.stringify({
                        world_name: filename,
                        world_media_url: worldImagePath,
                        page_url: window.location.pathname
                    }),
                    session_id: sessionId,
                    visitor_id: visitorId,
                    user_id: userId,
                    created_at: timestamp
                }]).then(({ error }) => {
                    if (error) console.warn('⚠️ Erreur Overseer (world_view):', error);
                });

                // 2. Compteur statistique (Strict minimum)
                const { error } = await supabase.from('events_counter').insert([{
                    event_type: 'world-view',
                    event_target: filename,
                    page_url: window.location.pathname,
                    page_title: 'World: ' + filename,
                    referrer: window.location.href,
                    user_agent: navigator.userAgent,
                    visited_at: timestamp,
                    user_id: userId,
                    session_id: sessionId,
                    visitor_id: visitorId
                }]);

                if (error) {
                    console.warn('⚠️ Erreur insertion compteur world-view:', error);
                }
            } catch (err) {
                console.error('❌ Exception tracking world view:', err);
            }
        }

        // Charger le nombre de vues pour tous les worlds
        async function loadAllWorldViews() {
            const isFileProtocol = window.location.protocol === 'file:';
            if (isFileProtocol || typeof supabase === 'undefined' || !supabase) {
                console.log('📊 [SAVES] Mode local ou Supabase non dispo, vues non chargées');
                return;
            }

            try {
                // Lire depuis page_events au lieu de page_visits
                const { data, error } = await supabase
                    .from('events_counter')
                    .select('event_target')
                    .eq('event_type', 'world-view');

                if (error) {
                    console.error('Erreur chargement vues worlds:', error);
                    return;
                }

                worldViewsCache = {};
                data.forEach(row => {
                    const filename = row.event_target;
                    worldViewsCache[filename] = (worldViewsCache[filename] || 0) + 1;
                });

                console.log('📊 [SAVES] Vues chargées:', Object.keys(worldViewsCache).length, 'worlds avec vues');

                Object.keys(worldViewsCache).forEach(filename => {
                    updateWorldViewBadge(filename, worldViewsCache[filename]);
                });
            } catch (error) {
                console.error('Erreur chargement vues worlds:', error);
            }
        }

        // Mettre à jour le badge de vues d'un world
        function updateWorldViewBadge(filename, count) {
            const worldElement = document.querySelector(`[data-filename="${CSS.escape(filename)}"]`);
            if (worldElement) {
                const viewsElement = worldElement.querySelector('.world-views .views-num');
                if (viewsElement) {
                    viewsElement.textContent = count;
                }
            }
        }

        // Obtenir le nombre de vues d'un world (depuis le cache)
        function getWorldViews(filename) {
            return worldViewsCache[filename] || 0;
        }

        // ============================================
        // COMPTEUR DE COMMENTAIRES PAR WORLD
        // ============================================

        // Cache des commentaires par world
        let worldCommentsCache = {};

        // Obtenir le nombre de commentaires d'un world (depuis le cache)
        function getWorldComments(filename) {
            return worldCommentsCache[filename] || 0;
        }

        // Charger le nombre de commentaires pour tous les worlds
        async function loadAllWorldComments() {
            const isFileProtocol = window.location.protocol === 'file:';
            if (isFileProtocol || typeof supabase === 'undefined' || !supabase) {
                console.log('💬 [SAVES] Mode local ou Supabase non dispo, commentaires non chargés');
                return;
            }

            try {
                const { data, error } = await supabase
                    .from('comments')
                    .select('image_url');

                if (error) {
                    console.warn('⚠️ Erreur chargement commentaires worlds:', error);
                    return;
                }

                if (!data || !Array.isArray(data)) {
                    console.warn('⚠️ [SAVES] Données de commentaires invalides:', data);
                    return;
                }

                worldCommentsCache = {};
                data.forEach(row => {
                    // Vérifier que row et image_url existent
                    if (!row || !row.image_url) {
                        console.warn('⚠️ [SAVES] Commentaire sans image_url:', row);
                        return;
                    }

                    // Extraire le nom du fichier depuis l'URL
                    const urlParts = row.image_url.split('/');
                    const imageFilename = urlParts[urlParts.length - 1];

                    // Chercher le world correspondant à cette image
                    worlds.forEach(world => {
                        const worldFilename = `${world.name}.zip`.replace(/[\\\/:*?"<>|]+/g, '_');
                        // Vérifier si l'image correspond au thumbnail ou à un screenshot
                        if (world.thumbnail && world.thumbnail.includes(imageFilename)) {
                            worldCommentsCache[worldFilename] = (worldCommentsCache[worldFilename] || 0) + 1;
                        } else if (world.screenshots) {
                            world.screenshots.forEach(screenshot => {
                                if (screenshot.includes(imageFilename)) {
                                    worldCommentsCache[worldFilename] = (worldCommentsCache[worldFilename] || 0) + 1;
                                }
                            });
                        }
                    });
                });

                console.log('💬 [SAVES] Commentaires chargés:', Object.keys(worldCommentsCache).length, 'worlds avec commentaires');

                Object.keys(worldCommentsCache).forEach(filename => {
                    updateWorldCommentBadge(filename, worldCommentsCache[filename]);
                });
            } catch (error) {
                console.error('Erreur chargement commentaires worlds:', error);
            }
        }


        // Note: Le tracking de la page utilise maintenant la fonction centralisée trackPageVisit() de tracking.js
        // qui inclut visitor_id et session_id pour éviter de créer des visiteurs anonymes multiples

        // Initialiser quand la page est chargée
        document.addEventListener('DOMContentLoaded', function () {
            initializeWorlds();

            // Charger les statistiques après un court délai pour s'assurer que Supabase est initialisé
            function tryLoadStats(attempts = 0) {
                if (typeof supabase !== 'undefined' && supabase) {
                    loadDownloadStats();
                    loadAllWorldViews();
                    loadAllWorldComments();

                    // Tracker la visite de la page d'abord, puis charger le compteur après l'enregistrement
                    if (typeof trackPageVisit === 'function') {
                        // Attendre que la visite soit enregistrée avant de charger le compteur
                        trackPageVisit().then(() => {
                            // Une fois la visite enregistrée, charger le compteur avec un petit délai
                            // pour laisser la base de données se synchroniser
                            setTimeout(() => {
                                if (typeof loadAndDisplayPageViews === 'function') {
                                    loadAndDisplayPageViews('page-views-count', '%/minecraft/saves%');
                                }
                            }, 300);
                        }).catch(() => {
                            // En cas d'erreur, charger quand même le compteur
                            if (typeof loadAndDisplayPageViews === 'function') {
                                loadAndDisplayPageViews('page-views-count', '%/minecraft/saves%');
                            }
                        });
                    } else {
                        // Si trackPageVisit n'est pas disponible, charger directement
                        if (typeof loadAndDisplayPageViews === 'function') {
                            loadAndDisplayPageViews('page-views-count', '%/minecraft/saves%');
                        }
                    }

                    // Mettre à jour le compteur toutes les 2 secondes pour un affichage en temps réel plus réactif
                    setInterval(() => {
                        if (typeof loadAndDisplayPageViews === 'function') {
                            loadAndDisplayPageViews('page-views-count', '%/minecraft/saves%');
                        }
                    }, 2000);
                } else if (attempts < 3) {
                    setTimeout(() => tryLoadStats(attempts + 1), 500);
                }
            }

            setTimeout(() => tryLoadStats(), 500);
        });

        // Recharger les statistiques quand la page redevient visible (si l'utilisateur revient sur l'onglet)
        document.addEventListener('visibilitychange', function () {
            if (!document.hidden && typeof supabase !== 'undefined' && supabase && typeof loadDownloadStats === 'function') {
                setTimeout(() => {
                    loadDownloadStats();
                }, 500);
            }
        });
    </script>

    <!-- Scripts Supabase -->
    <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
    <script src="../coreSystem/supabase.js"></script>
    <script src="../coreSystem/founder.js"></script>

    <!-- Chargeurs (doivent être chargés avant les autres scripts) -->
    <script src="../coreSystem/modals-loader.js"></script>
    <script src="../coreSystem/auth-nav-loader.js"></script>

    <!-- Scripts modulaires séparés -->
    <script src="../coreSystem/auth.js"></script>
    <script src="../coreSystem/avatars.js"></script>
    <script src="../coreSystem/reactions.js"></script>
    <script src="../coreSystem/comments.js"></script>
    <script src="../coreSystem/downloads.js"></script>
    <script src="../coreSystem/notifications.js"></script>
    <script src="../coreSystem/profiles-config.js"></script>
    <script src="../coreSystem/profiles.js"></script>

    <!-- app.js coordonne l'ensemble -->
    <script src="../coreSystem/app.js"></script>
    <script src="../coreSystem/tracking.js"></script>
    <script src="../coreSystem/i18n.js"></script>
</body>

</html>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                      ██ FIRST CREATED: 2025-10-14 ██ LAST UPDATED: 2026-10-15 ██                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ INTRUSION DETECTED ██                                                                              ║    
    ║ ██ UNAUTHORIZED ACCESS ATTEMPT LOGGED ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ TERMINATING CONNECTION ██                                                                          ║    
    ║ ██ DISCONNECTING FROM SLAIZEN.COM ██                                                                  ║    
    ║ ██ CONNECTION CLOSED ██                                                                               ║    
    ║                                                                                                       ║    
    ║ ██ YOU ARE NOW LEAVING THE UNDER-GRID ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝    
  ███████ ██       █████  ██ ███████ ███████ ███    ██     ██    ███ ███████ ███████ ██  █████       ██ ███████  
  ██      ██      ██   ██ ██    ███  ██      ████   ██     ██   ████      ██  ███    ██ ██   ██      ██      ██  
  ███████ ██      ███████ ██   ███   █████   ██ ██  ██     ██  ██ ██   █████   ███   ██ ███████      ██ ███████  
       ██ ██      ██   ██ ██  ███    ██      ██  ██ ██     ██ ██  ██      ██    ███  ██ ██   ██      ██ ██       
  ███████ ███████ ██   ██ ██ ███████ ███████ ██   ████     ████   ██ ███████ ███████ ██ ██   ██ ███████ ███████  
-->