/* Add to css/style.css */

/* Brain Navigation Label */
#brain-nav-label {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 153, 255, 0.5);
    color: #fff;
    padding: 8px 16px;
    border-radius: 20px;
    font-family: 'Space Mono', monospace;
    font-size: 14px;
    pointer-events: none; /* Let clicks pass through to canvas */
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.1s ease;
    z-index: 100;
    transform: translate(-50%, -100%); /* Center above cursor */
    box-shadow: 0 0 15px rgba(0, 153, 255, 0.3);
    backdrop-filter: blur(4px);
}

#brain-hero-container {
    position: relative; /* For absolute positioning of label */
    cursor: pointer;
}