#c {
    display: block;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    cursor: grab;

    /* dit is straks cruciaal voor mobiel (voorkomt scroll/pinch conflicts) */
    touch-action: none;
}

#c.dragging {
    cursor: grabbing;
}

#c.pointer {
    cursor: pointer;
}

#c.zoomin {
    cursor: zoom-in;
}

body.buy-mode #c {
    cursor: crosshair !important;
}

.canvas-indicator {
    position: absolute;
    bottom: 5px;
    left: 5px;
    font-size: 10px;
    color: #666;
    background: rgba(255, 255, 255, 0.6);
    padding: 2px 6px;
    border-radius: 6px;
    pointer-events: none;
    user-select: none;
}

.canvas-indicator a {
    pointer-events: auto;
    color: inherit;
    text-decoration: none;
    opacity: 0.8;
}

.canvas-indicator a:hover {
    text-decoration: underline;
    opacity: 1;
}

.canvas-indicator .sep {
    margin: 0 4px;
    opacity: 0.6;
}