/* Cursor Smoke Effect Styling */
#smoke-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    mix-blend-mode: screen;
}

/* Custom cursor */
body {
    cursor: crosshair;
}

.panel-left {
    cursor: crosshair;
}

.panel-center {
    cursor: crosshair;
}

.panel-right {
    cursor: crosshair;
}

/* Cursor trail effect */
.cursor-trail {
    position: fixed;
    width: 4px;
    height: 4px;
    background: var(--hacker-green);
    border-radius: 50%;
    pointer-events: none;
    z-index: 9998;
    opacity: 0.6;
    box-shadow: 0 0 10px var(--hacker-green);
}

/* Hide default cursor on interactive elements */
.central-circle,
.zone {
    cursor: pointer;
}

/* Glow effect on hover */
.panel:hover {
    filter: brightness(1.1);
}