/* ═══════════════════════════════════════════════════════════
   HEXAGON NETWORK BACKGROUND
   Sits behind the Three.js globe and all interactive UI.
   ═══════════════════════════════════════════════════════════ */

#hexagon-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 0;
    pointer-events: none;

    /* Prevent any scrollbar contribution */
    overflow: hidden;

    /* Hardware-accelerate compositing */
    will-change: transform;
    transform: translateZ(0);
}