/* Shared SVG hex-board renderer styles.
   Games should override fill via CSS variables or direct style.
*/

.hex-svgboard{
  width: 100%;
  height: auto;
  display: block;
}

.hex-svg-cell{
  fill: var(--hex-cell-fill, #888);
}

.hex-svg-cell.in-region{
  stroke: rgba(0,0,0,0.25);
  stroke-width: 0.03px;
  vector-effect: non-scaling-stroke;
  stroke-linejoin: round;
}

.hex-svg-edge{
  fill: rgba(255,255,255,0.08);
  stroke: rgba(0,0,0,0.20);
  stroke-width: 0.02px;
  vector-effect: non-scaling-stroke;
}

/* Avoid sticky :hover on touch devices (mobile Safari/Chrome can latch it after taps). */
@media (hover: hover) and (pointer: fine){
  .hex-svg-edge:hover{
    fill: rgba(255,255,255,0.18);
  }
}

.hex-svg-debug-hilite{
  fill: transparent;
  stroke: rgba(255,255,255,0.75);
  stroke-width: 0.05px;
  vector-effect: non-scaling-stroke;
  pointer-events: none;
}

.hex-svg-debug-text{
  font-size: 0.55px;
  font-weight: 800;
  fill: rgba(255,255,255,0.95);
  paint-order: stroke;
  stroke: rgba(0,0,0,0.75);
  stroke-width: 0.10px;
  pointer-events: none;
}