/* =========================================
   HACKER MODE (SECRET) - CSS ISOLADO
   ========================================= */
body.hacker-mode {
    --bg-color: #000000 !important;
    --text-color: #0f0 !important;
    --primary-color: #0f0 !important;
    --secondary-color: #003300 !important;
    font-family: 'Courier New', Courier, monospace !important;
    background-color: #000 !important;
    color: #0f0 !important;
}

body.hacker-mode * {
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.hacker-mode p, body.hacker-mode h1, body.hacker-mode h2, 
body.hacker-mode h3, body.hacker-mode span, body.hacker-mode a {
    text-shadow: 0 0 4px #00ff00;
}

body.hacker-mode .chat-window, body.hacker-mode input, 
body.hacker-mode button, body.hacker-mode .card {
    border: 1px solid #0f0 !important;
    background-color: #000 !important;
    color: #0f0 !important;
}

body.hacker-mode #chat-input {
    background-color: #111 !important;
    color: #0f0 !important;
}

/* DICA KONAMI NO RODAPÉ */
.konami-hint {
    margin-top: 15px;
    font-family: 'Courier New', monospace;
    font-size: 0.9rem;
    color: var(--text-color, #333);
    opacity: 0.15;
    letter-spacing: 3px;
    cursor: help;
    transition: all 0.3s ease;
    text-align: center;
    user-select: none;
}

.konami-hint:hover {
    opacity: 1;
    color: #0f0;
    text-shadow: 0 0 5px #0f0;
    transform: scale(1.1);
}

.konami-hint span { display: inline-block; }
.konami-hint .key-letter {
    font-weight: bold;
    border: 1px solid currentColor;
    padding: 0 4px;
    border-radius: 4px;
}

/* CANVAS MATRIX */
#matrix-canvas {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 0; opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

body.hacker-mode #matrix-canvas {
    opacity: 0.3;
    z-index: 9999;
    background: transparent;
}

/* --- EFEITOS VISUAIS NAS FOTOS HACKEADAS --- */
body.hacker-mode .illustration,
body.hacker-mode .journey-photo {
    /* Aumenta o contraste e aplica um filtro verde Matrix */
    filter: contrast(1.5) brightness(1.2) grayscale(100%) drop-shadow(0 0 15px #00ff00);
    
    /* Remove a borda arredondada suave e deixa quadrado/agressivo */
    border-radius: 0 !important;
    
    /* Uma leve inclinação para parecer um glitch */
    transform: skewX(-2deg);
    
    transition: all 0.3s ease-in-out;
}

/* Remove o blob colorido de fundo na seção 'Sobre' para focar só na imagem verde */
body.hacker-mode .photo-blob,
body.hacker-mode .hero-blob {
    display: none;
    /* Ou, alternativamente, faça ele brilhar em verde também: */
    /* background: radial-gradient(circle, #0f0 0%, transparent 70%) !important; */
    /* opacity: 0.2; */
}