/*=====================================================
  AKUNUR BOARD APPEARANCE EXPERIMENTS — SIDE LABEL GUIDE 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.30);
  --akunur-sector-text: rgba(114, 83, 56, 0.62);
}

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

/* The key added cue is the six divider rays from corners to the Still Point. */
#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.6;
  stroke-dasharray: 4 7;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

#boardSvg .sector-side-label {
  fill: var(--akunur-sector-text);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  font-family: Georgia, 'Times New Roman', serif;
}

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