body {
    background: #1C2526;
    color: #E0E0E0;
    font-family: 'Courier New', monospace;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}

body.chaos-mode {
    background: linear-gradient(45deg, #8B0000, #FF4500);
    color: #FFD700;
}

#chaos {
    position: relative;
}

/* Désactivation temporaire de l’effet glitch pour tester */
#chaos::before {
    content: none; /* Désactive l’effet glitch */
}

#startChaosSimulation, #stopChaosSimulation {
    pointer-events: auto !important;
    z-index: 10000 !important; /* Augmente encore le z-index */
    position: relative !important; /* Assure que le bouton est au-dessus */
    display: inline-block !important;
}

#chaosLog {
    color: #00FF00; /* Couleur par défaut des logs en vert */
}

#chaosLog p {
    margin: 5px 0;
    opacity: 0;
    animation: fadeIn 0.5s forwards;
}

#chaosLog p.critical {
    color: #FF0000 !important; /* Rouge bien visible, priorité absolue */
    text-shadow: 0 0 5px #FF0000, 0 0 10px #FF4500; /* Ombre pour plus de contraste */
    animation: criticalBlink 0.8s infinite; /* Ralentit et intensifie le clignotement */
}

@keyframes fadeIn {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0px); }
}

@keyframes criticalBlink {
    0% { opacity: 0.7; }
    50% { opacity: 1; } /* Pic plus fort */
    100% { opacity: 0.7; }
}

#chaosStats {
    margin-top: 20px;
    padding: 10px;
    background: #2E3B3E;
    border: 2px solid #FF4500;
    color: #FFD700;
}

body.chaos-mode #chaosStats {
    background: #400000;
}

#chaosChart {
    margin-top: 20px;
}

.banner {
    background: #2E3B3E;
    padding: 20px;
    text-align: center;
    border-bottom: 5px solid #00B7EB;
    box-shadow: 0 0 15px #00B7EB;
}

body.chaos-mode .banner {
    border-bottom: 5px solid #FF4500;
    box-shadow: 0 0 15px #FF4500;
}

h1, h2 {
    color: #00FF00;
    text-shadow: 0 0 5px #00FF00;
}

body.chaos-mode h1, body.chaos-mode h2 {
    color: #FF4500;
    text-shadow: 0 0 5px #FF4500;
    animation: blink 1s infinite;
}

.neon-heart {
    animation: neon 1.5s ease-in-out infinite alternate;
}
@keyframes neon {
    from { text-shadow: 0 0 5px #fff, 0 0 10px #00B7EB; }
    to { text-shadow: 0 0 10px #fff, 0 0 20px #DDA0DD; }
}

body.chaos-mode .neon-heart {
    animation: chaos-neon 1.5s ease-in-out infinite alternate;
}
@keyframes chaos-neon {
    from { text-shadow: 0 0 5px #fff, 0 0 10px #FF4500; }
    to { text-shadow: 0 0 10px #fff, 0 0 20px #FF0000; }
}

.nav-tabs {
    border-bottom: 2px solid #00B7EB;
}

.nav-link {
    color: #00FF00;
    border: 2px solid transparent;
    transition: all 0.3s;
}

.nav-link.active, .nav-link:hover {
    background: #2E3B3E;
    border: 2px solid #00B7EB;
    color: #E0E0E0;
}

body.chaos-mode .nav-link {
    color: #FF4500;
}

body.chaos-mode .nav-link.active, body.chaos-mode .nav-link:hover {
    border: 2px solid #FF4500;
    color: #FFD700;
}

.tab-content {
    padding: 20px;
    border: 2px solid #00B7EB;
    border-radius: 10px;
    margin-bottom: 20px;
    background: rgba(46, 59, 62, 0.9);
    box-shadow: 0 0 10px #00B7EB;
}

body.chaos-mode .tab-content {
    border: 2px solid #FF4500;
    background: rgba(139, 0, 0, 0.9);
    box-shadow: 0 0 10px #FF4500;
}

#networkMap {
    height: 200px;
    background: #2E3B3E;
    border: 2px solid #DDA0DD;
    text-align: center;
    padding-top: 80px;
    box-shadow: 0 0 10px #DDA0DD;
}

body.chaos-mode #networkMap {
    background: #400000;
    border: 2px solid #FF0000;
    box-shadow: 0 0 10px #FF0000;
}

#backdoorCode {
    background: #1C2526;
    padding: 15px;
    border-radius: 5px;
    color: #00FF00;
    border: 1px solid #00B7EB;
}

body.chaos-mode #backdoorCode {
    background: #2C0000;
    color: #FFD700;
    border: 1px solid #FF4500;
}

#surpriseImg {
    max-width: 200px;
    border: 2px solid #DDA0DD;
    border-radius: 10px;
    box-shadow: 0 0 10px #DDA0DD;
}

body.chaos-mode #surpriseImg {
    border: 2px solid #FF4500;
    box-shadow: 0 0 10px #FF4500;
}

.btn-warning {
    background: #00B7EB;
    border: none;
    color: #1C2526;
    box-shadow: 0 0 5px #00B7EB;
}

body.chaos-mode .btn-warning {
    background: #FF4500;
    box-shadow: 0 0 5px #FF4500;
}

.btn-danger {
    background: #FF0000;
    border: none;
    color: #E0E0E0;
    box-shadow: 0 0 5px #FF0000;
}

body.chaos-mode .btn-danger {
    background: #00B7EB;
    box-shadow: 0 0 5px #00B7EB;
}

footer {
    background: #2E3B3E;
    border-top: 5px solid #DDA0DD;
    box-shadow: 0 0 15px #DDA0DD;
}

body.chaos-mode footer {
    border-top: 5px solid #FF0000;
    box-shadow: 0 0 15px #FF0000;
}