/* Police Manuscrite */
        .handwriting {
            font-family: 'Handlee', cursive;
            font-weight: 700;
        }

        /* Animation des Astuces */
        .tips-carousel {
            position: relative;
            min-height: 140px;
            overflow: hidden;
        }

        .tip-item {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            position: absolute;
            width: 100%;
        }

        .tip-item.active {
            opacity: 1;
            transform: translateY(0);
            position: relative;
        }

        /* Ambiance Graphique Immersive*/
        body {
            background-image: linear-gradient(rgba(3, 7, 18, 0.90), rgba(3, 7, 18, 0.90)), url('PCL_background.jpg');
            background-size: cover;
            background-position: center bottom; /* Aligné par le bas pour voir la rue et les personnages */
            background-attachment: fixed;
        }

        /* Personnalisation fine des barres de défilement */
        ::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }
        ::-webkit-scrollbar-track {
            background: rgba(3, 7, 18, 0.5);
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(75, 85, 99, 0.4);
            border-radius: 9999px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #22d3ee;
        }

        /* Onglets Actifs - Style Néon Soft ModTrad */
        .tab-active {
            color: #ffffff !important;
            border-color: #22d3ee !important;
            background-color: rgba(34, 211, 238, 0.08);
            text-shadow: 0 0 8px rgba(34, 211, 238, 0.6);
        }

        /* Effet de surbrillance au survol d'une ligne du tableau */
        .table-row-hover {
            transition: all 0.15s ease;
            border-left: 3px solid transparent;
        }
        .table-row-hover:hover {
            background-color: rgba(255, 255, 255, 0.02);
            border-left-color: #22d3ee;
        }

        /* Fiabilité des indicateurs économiques (f) */
        .fiability-3 { color: #10b981; text-shadow: 0 0 6px rgba(16, 185, 129, 0.2); }
        .fiability-2 { color: #f59e0b; }
        .fiability-1 { color: #ef4444; }
        .fiability-0 { color: #6b7280; }
        
            /* Animations des modales */
            #modal-container {
                opacity: 0;
                transition: opacity 0.3s ease;
            }
            #modal-container.modal-show {
                opacity: 1;
            }
            #modal-content {
                transform: scale(0.95);
                transition: transform 0.3s ease;
            }
            #modal-content.modal-scale {
                transform: scale(1);
            }