/* ==========================================================================
   cursor.css — ONOG click ping
   The native system cursor is kept. We only draw a radar ping ring on click.
   Applied only when cursor.js confirms pointer:fine + hover:hover.
   ========================================================================== */

/* ── ping — single reusable element, JS toggles .cur-ping--active ─────────── */

.cur-ping {
	position:       fixed;
	top:            0;
	left:           0;
	width:          32px;
	height:         32px;
	border:         1.5px solid #5B7CA8;
	border-radius:  50%;
	pointer-events: none;
	z-index:        99997;
	/* centred on the click point (set via left/top, offset by half size) */
	margin-top:     -16px;
	margin-left:    -16px;
	opacity:        0;
	transform:      scale(1);
}

/* Ping keyframe: expand + fade out — echoes the intro radar ping language */
@keyframes cur-ping-burst {
	0%   { transform: scale(1);   opacity: 0.75; }
	100% { transform: scale(3.2); opacity: 0;    }
}

.cur-ping--active {
	animation: cur-ping-burst 0.55s cubic-bezier(0.2, 0.6, 0.4, 1) forwards;
}


/* ── reduced-motion safety net (cursor.js already bails, but be defensive) ── */

@media (prefers-reduced-motion: reduce) {
	.cur-ping {
		display: none !important;
	}
}