/* ── 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;
  transform: scale(0.975);
}
.cm-chessboard .arrow-line2 .arrow-line {
  stroke: var(--arrow-line2);
  stroke-linecap: round;
  opacity: var(--arrow-line2-opacity);
  stroke-width: 5px !important;
}

.cm-chessboard .arrow-line3 .arrow-head {
  fill: var(--arrow-line3);
  fill-rule: nonzero;
  transform: scale(0.95);
}
.cm-chessboard .arrow-line3 .arrow-line {
  stroke: var(--arrow-line3);
  stroke-linecap: round;
  opacity: var(--arrow-line3-opacity);
  stroke-width: 5px !important;
}

.cm-chessboard .arrow-line4 .arrow-head {
  fill: var(--arrow-line4);
  fill-rule: nonzero;
  transform: scale(0.925);
}
.cm-chessboard .arrow-line4 .arrow-line {
  stroke: var(--arrow-line4);
  stroke-linecap: round;
  opacity: var(--arrow-line4-opacity);
  stroke-width: 4px !important;
}

.cm-chessboard .arrow-line5 .arrow-head {
  fill: var(--arrow-line5);
  fill-rule: nonzero;
  transform: scale(0.9);
}
.cm-chessboard .arrow-line5 .arrow-line {
  stroke: var(--arrow-line5);
  stroke-linecap: round;
  opacity: var(--arrow-line5-opacity);
  stroke-width: 4px !important;
}

/* ── 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;
}