<!--                                                                                                             
               ████                                                                           ████               
             ███                                                                                 ███             
           ███                                        ██                                           ███           
        ████                                          ██                                             ████        
      ████                                                                                             ████      
    ████                                                                                                 ████    
  █████████████████████     ██               ████     ██    █████████████   █████████     █████████████████████  
                 ████     ████             ██████     ██              ███                   ████                 
               ███      ████             ███   ██     ██            ███                       ████               
             ███      ████             ███     ██     ██         ████       ███████████████      ███             
          ████      ███              ████████████     ██       ████                                ███           
        ████      ███              ███         ██     ██     ████                                    ████        
      ████      ██████████████  ████           ██     ██   ██████████████   ████████████████████       ████      
                                                                                                                 
       ██ 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="en">

<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 Profils &amp; Collectibles - Slaizen</title>
  <meta name="description" content="View Minecraft player profiles, stats, badges and achievements in Minecraft: Slaizen Edition. Profils de joueurs, badges et statistiques Minecraft.">
  <meta name="keywords" content="minecraft profiles, profils minecraft, badges minecraft, minecraft achievements, slaizen minecraft profile">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://slaizen.com/minecraft/profiles.html">
  <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">
    <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/notifications.css">
    <link rel="stylesheet" href="../coreSystem/interface.css">
<!--╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗   
    ║                                       ██ ACCESSING: CSS CORE ██                                      ║   
    ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
    <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;
        }

        /* i18n Visibility Rules (Synchronized with i18n.js) */
        html[lang="en"] .lang-fr {
            display: none !important;
        }

        html[lang="fr"] .lang-en {
            display: none !important;
        }

        html,
        body {
            height: 100%;
            overflow: hidden;
        }

        body {
            font-family: 'Press Start 2P', monospace;
            background: transparent;
            user-select: none;
            -webkit-user-select: none;
            -webkit-touch-callout: none;
        }

        /* 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 */
        .profile-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%;
            overflow: visible;
        }

        /* Profile Preview Section (Left) */
        .profile-preview {
            flex: 0 0 35%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            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: visible;
            position: relative;
        }

        /* Profile Selection Section (Right) */
        .profile-selection {
            flex: 1;
            display: flex;
            flex-direction: column;
            padding: 20px;
            max-height: 100vh;
            overflow-y: auto;
            box-sizing: border-box;
            align-items: center;
            position: relative;
        }

        .profile-selection-title {
            font-size: 14px;
            color: #fff;
            margin-bottom: 15px;
            text-align: center;
            text-shadow: 2px 2px 0 #000;
            width: 100%;
        }

        /* Profile Buttons - Styles supprimés car maintenant en inline */


        .profile-button.active {
            background: linear-gradient(#4a9eff, #3a8eef) !important;
            border-color: #fff !important;
            box-shadow: inset 0 4px 0 #6bb6ff, inset 0 -7px 0 #2a7edf !important;
        }

        .profile-button.active:hover {
            filter: brightness(1.08);
            border-color: #fff !important;
        }

        .profile-button.nezials {
            opacity: 0.6;
        }

        .profile-button.nezials:hover {
            opacity: 0.8;
        }

        .profile-button.nezials.active {
            opacity: 0.8;
        }

        /* Action Buttons */
        .action-buttons {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            justify-content: center;
            width: min(100%, 600px);
            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;
            position: relative;
            z-index: 1;
        }

        .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.profile-button:active {
            transform: none;
        }

        .btn.primary {
            background: linear-gradient(#888888, #777777);
            font-weight: bold;
        }

        .btn.primary:hover {
            filter: brightness(1.08);
            border-color: #fff;
        }

        .skin-image {
            width: 100%;
            max-width: 500px;
            height: auto;
            max-height: 600px;
            image-rendering: pixelated;
            object-fit: contain;
            animation: breatheWide 3s ease-in-out infinite;
            filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.8));
            transform-origin: center center;
            margin: 0 auto;
            display: block;
            position: relative;
        }

        .profile-details {
            display: flex;
            flex-direction: column;
            gap: 15px;
            align-items: center;
            justify-content: center;
            height: 100%;
            flex: 1;
            width: 100%;
            max-width: 800px;
            min-width: 600px;
            position: relative;
            overflow: hidden;
            align-self: stretch;
            margin-bottom: 0;
        }

        .profile-detail {
            font-size: 16px;
            color: #ccc;
            text-shadow: 1px 1px 0 #000;
            text-align: left;
            line-height: 0.7;
        }

        @keyframes breatheWide {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                /* slight chest expansion, feet stay planted */
                transform: scaleX(0.992) scaleY(1.018);
            }
        }

        .search-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;
            width: 50px;
            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;
            transition: all 0.2s;
        }

        .search-btn:hover {
            filter: brightness(1.08);
            border-color: #fff;
        }

        .search-btn:active {
            transform: translateY(2px);
            box-shadow: inset 0 2.5px 0 #9e9e9e, inset 0 -5.5px 0 #545454;
            transition: none;
        }


        /* Empêcher la sélection bleue sur les éléments cliquables */
        .uuid-clickable {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -webkit-tap-highlight-color: transparent;
        }

        /* Animation de fantôme spectral pour SlaizenNezials */
        .skin-image.slaizennezials {
            animation: breatheWide 3s ease-in-out infinite, etherealGhost 5s ease-in-out infinite;
            filter: drop-shadow(0 0 10px rgba(0, 255, 255, 0.2));
        }

        /* Effet glitch accentué au hover pour SlaizenNezials */
        .skin-image.slaizennezials:hover {
            animation: breatheWide 3s ease-in-out infinite, etherealGhost 5s ease-in-out infinite, glitchEffect 0.2s ease-in-out infinite;
            filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.4)) drop-shadow(2px 0 0 rgba(255, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 0, 255, 0.5));
        }

        @keyframes etherealGhost {

            0%,
            100% {
                opacity: 0.4;
                filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.3)) blur(0.5px);
                transform: translateX(0);
            }

            25% {
                opacity: 0.65;
                filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.4)) blur(0px);
                transform: translateX(1px);
            }

            50% {
                opacity: 0.35;
                filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.2)) blur(1.5px);
                transform: translateX(-1px);
            }

            75% {
                opacity: 0.75;
                filter: drop-shadow(0 0 20px rgba(0, 255, 255, 0.5)) blur(0px);
                transform: translateX(0px);
            }
        }

        @keyframes glitchEffect {

            0%,
            100% {
                transform: translateX(0) skewX(0deg) scale(1.0);
                filter: drop-shadow(2px 0 0 rgba(255, 0, 0, 0.5)) drop-shadow(-2px 0 0 rgba(0, 255, 255, 0.5));
            }

            15% {
                transform: translateX(-4px) skewX(-2deg) scaleX(1.02);
                filter: drop-shadow(4px 0 0 rgba(255, 0, 0, 0.6)) drop-shadow(-1px 0 0 rgba(0, 255, 255, 0.4)) hue-rotate(90deg);
            }

            30% {
                transform: translateX(3px) skewX(1deg) scaleY(1.05);
                filter: drop-shadow(-3px 0 0 rgba(255, 0, 0, 0.4)) drop-shadow(5px 0 0 rgba(0, 255, 255, 0.7)) hue-rotate(0deg);
            }

            45% {
                transform: translateX(-2px) skewX(-3deg) scaleX(0.98);
                filter: drop-shadow(1px 0 0 rgba(255, 0, 0, 0.8)) drop-shadow(-4px 0 0 rgba(0, 255, 255, 0.6)) hue-rotate(180deg);
            }

            60% {
                transform: translateX(5px) skewX(2deg) scaleY(0.97);
                filter: drop-shadow(-5px 0 0 rgba(255, 0, 0, 0.6)) drop-shadow(2px 0 0 rgba(0, 255, 255, 0.8)) hue-rotate(270deg);
            }

            80% {
                transform: translateX(-3px) skewX(-1deg) scale(1.03);
                filter: drop-shadow(3px 0 0 rgba(255, 0, 0, 0.4)) drop-shadow(-3px 0 0 rgba(0, 255, 255, 0.4)) hue-rotate(0deg);
            }
        }

        /* Barre de recherche Inline */
        .inline-search-container {
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 100;
            display: flex;
            align-items: center;
            gap: 10px;
            background: rgba(0, 0, 0, 0.4);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            padding: 5px 10px;
            border: 2px solid rgba(255, 255, 255, 0.2);
            border-radius: 8px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
        }

        .inline-search-container:focus-within {
            border-color: rgba(255, 255, 255, 0.6);
            box-shadow: 0 4px 20px rgba(255, 255, 255, 0.2);
            background: rgba(0, 0, 0, 0.6);
        }

        .inline-search-input {
            background: transparent;
            border: none;
            color: #fff;
            font-family: 'Source Code Pro', monospace;
            font-size: 14px;
            padding: 5px 2px;
            width: 150px;
            outline: none;
            transition: width 0.3s ease;
        }

        .inline-search-input::placeholder {
            color: rgba(255, 255, 255, 0.4);
            font-size: 12px;
        }

        .search-btn {
            background: none;
            border: none;
            cursor: pointer;
            padding: 5px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.2s ease;
        }

        .search-btn:hover {
            transform: scale(1.1);
        }

        .search-btn svg {
            filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5));
        }

        .search-status-inline {
            position: absolute;
            top: 60px;
            left: 20px;
            z-index: 100;
            font-size: 10px;
            font-family: 'Source Code Pro', monospace;
            padding: 5px 10px;
            border-radius: 4px;
            display: none;
            backdrop-filter: blur(4px);
            -webkit-backdrop-filter: blur(4px);
        }

        #loadingDiv.search-status-inline {
            color: #4dd4a8;
            background: rgba(49, 176, 134, 0.1);
            border: 1px solid rgba(49, 176, 134, 0.3);
        }

        #errorDiv.search-status-inline {
            color: #ff4444;
            background: rgba(255, 68, 68, 0.1);
            border: 1px solid rgba(255, 68, 68, 0.3);
            max-width: 250px;
        }

        .loading {
            text-align: center;
            color: #fff;
            font-size: 14px;
            padding: 20px;
        }

        .spinner {
            border: 4px solid rgba(255, 255, 255, 0.3);
            border-top: 4px solid #fff;
            border-radius: 50%;
            width: 30px;
            height: 30px;
            animation: spin 1s linear infinite;
            margin: 0 auto 10px;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }


        .error-message {
            color: #ff4444;
            text-align: center;
            font-size: 14px;
            padding: 20px;
            text-shadow: 1px 1px 0 #000;
        }

        /* Responsive pour la modal */
        @media (max-width: 768px) {
            .search-modal-content {
                padding: 20px;
                width: 95%;
            }

            .search-form {
                flex-direction: column;
                gap: 10px;
            }

            .search-input {
                font-size: 10px;
                padding: 12px;
            }

            .search-submit-btn {
                font-size: 10px;
                padding: 12px;
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .ui-panel {
                width: 98vw;
                height: 95vh;
                padding: 10px;
            }

            .profile-container {
                flex-direction: column;
                overflow: visible;
                height: auto;
                min-height: calc(100vh - 120px);
            }

            .profile-preview {
                flex: none;
                border-right: none;
                border-bottom: 2px solid rgba(255, 255, 255, 0.3);
                min-height: 180px;
                max-height: 200px;
                overflow: visible;
                padding: 10px;
            }

            .profile-selection {
                flex: 1;
                overflow-y: auto;
                max-height: calc(100vh - 320px);
                min-height: 250px;
                padding: 10px;
            }

            .profile-details {
                min-width: 100%;
                max-width: 100%;
                margin-bottom: 0;
                gap: 10px;
            }

            .skin-image {
                width: 100%;
                max-width: 200px;
                height: auto;
                margin: 0 auto;
            }

            .title {
                font-size: 16px;
                margin-bottom: 15px;
            }
        }

        @media (max-width: 1024px) {
            .profile-details {
                min-width: 250px;
                max-width: 100%;
            }

            .skin-image {
                width: 100%;
                max-width: 420px;
                height: auto;
                margin: 0 auto;
            }
        }

        /* Additional Responsive */
        @media (max-width: 480px) {
            .ui-panel {
                width: 100vw;
                height: 100vh;
                padding: 5px;
                margin: 0;
            }

            .profile-container {
                height: auto;
                min-height: calc(100vh - 80px);
            }

            .profile-preview {
                min-height: 150px;
                max-height: 180px;
                padding: 5px;
            }

            .profile-selection {
                max-height: calc(100vh - 250px);
                min-height: 200px;
                padding: 5px;
            }

            .skin-image {
                width: 100%;
                max-width: 150px;
                height: auto;
                margin: 0 auto;
            }

            .title {
                font-size: 14px;
                margin-bottom: 10px;
            }

            .btn {
                font-size: 8px;
                padding: 8px 12px;
            }

            .profile-details {
                gap: 8px;
            }
        }

        /* Très petits écrans */
        @media (max-width: 320px) {
            .ui-panel {
                width: 100vw;
                height: 100vh;
                padding: 2px;
            }

            .profile-preview {
                min-height: 120px;
                max-height: 150px;
                padding: 2px;
            }

            .profile-selection {
                max-height: calc(100vh - 200px);
                min-height: 150px;
                padding: 2px;
            }

            .skin-image {
                max-width: 120px;
            }

            .title {
                font-size: 12px;
            }

            .btn {
                font-size: 6px;
                padding: 6px 8px;
            }
        }

        /* Responsive basé sur la hauteur de l'écran */
        @media (max-height: 600px) {
            .skin-image {
                max-width: 400px;
                max-height: 500px;
            }
        }

        @media (max-height: 500px) {
            .skin-image {
                max-width: 300px;
                max-height: 400px;
            }
        }

        @media (max-height: 400px) {
            .skin-image {
                max-width: 250px;
                max-height: 300px;
            }
        }

        /* Combinaison largeur et hauteur */
        @media (max-width: 768px) and (max-height: 600px) {
            .skin-image {
                max-width: 280px;
                max-height: 350px;
            }
        }

        @media (max-width: 480px) and (max-height: 500px) {
            .skin-image {
                max-width: 200px;
                max-height: 250px;
            }
        }

        /* Scrollbar styling - Gris discret */
        .profile-selection::-webkit-scrollbar,
        .profile-preview::-webkit-scrollbar {
            width: 8px;
        }

        .profile-selection::-webkit-scrollbar-track,
        .profile-preview::-webkit-scrollbar-track {
            background: transparent !important;
        }

        .profile-selection::-webkit-scrollbar-thumb,
        .profile-preview::-webkit-scrollbar-thumb {
            background: rgba(128, 128, 128, 0.5) !important;
            border-radius: 4px;
            border: none;
        }

        .profile-selection::-webkit-scrollbar-thumb:hover,
        .profile-preview::-webkit-scrollbar-thumb:hover {
            background: rgba(128, 128, 128, 0.7) !important;
        }

        .profile-selection::-webkit-scrollbar-thumb:active,
        .profile-preview::-webkit-scrollbar-thumb:active {
            background: rgba(128, 128, 128, 0.9) !important;
        }

        .profile-selection::-webkit-scrollbar-corner,
        .profile-preview::-webkit-scrollbar-corner {
            background: transparent !important;
        }

        /* Forcer le style sur tous les navigateurs */
        .profile-selection,
        .profile-preview {
            scrollbar-width: thin;
            scrollbar-color: rgba(128, 128, 128, 0.3) transparent;
        }

        /* 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;
        }

        /* Auth Navigation - Minecraft Exception (Closer to top) */
        :root {
            --auth-nav-top: 10px;
        }

        .auth-nav .btn {
            pointer-events: auto;
            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;
        }

        /* Marge supprimée pour cohérence globale */

        .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-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;
        }

        /* Bilingual visibility */
        html[lang="en"] .lang-fr {
            display: none !important;
        }

        html[lang="fr"] .lang-en {
            display: none !important;
        }
    </style>
</head>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                      ██ ACCESSING: LOCAL PAGE ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<body>
    <!-- Auth / Language container -->
    <div id="auth-nav-container"></div>
    <div id="message"></div>

    <!-- Main UI -->
    <div class="ui-panel">
        <h1 class="title">
            <span class="lang-fr">Sélectionner un Profil</span>
            <span class="lang-en">Select Profile</span>
        </h1>

        <div class="profile-container">

            <!-- Section d'aperçu du profil (gauche) -->
            <div class="profile-preview">
                <!-- Barre de recherche intégrée -->
                <form id="searchForm" class="inline-search-container" onsubmit="handleSearch(event)">
                    <input type="text" id="usernameInput" class="inline-search-input" data-fr="Pseudo Minecraft..."
                        data-en="Minecraft Username..." placeholder="Pseudo Minecraft..." autocomplete="off">
                    <button type="submit" id="searchSubmitBtn" class="search-btn" title="Rechercher"
                        data-en-title="Search">
                        <svg width="18" height="18" viewBox="0 0 16 16" style="image-rendering: pixelated;">
                            <circle cx="7" cy="7" r="4" fill="none" stroke="white" stroke-width="2" />
                            <line x1="10" y1="10" x2="13" y2="13" stroke="white" stroke-width="2"
                                stroke-linecap="round" />
                        </svg>
                    </button>
                </form>

                <!-- Indicateurs de statut pour la recherche -->
                <div id="loadingDiv" class="search-status-inline">
                    <span class="lang-fr">Recherche en cours...</span>
                    <span class="lang-en">Searching...</span>
                </div>
                <div id="errorDiv" class="search-status-inline"></div>

                <!-- Pseudo et avatar flottants -->
                <div id="floating-profile-info"
                    style="position: absolute; bottom: -20px; left: 20px; display: none; align-items: center; gap: 15px; z-index: 100; overflow: visible;">
                    <img id="floating-avatar" class="skin-avatar" src="" alt="Profile Avatar"
                        style="width: 96px; height: 96px; image-rendering: pixelated; border: none; outline: none; filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.8));">
                    <div style="display: flex; align-items: center; height: 96px; overflow: visible;">
                        <div id="floating-username"
                            style="font-size: 32px; color: #fff; font-family: 'Press Start 2P', monospace; text-shadow: 2px 2px 0 #000;">
                            <strong></strong>
                        </div>
                    </div>
                </div>


                <!-- Image qui respire -->
                <img class="skin-image" src="" alt="Profile Skin">
            </div>

            <!-- Section de sélection des profils (droite) -->
            <div class="profile-selection">
                <!-- Boutons de profil -->
                <div
                    style="display: flex; justify-content: flex-end; gap: 10px; margin-bottom: 0px; flex-wrap: wrap; align-self: flex-end; width: 100%;">
                    <button class="btn primary profile-button nezials" id="btn-Nezials"
                        onmousedown="openProfile('Nezials')">Nezials</button>
                    <button class="btn primary profile-button" id="btn-SlaizenNezials"
                        onmousedown="openProfile('SlaizenNezials')">SlaizenNezials</button>
                    <button class="btn primary profile-button" id="btn-Slaizen"
                        onmousedown="openProfile('Slaizen')">Slaizen</button>
                </div>

                <div style="margin-top: -15px;">
                    <div class="profile-details"
                        style="text-align: left; color: #aaa; padding: 0; font-size: 12px; line-height: 1.4; margin-bottom: 0;">
                        <!-- Le contenu sera généré dynamiquement par la recherche de profils -->
                    </div>

                    <!-- Bouton télécharger skin en bas à droite -->
                    <div id="download-skin-btn"
                        style="display: none; text-align: right; margin-top: -10px; margin-bottom: 30px;">
                        <a href="#" download class="btn primary" style="text-decoration: none;">
                            <span class="lang-fr">Télécharger ce Skin</span>
                            <span class="lang-en">Download this Skin</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <div class="action-buttons">
            <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>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                                       ██ AI JAVASCRIPT OUTPUT ██                                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
    <script>
        let profileCache = {}; // Cache pour éviter de recharger les profils

        // Helper pour obtenir la langue actuelle
        function getLang() {
            return document.documentElement.lang || 'fr';
        }

        function copyToClipboard(text) {
            navigator.clipboard.writeText(text).then(() => {
                console.log('Copié:', text);
            }).catch(err => {
                console.error('Erreur de copie:', err);
            });
        }

        function showLoadingIndicator(messageFr = 'Chargement du profil...', messageEn = 'Loading profile...') {
            const message = getLang() === 'fr' ? messageFr : messageEn;
            const profileDetails = document.querySelector('.profile-details');
            if (profileDetails) {
                profileDetails.innerHTML = `
                    <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: 300px; width: 100%; position: relative;">
                        <div class="spinner" style="border: 4px solid rgba(255,255,255,0.3); border-top: 4px solid #fff; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin-bottom: 20px;"></div>
                        <div style="color: #fff; font-size: 16px; text-shadow: 2px 2px 0 #000; text-align: center;">${message}</div>
                    </div>
                `;
            }

            // Cacher le bouton de téléchargement pendant le chargement
            hideDownloadButton();
        }

        function getProfileDescription(username) {
            const descriptions = {
                'Nezials': {
                    title: 'Nezials',
                    text_fr: `Premier nom. Né sur un Minecraft cracké, sans authentification.<br>
                        Une identité libre, éphémère, la première apparition publique du nom.<br>
                        Rien n'était encore officiel — seulement l'envie d'exister dans le jeu.`,
                    text_en: `First name. Born on a cracked Minecraft, without authentication.<br>
                        A free, ephemeral identity, the first public appearance of the name.<br>
                        Nothing was official yet — just the desire to exist in the game.`
                },
                'SlaizenNezials': {
                    title: 'SlaizenNezials',
                    text_fr: `Le compte fondateur. Créé quand le nom "Slaizen" n'était pas disponible.<br>
                        Il devint un pont entre deux identités — moitié vrai, moitié reflet.<br>
                        Resté bloqué entre Mojang et Microsoft, il survit comme un compte fantôme, visible mais inaccessible.`,
                    text_en: `The founding account. Created when the name "Slaizen" was not available.<br>
                        It became a bridge between two identities — half real, half reflection.<br>
                        Stuck between Mojang and Microsoft, it survives as a ghost account, visible but inaccessible.`
                },
                'Slaizen': {
                    title: 'Slaizen',
                    text_fr: `Le compte actuel. Héritier légitime du nom original.<br>
                        L'unité retrouvée, après des années de fragmentation.<br>
                        Migration réussie. Identité restaurée.`,
                    text_en: `The current account. Legitimate heir to the original name.<br>
                        Found unity, after years of fragmentation.<br>
                        Successful migration. Identity restored.`
                }
            };

            const desc = descriptions[username];
            if (!desc) return '';

            const text = getLang() === 'fr' ? desc.text_fr : desc.text_en;

            return `
                <div style="background: rgba(255,255,255,0.05); padding: 20px; border-radius: 8px; margin: 0 auto 0px; width: 100%; min-width: 600px; max-width: 800px; border-left: 4px solid #666; box-sizing: border-box;">
                    <p style="color: #ccc; line-height: 1.6; margin: 0; font-size: 13px;">
                        ${text}
                    </p>
                </div>
            `;
        }

        function updateFloatingProfileInfo(username, faceUrl) {
            const floatingInfo = document.getElementById('floating-profile-info');
            const floatingAvatar = document.getElementById('floating-avatar');
            const floatingUsername = document.getElementById('floating-username');

            if (floatingInfo && floatingAvatar && floatingUsername) {
                floatingAvatar.src = faceUrl;
                floatingUsername.innerHTML = `<strong>${username}</strong>`;
                floatingInfo.style.display = 'flex';

            }
        }

        function updateDownloadButton(uuid, username = null) {
            const downloadBtn = document.getElementById('download-skin-btn');
            const downloadLink = downloadBtn.querySelector('a');

            if (downloadBtn && downloadLink) {
                // Convertir l'UUID en format sans tirets pour Crafatar
                const rawUuid = uuid.replace(/-/g, '');
                // Vérifier si c'est l'UUID de Steve pour forcer le skin Steve
                let skinUrl = `https://mc-heads.net/skin/${rawUuid}`;
                if (rawUuid === 'ccc5165fa113f89a85edf4368e429d5c') {
                    // Forcer le skin Steve pour Nezials
                    skinUrl = `https://mc-heads.net/skin/${rawUuid}`;
                }
                downloadLink.href = skinUrl;

                // Utiliser le nom d'utilisateur pour le nom du fichier, sinon utiliser l'UUID
                const filename = username ? `${username}.png` : `${rawUuid}.png`;

                // Ajouter un gestionnaire pour forcer le téléchargement
                downloadLink.onclick = async function (e) {
                    e.preventDefault();
                    try {
                        const response = await fetch(skinUrl);
                        const blob = await response.blob();
                        const url = window.URL.createObjectURL(blob);
                        const link = document.createElement('a');
                        link.href = url;
                        link.download = filename;
                        document.body.appendChild(link);
                        link.click();
                        document.body.removeChild(link);
                        window.URL.revokeObjectURL(url);
                    } catch (error) {
                        console.error('Erreur lors du téléchargement:', error);
                        // Fallback : ouvrir le lien dans un nouvel onglet
                        window.open(skinUrl, '_blank');
                    }
                };

                downloadBtn.style.display = 'block';
            }
        }

        function hideDownloadButton() {
            const downloadBtn = document.getElementById('download-skin-btn');
            if (downloadBtn) {
                downloadBtn.style.display = 'none';
            }
        }

        function displayFakeProfile(username) {
            // Afficher l'image du skin (Steve par défaut)
            const skinImage = document.querySelector('.skin-image');
            skinImage.src = 'https://mc-heads.net/body/ccc5165fa113f89a85edf4368e429d5c/512'; // UUID de Steve avec skin par défaut

            // Mettre à jour le bouton de téléchargement
            updateDownloadButton('ccc5165fa113f89a85edf4368e429d5c', username);
            skinImage.style.display = 'block';

            // Enlever toutes les classes d'opacité et ajouter celle de Nezials
            skinImage.classList.remove('slaizennezials');
            skinImage.classList.add('nezials-skin');

            // Créer l'URL de l'avatar (Steve)
            const faceUrl = 'https://mc-heads.net/avatar/ccc5165fa113f89a85edf4368e429d5c/128';

            // Fonction pour calculer l'âge du compte Nezials depuis juillet 2012
            function calculateNezialsAge() {
                const creationDate = new Date('2012-07-01'); // Juillet 2012
                const now = new Date();
                const diffTime = now - creationDate;
                const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
                const years = Math.floor(diffDays / 365.25);
                const months = Math.floor((diffDays % 365.25) / 30.44);

                if (years > 0) {
                    return `${years} an${years > 1 ? 's' : ''}${months > 0 ? ` et ${months} mois` : ''}`;
                } else if (months > 0) {
                    return `${months} mois`;
                } else {
                    return `${diffDays} jours`;
                }
            }

            // Données fictives pour Nezials
            const fakeData = {
                username: 'Nezials',
                uuid: 'ccc5165f-a113-f89a-85ed-f4368e429d5c',
                rawUuid: 'ccc5165fa113f89a85edf4368e429d5c',
                accountAge: calculateNezialsAge(),
                firstSeenDate: 'Juillet 2012',
                status: 'Inexistant',
                accountType: 'Cracké'
            };

            // Afficher les informations fictives
            const profileDetailsContainer = document.querySelector('.profile-details');
            profileDetailsContainer.innerHTML = `
                <div class="profile-detail" style="display: block; font-size: 16px; color: #fff; text-align: center; margin-top: 10px; margin-bottom: 10px;">
                    Informations du compte
                </div>
                
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; width: 100%; min-width: 600px; max-width: 800px;">
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">Status</div>
                        <div style="font-size: 14px; color: #ccc;">${fakeData.status}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">Type de compte</div>
                        <div style="font-size: 14px; color: #ccc;">${fakeData.accountType}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">UUID (complet)</div>
                        <div class="uuid-clickable" style="font-size: 10px; color: #ccc; font-family: monospace; word-break: break-all; cursor: pointer; margin-bottom: 5px;" onmousedown="copyToClipboard('ccc5165f-a113-f89a-85ed-f4368e429d5c')" title="Cliquer pour copier">ccc5165f-a113-f89a-85ed-f4368e429d5c</div>
                        <div style="font-size: 10px; color: #999;">(Généré hors ligne)</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">UUID (court)</div>
                        <div class="uuid-clickable" style="font-size: 11px; color: #ccc; font-family: monospace; word-break: break-all; cursor: pointer; margin-bottom: 5px;" onmousedown="copyToClipboard('ccc5165fa113f89a85edf4368e429d5c')" title="Cliquer pour copier">ccc5165fa113f89a85edf4368e429d5c</div>
                        <div style="font-size: 10px; color: #999;">(Généré hors ligne)</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">Âge du compte</div>
                        <div style="font-size: 14px; color: #ccc;">${fakeData.accountAge}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">Première détection</div>
                        <div style="font-size: 14px; color: #ccc;">${fakeData.firstSeenDate}</div>
                    </div>
                </div>

                ${getProfileDescription('Nezials')}
                
                <!-- Pseudo et avatar gérés par les éléments flottants -->
            `;

            // Mettre à jour les éléments flottants
            updateFloatingProfileInfo(username, faceUrl);

            console.log('Profil fictif affiché:', username);
        }

        function openProfile(username) {
            console.log('Ouverture du profil:', username);

            // Désélectionner tous les boutons de profil
            document.querySelectorAll('.profile-button').forEach(btn => {
                btn.classList.remove('active');
            });

            // Sélectionner le bouton cliqué
            const activeButton = document.getElementById(`btn-${username}`);
            if (activeButton) {
                activeButton.classList.add('active');
            }

            // Stocker le nom d'utilisateur pour le préserver
            window.currentSelectedProfile = username;

            // Cas spécial pour Nezials (fausse page avec Steve)
            if (username === 'Nezials') {
                displayFakeProfile('Nezials');
                return;
            }

            // Afficher un indicateur de chargement
            showLoadingIndicator();

            searchMinecraftProfile(username);
        }

        function handleSearch(event) {
            if (event) event.preventDefault();
            const input = document.getElementById('usernameInput');
            const username = input.value.trim();
            if (username) {
                searchMinecraftProfile(username);
            }
        }

        function searchProfiles() {
            // Focus sur l'input inline au lieu d'ouvrir une modal
            document.getElementById('usernameInput').focus();
        }

        // Suppression des fonctions de modal devenues inutiles

        async function searchMinecraftProfile(username) {
            // Vérifier le cache d'abord
            if (profileCache[username]) {
                console.log('Profil trouvé dans le cache:', username);
                displaySearchedProfile(profileCache[username]);
                return;
            }

            const loadingDiv = document.getElementById('loadingDiv');
            const errorDiv = document.getElementById('errorDiv');
            const searchSubmitBtn = document.getElementById('searchSubmitBtn');

            // Afficher le loading
            if (loadingDiv) loadingDiv.style.display = 'block';
            if (errorDiv) errorDiv.style.display = 'none';
            if (searchSubmitBtn) searchSubmitBtn.disabled = true;

            try {
                // Utiliser des APIs qui supportent CORS
                console.log('Recherche pour:', username);
                let playerData = null;

                // Essayer d'abord l'API Ashcon (supporte CORS)
                try {
                    console.log('Tentative avec Ashcon...');
                    const ashconResponse = await fetch(`https://api.ashcon.app/mojang/v2/user/${username}`);
                    if (ashconResponse.ok) {
                        playerData = await ashconResponse.json();
                        console.log('Données Ashcon:', playerData);
                    }
                } catch (e) {
                    console.log('Ashcon échoué:', e);
                }

                // Si Ashcon échoue, essayer PlayerDB
                if (!playerData) {
                    try {
                        console.log('Tentative avec PlayerDB...');
                        const playerdbResponse = await fetch(`https://playerdb.co/api/player/minecraft/${username}`);
                        if (playerdbResponse.ok) {
                            const data = await playerdbResponse.json();
                            if (data.success && data.data && data.data.player) {
                                const player = data.data.player;
                                // Convertir l'historique des noms PlayerDB
                                let usernameHistory = [];
                                if (player.name_history && Array.isArray(player.name_history)) {
                                    usernameHistory = player.name_history.map(entry => ({
                                        username: entry.username || entry.name || entry,
                                        changedToAt: entry.changed_at || entry.timestamp || null
                                    }));
                                } else if (player.username_history && Array.isArray(player.username_history)) {
                                    usernameHistory = player.username_history.map(entry => ({
                                        username: entry.username || entry.name || entry,
                                        changedToAt: entry.changedToAt || entry.changed_at || entry.timestamp || null
                                    }));
                                }

                                playerData = {
                                    username: player.username,
                                    uuid: player.id,
                                    created_at: player.created_at || player.first_seen_at || null,
                                    username_history: usernameHistory,
                                    textures: player.textures || null
                                };
                                console.log('Données PlayerDB:', playerData);
                            }
                        }
                    } catch (e) {
                        console.log('PlayerDB échoué:', e);
                    }
                }


                // Si PlayerDB échoue, essayer l'API CORS proxy
                if (!playerData) {
                    try {
                        console.log('Tentative avec CORS proxy...');
                        const proxyResponse = await fetch(`https://cors-anywhere.herokuapp.com/https://api.mojang.com/users/profiles/minecraft/${username}`);
                        if (proxyResponse.ok) {
                            const uuidData = await proxyResponse.json();
                            playerData = {
                                username: uuidData.name,
                                uuid: uuidData.id,
                                created_at: null,
                                username_history: [{
                                    username: uuidData.name,
                                    changedToAt: null
                                }]
                            };
                            console.log('Données via proxy:', playerData);
                        }
                    } catch (e) {
                        console.log('Proxy CORS échoué:', e);
                    }
                }

                // Si tout échoue, essayer l'API alternative
                if (!playerData) {
                    try {
                        console.log('Tentative avec API alternative...');
                        const altResponse = await fetch(`https://api.mineapi.me/v1/user/${username}`);
                        if (altResponse.ok) {
                            const data = await altResponse.json();
                            if (data.success && data.data) {
                                const player = data.data;
                                // Convertir l'historique des noms MineAPI
                                let usernameHistory = [];
                                if (player.name_history && Array.isArray(player.name_history)) {
                                    usernameHistory = player.name_history.map(entry => ({
                                        username: entry.username || entry.name || entry,
                                        changedToAt: entry.changed_at || entry.timestamp || null
                                    }));
                                } else if (player.username_history && Array.isArray(player.username_history)) {
                                    usernameHistory = player.username_history.map(entry => ({
                                        username: entry.username || entry.name || entry,
                                        changedToAt: entry.changedToAt || entry.changed_at || entry.timestamp || null
                                    }));
                                }

                                playerData = {
                                    username: player.username,
                                    uuid: player.uuid,
                                    created_at: player.created_at || player.first_seen_at || null,
                                    username_history: usernameHistory,
                                    textures: player.textures || null
                                };
                                console.log('Données API alternative:', playerData);
                            }
                        }
                    } catch (e) {
                        console.log('API alternative échoué:', e);
                    }
                }

                if (!playerData) {
                    throw new Error('Impossible de récupérer les informations du joueur. Vérifiez que le pseudo est correct et que le joueur existe.');
                }

                // Sauvegarder dans le cache
                profileCache[username] = playerData;
                console.log('Profil sauvegardé dans le cache:', username);

                displaySearchedProfile(playerData);

            } catch (error) {
                console.error('Erreur lors de la recherche:', error);
                loadingDiv.style.display = 'none';
                errorDiv.style.display = 'block';
                errorDiv.textContent = `❌ Erreur: ${error.message}`;
            } finally {
                searchSubmitBtn.disabled = false;
            }
        }

        function displaySearchedProfile(player) {
            const loadingDiv = document.getElementById('loadingDiv');
            const errorDiv = document.getElementById('errorDiv');
            const searchSubmitBtn = document.getElementById('searchSubmitBtn');

            // Masquer le loading et réinitialiser le bouton
            loadingDiv.style.display = 'none';
            errorDiv.style.display = 'none';
            searchSubmitBtn.disabled = false;

            // Sauvegarder les données pour le rafraîchissement de langue
            window.lastPlayerData = player;

            const username = player.username;
            // Gérer les deux formats d'API (Ashcon et Mojang)
            let uuid, rawUuid;
            if (player.uuid && typeof player.uuid === 'object') {
                // Format Ashcon
                uuid = player.uuid.formatted || player.uuid;
                rawUuid = player.uuid.raw || player.uuid.replace(/-/g, '');
            } else {
                // Format Mojang
                uuid = player.uuid;
                rawUuid = player.uuid.replace(/-/g, '');
            }

            // Créer l'URL du skin avec MC-Heads (qualité améliorée)
            const skinUrl = `https://mc-heads.net/body/${rawUuid}/512`;

            // Calculer l'âge du compte - gérer différents formats d'API
            let accountAge = 'Non disponible';
            let firstSeenDate = 'Non disponible';

            // Chercher la date de création dans différents champs possibles
            let creationDate = null;
            if (player.created_at) {
                creationDate = new Date(player.created_at);
            } else if (player.first_seen_at) {
                creationDate = new Date(player.first_seen_at);
            } else if (player.timestamp) {
                creationDate = new Date(player.timestamp);
            } else if (player.username_history && player.username_history.length > 0) {
                // Utiliser la date du premier nom dans l'historique
                const firstEntry = player.username_history[0];
                if (firstEntry.changedToAt) {
                    creationDate = new Date(firstEntry.changedToAt);
                }
            }

            // Si aucune date trouvée, essayer d'estimer à partir de l'UUID pour les comptes Microsoft
            if (!creationDate && uuid) {
                try {
                    // Analyser l'UUID pour déterminer le type de compte
                    const cleanUuid = uuid.replace(/-/g, '');
                    const isMicrosoftAccount = cleanUuid.length === 32;

                    if (isMicrosoftAccount) {

                        // Pour les comptes Microsoft, analyser l'UUID pour estimer l'âge
                        // Les UUIDs v4 ont des patterns spécifiques
                        const version = parseInt(cleanUuid.charAt(12), 16);
                        const variant = parseInt(cleanUuid.charAt(16), 16);

                        console.log('Version UUID:', version);
                        console.log('Variant UUID:', variant);

                        if (version === 4) {
                            // UUID v4 - probablement un compte Microsoft
                            // Analyser les premiers caractères pour une estimation plus précise
                            const timeHigh = cleanUuid.substring(0, 8);
                            const timeHighInt = parseInt(timeHigh, 16);

                            // Estimation basée sur la valeur hexadécimale
                            // Les comptes plus récents ont des valeurs plus élevées
                            if (timeHighInt > 0x1d000000) {
                                // Compte récent (après 2020)
                                creationDate = new Date('2021-01-01');
                                console.log('Estimation: Compte Microsoft récent (2021+)');
                            } else if (timeHighInt > 0x1c000000) {
                                // Compte de 2020
                                creationDate = new Date('2020-06-01');
                                console.log('Estimation: Compte Microsoft 2020');
                            } else {
                                // Compte plus ancien (migration précoce)
                                creationDate = new Date('2020-01-01');
                                console.log('Estimation: Compte Microsoft ancien (2020)');
                            }
                        } else {
                            // UUID non-v4, probablement un compte Mojang
                            creationDate = new Date('2015-01-01');
                            console.log('Estimation: Compte Mojang (2015+)');
                        }
                    } else {
                        // UUID formaté avec tirets, probablement un compte Mojang
                        creationDate = new Date('2015-01-01');
                        console.log('Estimation: Compte Mojang formaté');
                    }
                } catch (e) {
                    console.log('Erreur estimation UUID:', e);
                    // Fallback simple
                    creationDate = new Date('2020-01-01');
                }
            }

            console.log('Données du joueur:', player);
            console.log('Champs disponibles:', Object.keys(player));
            console.log('created_at:', player.created_at);
            console.log('first_seen_at:', player.first_seen_at);
            console.log('timestamp:', player.timestamp);
            console.log('username_history:', player.username_history);
            console.log('Date de création trouvée:', creationDate);

            // Indiquer si c'est une estimation
            const isEstimated = !player.created_at && !player.first_seen_at && !player.timestamp;

            if (creationDate && !isNaN(creationDate.getTime())) {
                const now = new Date();
                const diffTime = now - creationDate;
                const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
                const years = Math.floor(diffDays / 365.25);
                const months = Math.floor((diffDays % 365.25) / 30.44);

                if (getLang() === 'fr') {
                    if (years > 0) {
                        accountAge = `${years} an${years > 1 ? 's' : ''}${months > 0 ? ` et ${months} mois` : ''}`;
                    } else if (months > 0) {
                        accountAge = `${months} mois`;
                    } else {
                        accountAge = `${diffDays} jours`;
                    }
                    if (isEstimated) accountAge += ' (estimation)';
                } else {
                    if (years > 0) {
                        accountAge = `${years} year${years > 1 ? 's' : ''}${months > 0 ? ` and ${months} month${months > 1 ? 's' : ''}` : ''}`;
                    } else if (months > 0) {
                        accountAge = `${months} month${months > 1 ? 's' : ''}`;
                    } else {
                        accountAge = `${diffDays} days`;
                    }
                    if (isEstimated) accountAge += ' (estimation)';
                }

                firstSeenDate = creationDate.toLocaleDateString(getLang() === 'fr' ? 'fr-FR' : 'en-US', {
                    year: 'numeric',
                    month: 'long',
                    day: 'numeric'
                });

                // Ajouter une indication si c'est une estimation
                if (isEstimated) {
                    firstSeenDate += getLang() === 'fr' ? ' (estimation)' : ' (estimation)';
                }
            }

            // Type de skin
            let skinType = getLang() === 'fr' ? 'Classique' : 'Classic';
            if (player.textures && player.textures.slim) {
                skinType = getLang() === 'fr' ? 'Slim (Alex)' : 'Slim (Alex)';
            }


            // Désélectionner TOUS les boutons de profil par défaut
            document.querySelectorAll('.profile-button').forEach(btn => {
                btn.classList.remove('active');
            });

            // Sélectionner le bouton correspondant UNIQUEMENT si c'est l'un des 3 profils par défaut
            const defaultProfiles = ['Slaizen', 'Nezials', 'SlaizenNezials'];
            if (defaultProfiles.includes(username)) {
                const currentBtn = document.getElementById(`btn-${username}`);
                if (currentBtn) {
                    currentBtn.classList.add('active');
                }
            }
            // Afficher les informations du profil recherché dans l'interface principale
            displaySearchedProfileInfo(username, skinUrl, uuid, accountAge, firstSeenDate, skinType, player.username_history);
        }

        function displaySearchedProfileInfo(username, skinUrl, uuid, accountAge, firstSeenDate, skinType, pseudoHistory) {
            // Afficher l'image du skin
            const skinImage = document.querySelector('.skin-image');
            skinImage.src = skinUrl;
            skinImage.style.display = 'block';

            // Mettre à jour le bouton de téléchargement
            updateDownloadButton(uuid, username);

            // Ajouter la classe spéciale pour SlaizenNezials
            if (username === 'SlaizenNezials') {
                skinImage.classList.add('slaizennezials');
                skinImage.classList.remove('nezials-skin');
            } else {
                skinImage.classList.remove('slaizennezials');
                skinImage.classList.remove('nezials-skin');
            }

            // Créer l'URL de l'avatar pour les informations du compte avec MC-Heads
            const rawUuid = uuid.replace(/-/g, '');
            const faceUrl = `https://mc-heads.net/avatar/${rawUuid}/128`;

            // Déterminer le status et le type de compte pour SlaizenNezials et Slaizen
            let status = getLang() === 'fr' ? 'Inconnu' : 'Unknown';
            let accountType = getLang() === 'fr' ? 'Inconnu' : 'Unknown';

            if (username === 'SlaizenNezials') {
                status = getLang() === 'fr' ? 'Inaccessible' : 'Inaccessible';
                accountType = 'Mojang';
            } else if (username === 'Slaizen') {
                status = getLang() === 'fr' ? 'Actif' : 'Active';
                accountType = getLang() === 'fr' ? 'Mojang Migré Microsoft' : 'Mojang Migrated Microsoft';
            }

            // Masquer toutes les informations par défaut
            const profileDetails = document.querySelectorAll('.profile-detail');
            profileDetails.forEach(detail => {
                detail.style.display = 'none';
            });

            // Masquer les sections d'historique par défaut
            const nameHistory = document.querySelector('.name-history');
            if (nameHistory) {
                nameHistory.style.display = 'none';
            }
            const versionSection = document.querySelector('.name-history:last-of-type');
            if (versionSection) {
                versionSection.style.display = 'none';
            }
            const versionHistory = document.getElementById('versionHistory');
            if (versionHistory) {
                versionHistory.style.display = 'none';
            }
            const pseudoHistoryElement = document.getElementById('pseudoHistory');
            if (pseudoHistoryElement) {
                pseudoHistoryElement.style.display = 'none';
            }

            // Afficher toutes les informations détaillées avec des blocs
            const profileDetailsContainer = document.querySelector('.profile-details');
            profileDetailsContainer.innerHTML = `
                <div class="profile-detail" style="display: block; font-size: 16px; color: #fff; text-align: center; margin-top: 10px; margin-bottom: 10px;">
                    ${getLang() === 'fr' ? 'Informations du compte' : 'Account Information'}
                </div>
                
                <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; width: 100%; min-width: 600px; max-width: 800px; box-sizing: border-box;">
                    ${(username === 'SlaizenNezials' || username === 'Slaizen') ? `
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">Status</div>
                        <div style="font-size: 14px; color: ${status === 'Inaccessible' ? '#ff4444' : '#44ff44'}; font-weight: bold;">${status}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">${getLang() === 'fr' ? 'Type de compte' : 'Account Type'}</div>
                        <div style="font-size: 14px; color: #ccc;">${accountType}</div>
                    </div>
                    ` : ''}
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">UUID (${getLang() === 'fr' ? 'complet' : 'full'})</div>
                        <div class="uuid-clickable" style="font-size: 10px; color: #ccc; font-family: monospace; word-break: break-all; cursor: pointer;" onmousedown="copyToClipboard('${uuid}')" title="${getLang() === 'fr' ? 'Cliquer pour copier' : 'Click to copy'}">${uuid}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">UUID (${getLang() === 'fr' ? 'court' : 'short'})</div>
                        <div class="uuid-clickable" style="font-size: 11px; color: #ccc; font-family: monospace; word-break: break-all; cursor: pointer;" onmousedown="copyToClipboard('${rawUuid}')" title="${getLang() === 'fr' ? 'Cliquer pour copier' : 'Click to copy'}">${rawUuid}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">${getLang() === 'fr' ? 'Âge du compte' : 'Account Age'}</div>
                        <div style="font-size: 14px; color: #ccc;">${accountAge}</div>
                    </div>
                    <div style="background: rgba(255,255,255,0.1); padding: 15px; border-radius: 6px; box-sizing: border-box; width: 100%;">
                        <div style="font-size: 12px; color: #999; margin-bottom: 8px;">${getLang() === 'fr' ? 'Première détection' : 'First detection'}</div>
                        <div style="font-size: 14px; color: #ccc;">${firstSeenDate}</div>
                    </div>
                </div>

                ${getProfileDescription(username)}
                
                <!-- Pseudo et avatar gérés par les éléments flottants -->
                
                <!-- Bouton télécharger skin géré par le bouton flottant -->
            `;

            // Mettre à jour les éléments flottants
            updateFloatingProfileInfo(username, faceUrl);

            console.log('Profil recherché affiché avec informations en blocs:', username);
        }

        function generatePseudoHistoryHTML(pseudoHistory) {
            if (!pseudoHistory || pseudoHistory.length === 0) {
                return `<div style="text-align: center; color: #999; font-size: 12px;">${getLang() === 'fr' ? 'Aucun historique disponible' : 'No history available'}</div>`;
            }

            return pseudoHistory.map((entry, index) => {
                const isCurrent = index === pseudoHistory.length - 1;
                return `
                    <div class="pseudo-entry" style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px; font-size: 12px; color: #ccc; background: ${isCurrent ? 'rgba(255,255,255,0.1)' : 'transparent'}; padding: 8px; border-radius: 4px;">
                        <div class="pseudo-number" style="min-width: 20px; color: #999;">${entry.number}</div>
                        <div class="pseudo-name" style="color: #ccc; font-weight: bold;">${entry.name}</div>
                        <div class="pseudo-date" style="color: #999; font-size: 10px;">${entry.date}</div>
                        ${isCurrent ? '<div style="color: #44ff44; font-size: 10px;">●</div>' : ''}
                    </div>
                `;
            }).join('');
        }

        // Initialisation - Charger le profil Slaizen par défaut
        document.addEventListener('DOMContentLoaded', function () {
            console.log('Page de profils chargée - Chargement du profil Slaizen par défaut');

            // Sélectionner le bouton Slaizen par défaut
            const slaizenBtn = document.getElementById('btn-Slaizen');
            if (slaizenBtn) {
                slaizenBtn.classList.add('active');
            }

            // Afficher l'indicateur de chargement initial
            showLoadingIndicator('Chargement du profil Slaizen...', 'Loading Slaizen profile...');

            // Charger le profil Slaizen automatiquement
            window.currentSelectedProfile = 'Slaizen';
            searchMinecraftProfile('Slaizen');
        });

        // Synchroniser le changement de langue pour les éléments dynamiques
        document.addEventListener('languageChanged', () => {
            if (window.lastPlayerData) {
                console.log('🌍 [PROFILES] Refreshing dynamic content for language:', getLang());
                displaySearchedProfile(window.lastPlayerData);
            }
        });

        /**
         * PROTECTION & SÉCURITÉ
         */
        document.addEventListener('contextmenu', e => e.preventDefault());
        document.addEventListener('dragstart', e => {
            if (['IMG', 'VIDEO'].includes(e.target.tagName)) e.preventDefault();
        });
        document.addEventListener('keydown', e => {
            if (
                e.keyCode === 123 || // F12
                (e.ctrlKey && e.shiftKey && (e.keyCode === 73 || e.keyCode === 74)) || // Ctrl+Shift+I/J
                (e.ctrlKey && e.keyCode === 85) // Ctrl+U
            ) {
                e.preventDefault();
                return false;
            }
        });
    </script>

    <!-- Scripts Supabase et CoreSystem -->
    <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 dynamiques -->
    <script src="../coreSystem/modals-loader.js"></script>
    <script src="../coreSystem/auth-nav-loader.js"></script>

    <!-- Scripts modulaires core -->
    <script src="../coreSystem/profiles-config.js"></script>
    <script src="../coreSystem/profiles.js"></script>
    <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/notifications.js"></script>
    <script src="../coreSystem/app.js"></script>
    <script src="../coreSystem/tracking.js"></script>
    <script src="../coreSystem/i18n.js"></script>

</body>

</html>
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║                      ██ FIRST CREATED: 2025-10-23 ██ LAST UPDATED: 2026-04-10 ██                      ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ INTRUSION DETECTED ██                                                                              ║    
    ║ ██ UNAUTHORIZED ACCESS ATTEMPT LOGGED ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝-->
<!--╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗    
    ║ ██ TERMINATING CONNECTION ██                                                                          ║    
    ║ ██ DISCONNECTING FROM SLAIZEN.COM ██                                                                  ║    
    ║ ██ CONNECTION CLOSED ██                                                                               ║    
    ║                                                                                                       ║    
    ║ ██ YOU ARE NOW LEAVING THE UNDER-GRID ██                                                              ║    
    ╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝    
  ███████ ██       █████  ██ ███████ ███████ ███    ██     ██    ███ ███████ ███████ ██  █████       ██ ███████  
  ██      ██      ██   ██ ██    ███  ██      ████   ██     ██   ████      ██  ███    ██ ██   ██      ██      ██  
  ███████ ██      ███████ ██   ███   █████   ██ ██  ██     ██  ██ ██   █████   ███   ██ ███████      ██ ███████  
       ██ ██      ██   ██ ██  ███    ██      ██  ██ ██     ██ ██  ██      ██    ███  ██ ██   ██      ██ ██       
  ███████ ███████ ██   ██ ██ ███████ ███████ ██   ████     ████   ██ ███████ ███████ ██ ██   ██ ███████ ███████  
-->