/* ── Analysis arrows ─────────────────────────────────────────────────────── */

.cm-chessboard .arrow-success .arrow-head {
	fill: var(--arrow-success);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-success .arrow-line {
	stroke: var(--arrow-success);
	stroke-linecap: round;
	opacity: var(--arrow-success-opacity);
}

.cm-chessboard .arrow-danger .arrow-head {
	fill: var(--arrow-danger);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-danger .arrow-line {
	stroke: var(--arrow-danger);
	stroke-linecap: round;
	opacity: var(--arrow-danger-opacity);
}

.cm-chessboard .arrow-warning .arrow-head {
	fill: var(--arrow-warning);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-warning .arrow-line {
	stroke: var(--arrow-warning);
	stroke-linecap: round;
	opacity: var(--arrow-warning-opacity);
}

.cm-chessboard .arrow-info .arrow-head {
	fill: var(--arrow-info);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-info .arrow-line {
	stroke: var(--arrow-info);
	stroke-linecap: butt;
	opacity: var(--arrow-info-opacity);
}

.cm-chessboard .arrow-secondary .arrow-head {
	fill: var(--arrow-secondary);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-secondary .arrow-line {
	stroke: var(--arrow-secondary);
	stroke-linecap: butt;
	opacity: var(--arrow-secondary-opacity);
}

/* ── Analysis line arrows (ranked by strength) ──────────────────────────── */

.cm-chessboard .arrow-line1 .arrow-head {
	fill: var(--arrow-line1);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-line1 .arrow-line {
	stroke: var(--arrow-line1);
	stroke-linecap: round;
	opacity: var(--arrow-line1-opacity);
}

.cm-chessboard .arrow-line2 .arrow-head {
	fill: var(--arrow-line2);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-line2 .arrow-line {
	stroke: var(--arrow-line2);
	stroke-linecap: round;
	opacity: var(--arrow-line2-opacity);
}

.cm-chessboard .arrow-line3 .arrow-head {
	fill: var(--arrow-line3);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-line3 .arrow-line {
	stroke: var(--arrow-line3);
	stroke-linecap: round;
	opacity: var(--arrow-line3-opacity);
}

.cm-chessboard .arrow-line4 .arrow-head {
	fill: var(--arrow-line4);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-line4 .arrow-line {
	stroke: var(--arrow-line4);
	stroke-linecap: round;
	opacity: var(--arrow-line4-opacity);
}

.cm-chessboard .arrow-line5 .arrow-head {
	fill: var(--arrow-line5);
	fill-rule: nonzero;
}
.cm-chessboard .arrow-line5 .arrow-line {
	stroke: var(--arrow-line5);
	stroke-linecap: round;
	opacity: var(--arrow-line5-opacity);
}

/* ── User-drawn annotations (circles & arrows via right-click) ──────────── */

.cm-chessboard .drawing-layer {
	pointer-events: none;
}

.cm-chessboard .draw-circle {
	pointer-events: none;
}

.cm-chessboard .draw-arrow line {
	pointer-events: none;
}