/*=====================================================
  AKUNUR BOARD APPEARANCE EXPERIMENTS — TRIANGLE SECTOR BUILD

  The board can be shown as:
    .board-style-standard
    .board-style-ring-shading
    .board-style-sector-guides

  Sector opposites:
    Wind ↔ Rock, Rain ↔ Fire, Sand ↔ Snow
=====================================================*/

:root {
  --akunur-ring-even-fill: #fffaf4;
  --akunur-ring-odd-fill: #f3ecdf;
  --akunur-sector-line: rgba(124, 96, 64, 0.26);
  --akunur-sector-leader: rgba(124, 96, 64, 0.40);
  --akunur-sector-rule: rgba(124, 96, 64, 0.54);
  --akunur-sector-text: #725338;
}

/* Successful alternating ring treatment. */
#boardSvg.board-style-ring-shading .board-cell.cell-normal.ring-even:not(.is-placement-zone):not(.is-last-move):not(.is-selected),
#boardSvg.board-style-sector-guides .board-cell.cell-normal.ring-even:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  fill: var(--akunur-ring-even-fill);
}

#boardSvg.board-style-ring-shading .board-cell.cell-normal.ring-odd:not(.is-placement-zone):not(.is-last-move):not(.is-selected),
#boardSvg.board-style-sector-guides .board-cell.cell-normal.ring-odd:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  fill: var(--akunur-ring-odd-fill);
}

/* Very restrained six-triangle wash. Ring contrast remains the primary cue. */
#boardSvg.board-style-sector-guides .board-cell.cell-normal:not(.principal-axis).sector-wind:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: sepia(0.04) brightness(1.01);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal:not(.principal-axis).sector-rain:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: saturate(0.93) brightness(0.995);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal:not(.principal-axis).sector-sand:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: sepia(0.08) saturate(1.03);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal:not(.principal-axis).sector-rock:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: brightness(0.985) saturate(0.92);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal:not(.principal-axis).sector-fire:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: sepia(0.07) saturate(1.04) brightness(1.005);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal:not(.principal-axis).sector-snow:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: saturate(0.88) brightness(1.018);
}

/* Divider rays and edge-aligned elemental labels. */
#boardSvg .board-sector-guides {
  opacity: 0;
  transition: opacity 120ms ease-out;
}

#boardSvg.board-style-sector-guides .board-sector-guides {
  opacity: 1;
}

#boardSvg .sector-divider {
  stroke: var(--akunur-sector-line);
  stroke-width: 1.35;
  stroke-dasharray: 3.5 6.5;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

#boardSvg .sector-edge-leader {
  stroke: var(--akunur-sector-leader);
  stroke-width: 2;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

#boardSvg .sector-edge-rule {
  stroke: var(--akunur-sector-rule);
  stroke-width: 1.7;
  vector-effect: non-scaling-stroke;
}

#boardSvg .sector-edge-glyph {
  fill: var(--akunur-sector-text);
  font-size: 19px;
  font-weight: 700;
  font-family: Georgia, 'Times New Roman', serif;
}

#boardSvg .sector-edge-label {
  fill: var(--akunur-sector-text);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

/* Hide legacy boundary geometry retained in the renderer for compatibility. */
#boardSvg .board-ring-boundary { opacity: 0; }