/* ============================================================
   Cursor pipe layer - draws above content without intercepting clicks.
============================================================ */
.pipe-cursor-trail {
    position: fixed;
    inset: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* ============================================================
   Touch and reduced motion - removes the decorative pipe layer entirely.
============================================================ */
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {

    /* ========================================================
       Disabled pipe layer - keeps mobile and reduced-motion views uncluttered.
    ======================================================== */
    .pipe-cursor-trail {
        display: none;
    }
}