/* Three rings; smooth lag via JS — flat strokes, no glow beside cursor */
#goc-cursor {
    --goc-cursor-d1: 40px;
    --goc-cursor-d2: calc(var(--goc-cursor-d1) * 0.5);
    /* Filled bullet dot inside the rings */
    --goc-cursor-d3: 5px;

    position: fixed;
    inset: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 2147483646;
    overflow: visible;
    opacity: 0;
    transition: opacity 0.25s ease;
}

html.goc-cursor-active #goc-cursor {
    opacity: 1;
}

.goc-cursor__ring {
    position: fixed;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: transparent;
    box-sizing: border-box;
    will-change: transform;
    transform: translate3d(-100px, -100px, 0) translate(-50%, -50%);
    border: 1px solid rgba(25, 121, 191, 0.75);
    box-shadow: none;
}

.goc-cursor__ring--1 {
    width: var(--goc-cursor-d1);
    height: var(--goc-cursor-d1);
    z-index: 2147483644;
}

.goc-cursor__ring--2 {
    width: var(--goc-cursor-d2);
    height: var(--goc-cursor-d2);
    z-index: 2147483645;
    border-color: rgba(25, 121, 191, 0.78);
}

.goc-cursor__ring--3 {
    width: var(--goc-cursor-d3);
    height: var(--goc-cursor-d3);
    z-index: 2147483646;
    border: none;
    background: #029b34;
}