/*=====================================================
  AKUNUR BOARD APPEARANCE EXPERIMENTS — 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(119, 91, 60, 0.42);
  --akunur-sector-marker-fill: rgba(247, 239, 225, 0.96);
  --akunur-sector-marker-stroke: rgba(126, 86, 47, 0.78);
  --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-sector wash. Ring contrast remains the primary cue. */
#boardSvg.board-style-sector-guides .board-cell.cell-normal.sector-wind:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: sepia(0.05) brightness(1.005);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal.sector-rain:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: saturate(0.94) brightness(0.995);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal.sector-sand:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: sepia(0.09) saturate(1.03);
}
#boardSvg.board-style-sector-guides .board-cell.cell-normal.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.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.sector-snow:not(.is-placement-zone):not(.is-last-move):not(.is-selected) {
  filter: saturate(0.88) brightness(1.018);
}

/* Perimeter alignment marks and elemental badges. */
#boardSvg .board-sector-guides {
  opacity: 0;
  transition: opacity 120ms ease-out;
}

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

#boardSvg .sector-axis-tick {
  stroke: var(--akunur-sector-line);
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-dasharray: 3 5;
  vector-effect: non-scaling-stroke;
}

#boardSvg .sector-marker {
  fill: var(--akunur-sector-marker-fill);
  stroke: var(--akunur-sector-marker-stroke);
  stroke-width: 2;
  vector-effect: non-scaling-stroke;
}

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

#boardSvg .sector-marker-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; }