Function cellStyle

frontend/src/maps.tsx:99–134

(
  cellId: string,
  unlocked: Set<string>,
  mine: Set<string>,
  currentCellId?: string | null
)

}

function cellStyle(
  cellId: string,
  unlocked: Set<string>,
  mine: Set<string>,
  currentCellId?: string | null
) {
  const currentCell = currentCellId === cellId;
  if (mine.has(cellId)) {
    return {
      fillColor: "#f59e0b",
      fillOpacity: currentCell ? 0.56 : 0.44,
      strokeColor: "#2563eb",
      strokeOpacity: currentCell ? 0.78 : 0.14,
      strokeWeight: currentCell ? 2 : 0.6,
      zIndex: currentCell ? 50 : 32,
    };
  }
  if (unlocked.has(cellId)) {
    return {
      fillColor: "#f59e0b",
      fillOpacity: currentCell ? 0.54 : 0.4,
      strokeColor: "#2563eb",
      strokeOpacity: currentCell ? 0.78 : 0.12,
      strokeWeight: currentCell ? 2 : 0.5,
      zIndex: currentCell ? 50 : 28,
    };
  }
  return {
    fillColor: "#173f36",
    fillOpacity: 0.22,
    strokeColor: currentCell ? "#2563eb" : "#173f36",
    strokeOpacity: currentCell ? 0.72 : 0,
    strokeWeight: currentCell ? 2 : 0,
    zIndex: currentCell ? 50 : 20,
  };
}

function normalizeRotation(value = 0) {
  return ((value % 360) + 360) % 360;