/* =================================================================== CURSOR (global component) =================================================================== */
/* Grid-snapped pixel trail that follows the pointer, drawn on a canvas by
   assets/js/global/cursor.js. Diagonal movement draws a staircase, which
   is the same stepped motif the buttons and inset boxes use.
   Reference: haoqi.design. Fine pointers only; never shown on touch. */
canvas.cursor {
    position: fixed;
    inset: 0;
    z-index: var(--z-cursor);
    display: none;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* only once JS confirms a fine pointer, so touch devices never get it */
.has-cursor canvas.cursor { display: block; }

@media (pointer: coarse) {
    canvas.cursor { display: none !important; }
}